/*-----------------公共部分-----------------*/

/*导航*/
/*选中背景聚焦光*/
@keyframes navHoverLight{
	from {
		opacity: 0;
	}
	to {
		opacity:1;
	}
}

/*选中下标*/
@keyframes navHoverIcon{
	from {
		opacity: 0;
		box-shadow: 0px 0px 0px #01F0FF;
	}
	to {
		opacity:1;
		box-shadow: 0px 0px 20px #01F0FF;
	}
}

/*选中左右箭头*/
@keyframes classButton{
	from {
		background-image: url('../images/common/buttonIcon.png');
	}
	to {
		background-image: url('../images/common/buttonIcon_hover.png');
	}
}


/*背景线划光（左）*/
@keyframes lineLeft{
	from {
		right: 0px;
	}
	to {
		right: 100%;
	}
}

/*背景线划光（右）*/
@keyframes lineRight{
	from {
		left: 0px;
	}
	to {
		left: 100%;
	}
}


/*文字飞舞背景*/
@keyframes textBcakground{
	from {
	}
	to {
		margin-left:0px;
		margin-top:0px;
		opacity: 0;
		font-size:12px;
	}
}


/*渐变出现通用*/
@keyframes opacityShow{
	from {
	}
	to {
		opacity:1;
	}
}

/*渐变隐藏通用*/
@keyframes opacityHide{
	from {
	}
	to {
		opacity:0;
	}
}


/*渐变隐藏通用(百分之60透明度)*/
@keyframes opacityHide60{
	from {
	}
	to {
		opacity:0.6;
	}
}




/*-----------------学业影响因素分析-----------------*/
/*气泡整体显示hover*/
@keyframes bubbleHover{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*气泡光圈转动*/
@keyframes bubbleLight{
	0% {
		transform:rotate(0deg);
	}
	50%{
		transform:rotate(-180deg);
	}
	100% {
		transform:rotate(-360deg);
	}
}

/*气泡波纹效果*/
@keyframes bubbleEffectR{
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 0.8;
	}
	100%{
		opacity: 0.2;
	}
}

/*气泡光斑效果*/
@keyframes bubbleEffectF{
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.4;
	}
	100%{
		opacity: 1;
	}
}



/*-----------------学情分析-----------------*/
/*趋势图出现(上)*/
@keyframes tendencyShowTop{
	0% {
		opacity: 0;
		top: -20px;
	}
	100%{
		opacity: 1;
		top:0px;
	}
}

/*趋势图出现(下)*/
@keyframes tendencyShowBottom{
	0% {
		opacity: 0;
		bottom: -20px;
	}
	100%{
		opacity: 1;
		bottom:0px;
	}
}



/*学生座位趋势图出现(上)*/
@keyframes studentShowTop{
	0% {
		opacity: 0;
		top: 0px;
	}
	100%{
		opacity: 1;
		top:22px;
	}
}

/*学生座位趋势图出现(下)*/
@keyframes studentShowBottom{
	0% {
		opacity: 0;
		bottom: 0px;
	}
	100%{
		opacity: 1;
		bottom:32px;
	}
}



/*-----------------行为分析-----------------*/
/*划光*/
@keyframes inkingMove{
	0%  { 
		background-position: 50% 0;
	}
    99% { 
    	background-position: -50% 0;
    }
    100% { 
    	background-image: -webkit-linear-gradient(left,#01F0FF,#01F0FF);
    }
}

/*划光配合文字*/
@keyframes inkingTextMove{
	0%  { 
		opacity: 1;
		color: #f0f5f8;
	}
    50% { 
    	opacity: 0;
    }
    100% { 
    	opacity: 1;
    	color: #134974;
    }
}


/*划光(反向)*/
@keyframes inkingMoveAgainst{
	0%  { 
		background-image: -webkit-linear-gradient(left,#01F0FF, #1A6E90,#1A6E90,#01F0FF);
    	-webkit-background-size: 300% 100%;
    	background-position: -50% 0;
	}
    99% { 
    	background-position: -120% 0;
    }
    100% { 
    	background-image: -webkit-linear-gradient(left,#1A6E90,#1A6E90);
    }
}

/*划光配合文字(反向)*/
@keyframes inkingTextMoveAgainst{
	0%  { 
		opacity: 1;
		color: #134974;
	}
    50% { 
    	opacity: 0;
    }
    100% { 
    	opacity: 1;
    	color: #f0f5f8;
    }
}

/*注释出现部分*/

/*注释隐藏部分*/
@keyframes hintHide{
	0%  { 
		bottom: 0px;
		opacity: 1;
	}
    100% { 
    	bottom: -50px;
		opacity: 0;
    }
}

@keyframes hintShow{
	0%  { 
		bottom: -50px;
		opacity: 0;
	}
    100% { 
    	bottom: 0px;
		opacity: 1;
    }
}

/*图标缩起1*/
@keyframes shortMove1{
	0%  { 
		height: 430px;
	}
    100% { 
    	height: 580px;
    }
}

/*图标缩起2*/
@keyframes shortMove2{
	0%  { 
		height: 62px;
    	line-height: 62px;
	}
    100% { 
    	height: 30px;
    	line-height: 30px;
    }
}

/*图标伸长1*/
@keyframes longMove1{
	0%  { 
		height: 580px;
	}
    100% { 
    	height: 430px;
    }
}

/*图标伸长2*/
@keyframes longMove2{
	0%  { 
		height: 30px;
    	line-height: 30px;
	}
    100% { 
    	height: 62px;
    	line-height: 62px;
    }
}

/*过渡标样式*/
@keyframes iconLighe{
	0%  { 
		background-color: rgba(1,240,255,0.0);
		box-shadow: 0px 0px 0px 0px #01f0ff;
	}
    100% { 
    	background-color: rgba(1,240,255,0.4);
		box-shadow: 0px 0px 10px 0px #01f0ff;
		
    }
}

/*过渡标样式(反向)*/
@keyframes iconLigheAgainst{
	0%  { 
		background-color: rgba(1,240,255,0.4);
		box-shadow: 0px 0px 10px 0px #01f0ff;
	}
    100% { 
    	background-color: rgba(1,240,255,0.0);
		box-shadow: 0px 0px 0px 0px #01f0ff;
		
    }
}



/*-----------------评价分析-----------------*/
/*展开底部文字*/
@keyframes showText{
	0%  { 
		padding-bottom: 0px;
	}
    100% { 
    	padding-bottom: 54px;
    }
}

/*底部文字显现*/
@keyframes showTextOpacity{
	0%  { 
		opacity: 0;
	}
    100% { 
    	opacity: 1;
		
    }
}


/*展开底部文字（反向）*/
@keyframes showTextInversion{
	0%  { 
		padding-bottom: 54px;
	}
    100% { 
    	padding-bottom: 0px;
    }
}

/*底部文字显现（反向）*/
@keyframes showTextOpacityInversion{
	0%  { 
		opacity: 1;
	}
    100% { 
		opacity: 0;
    }
}

/*底部文字显现*/
@keyframes boxLight{
	0%  { 
		box-shadow: 0px 0px 0px 0px #01F0FF;
	}
    100% { 
    	box-shadow: 0px 0px 10px 2px #01F0FF;
		
    }
}


/*边线发光*/
@keyframes lineLight{
	0%  { 
	}
    100% { 
    	box-shadow: 0px 0px 10px 0px #01F0FF;
    	background-color: #038C99;
    }
}

/*展开背景*/
@keyframes openBg{
	0%  { 

	}
    100% { 
    	
    }
}

/*定位层展开*/
@keyframes positionOpen{
	0%  { 
		background-color: rgba(4,186,205,0);
		box-shadow: 0px 0px 0px 0px rgba(4,186,205,0.6);
	}
    100% { 
    	left: -25%;
    	width: 150%;
    	background-color: rgba(4,186,205,0.6);
    	box-shadow: 0px 0px 10px 0px rgba(4,186,205,0.6);
    }
}

/*定位层展开（首位）*/
@keyframes positionOpenFirst{
	0%  { 
		background-color: rgba(4,186,205,0);
		box-shadow: 0px 0px 0px 0px rgba(4,186,205,0.6);
	}
    100% { 
    	left: 0px;
    	width: 150%;
    	background-color: rgba(4,186,205,0.6);
    	box-shadow: 0px 0px 10px 0px rgba(4,186,205,0.6);
    }
}

/*定位层展开（末尾）*/
@keyframes positionOpenLast{
	0%  { 
		background-color: rgba(4,186,205,0);
		box-shadow: 0px 0px 0px 0px rgba(4,186,205,0.6);
	}
    100% { 
    	right: 0px;
    	width: 150%;
    	background-color: rgba(4,186,205,0.6);
    	box-shadow: 0px 0px 10px 0px rgba(4,186,205,0.6);
    }
}



/*-----------------一键搜-----------------*/
/*循环显示隐藏（1）*/
@keyframes cyclicShowOne{
	0%  { 
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
    100% { 
    	opacity: 0;
    }
}

/*循环显示隐藏（2）*/
@keyframes cyclicShowTwo{
	0%  { 
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
    100% { 
    	opacity: 1;
    }
}

/*循环显示隐藏（非0）*/
@keyframes cyclicShowThree{
	0%  { 
		opacity: 1;
	}
	50%{
		opacity: 0.4;
	}
    100% { 
    	opacity: 1;
    }
}


/*背景模糊效果*/
@keyframes fuzzy{
	0%{
		-webkit-filter: blur(15px);
	    -moz-filter: blur(15px);
	    -o-filter: blur(15px);
	    -ms-filter: blur(15px);
	    filter: blur(15px);
	}
	50%{
		-webkit-filter: blur(0px);
	    -moz-filter: blur(0px);
	    -o-filter: blur(0px);
	    -ms-filter: blur(0px);
	    filter: blur(0px);
	}
	100%{
		-webkit-filter: blur(15px);
	    -moz-filter: blur(15px);
	    -o-filter: blur(15px);
	    -ms-filter: blur(15px);
	    filter: blur(15px);
	}
}

/*边框发光展示*/
@keyframes shineShow{
	0%{
		box-shadow: 0px 0px 0px 0px rgba(1,240,255,0.3);
	}
	100%{
		box-shadow: 0px 0px 65px 0px rgba(1,240,255,0.3);
	}
}


/*边框发光展示(反向)*/
@keyframes shineHide{
	0%{
		box-shadow: 0px 0px 65px 0px rgba(1,240,255,0.3);
	}
	100%{
		box-shadow: 0px 0px 0px 0px rgba(1,240,255,0.3);
	}
}

/*向上收缩事件高度收起*/
@keyframes shrinkHeight{
	0%{
	}
	100%{
		height:0px;
	}
}

/*向上收缩事件高度收起（反向）*/
@keyframes shrinkHeightInversion{
	0%{
		height:0px;
	}
	100%{
		height: 330px;
	}
}

/*向上收缩事件*/
@keyframes shrinkMove{
	0%{
	}
	100%{
		top: 70px;
		width: 904px;
		left: calc(50% - 452px);
	}
}

/*向上收缩事件(反向)*/
@keyframes shrinkMoveInversion{
	0%{
		top: 70px;
		width: 904px;
		left: calc(50% - 452px);
	}
	100%{
		width: 716px;
		top: calc(50% - 230px);
		left: calc(50% - 357px);
	}
}


/*历史列表单行发光*/
@keyframes shineHideList{
	0%{
		box-shadow: 0px 0px 0px 0px #01F0FF;
	}
	100%{
		box-shadow: 0px 0px 5px 0px #01F0FF;
	}
}


/*历史列表单行文字发光*/
@keyframes textShowList{
	0%{
		text-shadow: 0px 0px 0px #01f0ff;
	}
	100%{
		text-shadow: 0px 0px 10px #01f0ff;
	}
}


/*背景滚动（左）*/
@keyframes backgroundLeft{
	0%{
		background: url('../images/sreach/leftButton_one.png') left center repeat-x;
	}
	100%{
		background: url('../images/sreach/leftButton.png') left center repeat-x;
	}
}

/*背景滚动（右）*/
@keyframes backgroundRight{
	0%{
		background: url('../images/sreach/rightButton_one.png') left center repeat-x;
	}
	100%{
		background: url('../images/sreach/rightButton.png') left center repeat-x;
	}
}

/*头像内发光*/
@keyframes avatarLight{
	0%{
		box-shadow: 0px 0px 0px 0px #fff inset;
	}
	100%{
		box-shadow: 0px 0px 30px 12px #fff inset;
	}
}

/*标签闪烁*/
@keyframes labelBlink{
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}



/*-----------------封面页-----------------*/
/*密集方格背景明暗闪烁*/
@keyframes checkBg{
	0% {
		opacity: 0.4;
	}
	50%{
		opacity: 0.8;
	}
	100%{
		opacity: 0.4;
	}
}

/*发放球体出现*/
@keyframes showSphere{
	0% {
		opacity: 0.4;
	}
	100%{
		opacity: 1;
		top: calc(50% - 297.5px);
	}
}

/*文字出现*/
@keyframes textShow{
	0% {
		top: 100%;
		opacity: 0;
	}
	100%{
		top: 0%;
		opacity: 1;
	}
}

/*左角标进入*/
@keyframes leftIconIn{
	0% {
		left: -155px;
    	top: -15px;
		opacity: 0;
	}
	50%{
		left: 64px;
    	top: 48px;
		opacity: 1;
	}
	100%{
		left: 18px;
		top: 35px;
		opacity: 1;
	}
}


/*右角标进入*/
@keyframes rightIconIn{
	0% {
		right: -135px;
    	top: -3px;
		opacity: 0;
	}
	50%{
		right: 95px;
    	top: 44px;
		opacity: 1;
	}
	100%{
		right: 56px;
		top: 31px;
		opacity: 1;
	}
}

/*下角标进入*/
@keyframes bottomIconIn{
	0% {
		bottom: -76px;
		opacity: 0;
	}
	50%{
		bottom: 58px;
		opacity: 1;
	}
	100%{
		bottom: 37px;
		opacity: 1;
	}
}


/*百分之40透明度显示*/
@keyframes opacityShow40{
	from {
	}
	to {
		opacity:0.6;
	}
}


/*百分之30透明度显示*/
@keyframes opacityShow30{
	from {
	}
	to {
		opacity:0.5;
	}
}


/*百分之20透明度显示*/
@keyframes opacityShow20{
	from {
	}
	to {
		opacity:0.4;
	}
}


/*百分之10透明度显示*/
@keyframes opacityShow10{
	from {
	}
	to {
		opacity:0.3;
	}
}


/*开始按钮出现闪烁*/
@keyframes startShow{
	0% {
		opacity: 0;
	}
	50%{
		opacity:1;
	}
	70%{
		opacity: 0;
	}
	80%{
		opacity:1;
	}
	90%{
		opacity: 0;
	}
	100% {
		opacity:1;
	}
}

/*24层线圈循环*/
@keyframes coil1{
	0% {
		opacity: 1;
	}
	2%{
		opacity:0;
	}
	50%{
		opacity: 1;
	}
}

@keyframes coil2{
	0% {
		opacity: 1;
	}
	4%{
		opacity:0;
	}
	52%{
		opacity: 1;
	}
}

@keyframes coil3{
	0% {
		opacity: 1;
	}
	6%{
		opacity:0;
	}
	54%{
		opacity: 1;
	}
}

@keyframes coil4{
	0% {
		opacity: 1;
	}
	8%{
		opacity:0;
	}
	56%{
		opacity: 1;
	}
}

@keyframes coil5{
	0% {
		opacity: 1;
	}
	10%{
		opacity: 0;
	}
	58%{
		opacity: 1;
	}
}

@keyframes coil6{
	0% {
		opacity: 1;
	}
	12%{
		opacity: 0;
	}
	60%{
		opacity: 1;
	}
}

@keyframes coil7{
	0% {
		opacity: 1;
	}
	14%{
		opacity: 0;
	}
	62%{
		opacity: 1;
	}
}

@keyframes coil8{
	0% {
		opacity: 1;
	}
	16%{
		opacity: 0;
	}
	64%{
		opacity: 1;
	}
}

@keyframes coil9{
	0% {
		opacity: 1;
	}
	18%{
		opacity: 0;
	}
	66%{
		opacity: 1;
	}
}

@keyframes coil10{
	0% {
		opacity: 1;
	}
	20%{
		opacity: 0;
	}
	68%{
		opacity: 1;
	}
}

@keyframes coil11{
	0% {
		opacity: 1;
	}
	22%{
		opacity: 0;
	}
	70%{
		opacity: 1;
	}
}

@keyframes coil12{
	0% {
		opacity: 1;
	}
	24%{
		opacity: 0;
	}
	72%{
		opacity: 1;
	}
}

@keyframes coil13{
	0% {
		opacity: 1;
	}
	26%{
		opacity: 0;
	}
	74%{
		opacity: 1;
	}
}

@keyframes coil14{
	0% {
		opacity: 1;
	}
	28%{
		opacity: 0;
	}
	76%{
		opacity: 1;
	}
}

@keyframes coil15{
	0% {
		opacity: 1;
	}
	30%{
		opacity: 0;
	}
	78%{
		opacity: 1;
	}
}

@keyframes coil16{
	0% {
		opacity: 1;
	}
	32%{
		opacity: 0;
	}
	80%{
		opacity: 1;
	}
}

@keyframes coil17{
	0% {
		opacity: 1;
	}
	34%{
		opacity: 0;
	}
	82%{
		opacity: 1;
	}
}

@keyframes coil18{
	0% {
		opacity: 1;
	}
	36%{
		opacity: 0;
	}
	84%{
		opacity: 1;
	}
}

@keyframes coil19{
	0% {
		opacity: 1;
	}
	38%{
		opacity: 0;
	}
	86%{
		opacity: 1;
	}
}

@keyframes coil20{
	0% {
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
	88%{
		opacity: 1;
	}
}

@keyframes coil21{
	0% {
		opacity: 1;
	}
	42%{
		opacity: 0;
	}
	90%{
		opacity: 1;
	}
}

@keyframes coil22{
	0% {
		opacity: 1;
	}
	44%{
		opacity: 0;
	}
	92%{
		opacity: 1;
	}
}

@keyframes coil23{
	0% {
		opacity: 1;
	}
	46%{
		opacity: 0;
	}
	94%{
		opacity: 1;
	}
}

@keyframes coil24{
	0% {
		opacity: 1;
	}
	48%{
		opacity: 0;
	}
	96%{
		opacity: 1;
	}
}