@media screen and (min-width:1024px){

.guangBg{width:40%;height:20%;top: -10%;left: 45%;position:absolute;z-index: 5;transform: rotate(-138deg);}
.py{display:block;width:59px;height:49px;top:160%;left:-55%;background-image: url(../images/spot.png);background-repeat:no-repeat;position:absolute;background-position:-42px 0;-moz-animation:py 2.5s ease-in infinite;-webkit-animation:py 5s ease-in infinite;-o-animation:py 5s ease-in infinite;-ms-animation:py 5s ease-in infinite;}
.p2{background-image:url(../images/spot.png);top:60%;left:35%;width:150px;height:125px;background-position:0 -24px;display:block;-moz-animation:p2 4s ease-in infinite;-webkit-animation:p2 4s ease-in infinite;-o-animation:p2 4s ease-in infinite;-ms-animation:p2 4s ease-in infinite}
.p3{left:110%;top:0}
.p5{left:-44%;top:170%;background-position:-50px -50px;width:90px;height:90px;position:absolute}
.p4{display:block;width:30px;height:34px;top:103%;left:167%;background-image:url(../images/spot.png);background-repeat:no-repeat;position:absolute;background-position:-97px 5px;-moz-animation:py 2.5s ease-in infinite;-webkit-animation:py 5s ease-in infinite;-o-animation:py 5s ease-in infinite;-ms-animation:py 5s ease-in infinite}
.py2{left:50%}
@-moz-keyframes py{0%{opacity:.9;-moz-transform:translate(0,0);-moz-transform:rotate(-100deg)}
100%{opacity:0;-moz-transform:translate(200px,-600px)}
}
@-webkit-keyframes py{0%{-webkit-transform:translate(0,0);-webkit-transform:rotate(-100deg)}
100%{opacity:.5;-webkit-transform:translate(200px,-600px)}
}
@-o-keyframes py{0%{opacity:.9;-o-transform:translate(0,0);-o-transform:rotate(-100deg)}
100%{opacity:0;-o-transform:translate(200px,-600px)}
}
@-ms-keyframes py{0%{opacity:.9;-ms-transform:translate(0,0);-ms-transform:rotate(-100deg)}
100%{opacity:0;-ms-transform:translate(200px,-600px)}
}
@-moz-keyframes p2{0%{opacity:.9;-moz-transform:translate(0,0);-moz-transform:rotate(-100deg)}
100%{opacity:0;-moz-transform:translate(0,-500px)}
}
@-webkit-keyframes p2{0%{opacity:.9;-webkit-transform:translate(0,0);-webkit-transform:rotate(-100deg)}
100%{opacity:0;-webkit-transform:translate(0,-500px)}
}
@-o-keyframes p2{0%{opacity:.9;-o-transform:translate(0,0);-o-transform:rotate(-100deg)}
100%{opacity:0;-o-transform:translate(0,-500px)}
}
@-ms-keyframes p2{0%{opacity:.9;-ms-transform:translate(0,0);-ms-transform:rotate(-100deg)}
100%{opacity:0;-ms-transform:translate(0,-500px)}
}

}
.vedio:after{
	-webkit-animation: rotate 8s linear infinite;
	animation: rotate 8s linear infinite;
}
@-webkit-keyframes rotate{
	0%,100%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{
	0%,100%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}


.btn_audio {
	width: 32px;
	height: 20px;
	position: relative;
	margin-top: 25px;
	margin-right: 25px;
	display: none;
}

.btn_audio i {
	position: absolute;
	width: 2px;
	height: 20px;
	background-color: #eaeaea;
	left: 0;
	bottom: 0;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 0 bottom;
	-moz-transform-origin: 0 bottom;
	-ms-transform-origin: 0 bottom;
	transform-origin: 0 bottom;
}

@-webkit-keyframes scalexy1 {
	0% {
		-webkit-transform: scale(1,0);
		-moz-transform: scale(1,0);
		-ms-transform: scale(1,0);
		transform: scale(1,0)
	}

	100% {
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1)
	}
}
@keyframes scalexy1 {
	0% {
		-webkit-transform: scale(1,0);
		-moz-transform: scale(1,0);
		-ms-transform: scale(1,0);
		transform: scale(1,0)
	}

	100% {
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1)
	}
}

.btn_audio i.i1 {
	left: 2px;
	height: 15px;
	-webkit-animation: scalexy1 .5s linear infinite alternate;
	-moz-animation: scalexy1 .5s linear infinite alternate;
	-ms-animation: scalexy1 .5s linear infinite alternate;
	animation: scalexy1 .5s linear infinite alternate
}

.btn_audio i.i2 {
	left: 7px;
	-webkit-animation: scalexy1 .5s linear infinite alternate .5s;
	-moz-animation: scalexy1 .5s linear infinite alternate .5s;
	-ms-animation: scalexy1 .5s linear infinite alternate .5s;
	animation: scalexy1 .5s linear infinite alternate .5s
}

.btn_audio i.i3 {
	left: 12px;
	-webkit-animation: scalexy1 .5s linear infinite alternate .2s;
	-moz-animation: scalexy1 .5s linear infinite alternate .2s;
	-ms-animation: scalexy1 .5s linear infinite alternate .2s;
	animation: scalexy1 .5s linear infinite alternate .2s
}

.btn_audio i.i4 {
	left: 17px;
	-webkit-animation: scalexy1 .5s linear infinite alternate .3s;
	-moz-animation: scalexy1 .5s linear infinite alternate .3s;
	-ms-animation: scalexy1 .5s linear infinite alternate .3s;
	animation: scalexy1 .5s linear infinite alternate .3s
}

.btn_audio i.i5 {
	left: 22px;
	-webkit-animation: scalexy1 .5s linear infinite alternate .4s;
	-moz-animation: scalexy1 .5s linear infinite alternate .4s;
	-ms-animation: scalexy1 .5s linear infinite alternate .4s;
	animation: scalexy1 .5s linear infinite alternate .4s
}

.btn_audio i.i6 {
	left: 27px;
	height: 15px;
	-webkit-animation: scalexy1 .5s linear infinite alternate .1s;
	-moz-animation: scalexy1 .5s linear infinite alternate .1s;
	-ms-animation: scalexy1 .5s linear infinite alternate .1s;
	animation: scalexy1 .5s linear infinite alternate .1s
}

.btn_audio.off i {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused
}

.form-team ul li div{transition: all 1.5s 1.5s ease;}
.section-title,.st2{transition: all .6s .2s ease; opacity: 0}
.form-main,.st-main,.teaser,.note-bottom{transition: all .6s .4s ease;opacity: 0;transform: translate(0px,100px);}
.sp1,.sp3{transition: all .6s .6s ease;opacity: 0;transform: translate(0px,100px);}
.tips1,.tips-team{transition: all .6s .8s ease; opacity: 0}
.submit{transition: all .6s 1s ease; opacity: 0}
.down{transition: all .6s .2s cubic-bezier(0.25, 0.1, 0.07, 0.65);transform: translate(0px,100px);opacity: 0;}
.tips2{transition: all .6s .4s cubic-bezier(0.25, 0.1, 0.07, 0.65);opacity: 0;}
.vote{transition: all .6s .8s cubic-bezier(0.25, 0.1, 0.07, 0.65);transform: translate(0px,100px);opacity: 0;}
.rank-from{transition: all 1.6s .5s cubic-bezier(0.25, 0.1, 0, 0.99);transform: translate(0px,200px);opacity: 0;}
.sp2{transition: all 1.6s .5s cubic-bezier(0.25, 0.1, 0, 0.99);transform: translate(200px,0px);opacity: 0;}
.feature{transition: all 1.6s .2s cubic-bezier(0.25, 0.1, 0, 0.99);transform: translate(-200px,0px);opacity: 0;}
.team-first,.personal-first{transition: all 1.6s 1s cubic-bezier(0.25, 0.1, 0, 1);transform: translate(0px,100px);opacity: 0;}
.team-second,.personal-second{transition: all 1s .8s cubic-bezier(0.25, 0.1, 0, 0.99);transform: translate(-200px,200px);opacity: 0;}
.team-third,.personal-third{transition: all 1s .8s cubic-bezier(0.25, 0.1, 0, 0.99);transform: translate(-200px,-200px);opacity: 0;}
.team-fourth,.personal-fourth{transition: all 1s .6s cubic-bezier(0.25, 0.1, 0, 0.99);transform: translate(-200px,-200px);opacity: 0;}
.team-fifth,.personal-fifth{transform: rotateY(180deg); opacity: 0; transition: all 1s 1.6s cubic-bezier(0.25, 0.1, 0, 0.99);}
.pop-show .submit,.pop-show .tips1,.pop-show .form-main,.onScreen .note-bottom,.onScreen .reward li,.onScreen .sp2,.onScreen .sp3,.onScreen .teaser,.onScreen .vote,.onScreen .rank-from,.onScreen .tips-team,.onScreen .section-title,.onScreen .st-main,.onScreen .st2,.onScreen .down,.onScreen .sp1,.onScreen .form-main,.onScreen .sp1,.onScreen .tips1,.onScreen .submit,.onScreen .tips2{opacity: 1;transform: translate(0px,0px);transform: rotateY(0deg);}

.down i:after{
	-webkit-animation:moving 3s linear infinite;
	animation:moving 3s linear infinite;
}
@-webkit-keyframes moving{
	0%,100%{-webkit-transform:translate(0,0px);}
	50%{-webkit-transform:translate(0,100px);}
}
@keyframes moving{
	0%,100%{transform:translate(0,0px);}
	50%{transform:translate(0,100px);}
}


.pop-main{
animation: popshow .4s cubic-bezier(0, 1.11, 1, 1);
-webkit-animation: popshow .4s cubic-bezier(0, 1.12, 1, 1);
}

@keyframes popshow {
0% {transform: scale(.1); opacity: 0;}
100% {transform: scale(1); opacity: 1;}
}

@-webkit-keyframes popshow {
0% {-webkit-transform: scale(.1); opacity: 0;}
100% {-webkit-transform: scale(1); opacity: 1;}
}

.form-main li a.exp1 i,.exp1 .exp-head,.rank-header.exp1:after,.rank-header.exp123:after{
  height:81px;
  animation: tiger-anim 1s steps(13) infinite;
}


@keyframes tiger-anim {
  100% {
    background-position: 0 -1053px;
  }
}
@-webkit-keyframes tiger-anim {
  100% {
    background-position: 0 -1053px;
  }
}

.form-main li a.exp2 i,.exp2 .exp-head,.rank-header.exp2:after,.rank-header.exp133:after{
  height:88px;
  animation: tiger-anim2 1s steps(15) infinite;
}


@keyframes tiger-anim2 {
  100% {
    background-position: 0 -1320px;
  }
}
@-webkit-keyframes tiger-anim2 {
  100% {
    background-position: 0 -1320px;
  }
}

.form-main li a.exp3 i,.exp3 .exp-head,.rank-header.exp3:after,.rank-header.exp153:after{
  height:88px;
  animation: tiger-anim3 1s steps(13) infinite;
}


@keyframes tiger-anim3 {
  100% {
    background-position: 0 -1144px;
  }
}
@-webkit-keyframes tiger-anim3 {
  100% {
    background-position: 0 -1144px;
  }
}

.form-main li a.exp4 i,.exp4 .exp-head,.rank-header.exp4:after,.rank-header.exp163:after{
  height:88px;
  animation: tiger-anim4 1s steps(18) infinite;
}


@keyframes tiger-anim4 {
  100% {
    background-position: 0 -1584px;
  }
}
@-webkit-keyframes tiger-anim4 {
  100% {
    background-position: 0 -1584px;
  }
}

.form-main li a.exp5 i,.exp5 .exp-head,.rank-header.exp5:after,.rank-header.exp183:after{
  height:88px;
  animation: tiger-anim3 1s steps(13) infinite;
}


@keyframes tiger-anim5 {
  100% {
    background-position: 0 -1320px;
  }
}
@-webkit-keyframes tiger-anim5 {
  100% {
    background-position: 0 -1320px;
  }
}

.form-main li a.exp6 i,.exp6 .exp-head,.rank-header.exp6:after,.rank-header.exp193:after{
  height:88px;
  animation: tiger-anim6 1s steps(21) infinite;
}

@keyframes tiger-anim6 {
  100% {
    background-position: 0 -1848px;
  }
}
@-webkit-keyframes tiger-anim6 {
  100% {
    background-position: 0 -1848px;
  }
}

.form-main li a.exp7 i,.exp7 .exp-head,.rank-header.exp7:after,.rank-header.exp203:after{
  height:88px;
  animation: tiger-anim7 1s steps(19) infinite;
}

@keyframes tiger-anim7 {
  100% {
    background-position: 0 -1672px;
  }
}
@-webkit-keyframes tiger-anim7 {
  100% {
    background-position: 0 -1672px;
  }
}

.form-main li a.exp8 i,.exp8 .exp-head,.rank-header.exp8:after,.rank-header.exp213:after{
  height:88px;
  animation: tiger-anim8 1s steps(15) infinite;
}

@keyframes tiger-anim8 {
  100% {
    background-position: 0 -1320px;
  }
}
@-webkit-keyframes tiger-anim8 {
  100% {
    background-position: 0 -1320px;
  }
}

.form-main li a.exp9 i,.exp9 .exp-head,.rank-header.exp9:after,.rank-header.exp243:after{
  height:88px;
  animation: tiger-anim9 1s steps(17) infinite;
}

@keyframes tiger-anim9 {
  100% {
    background-position: 0 -1496px;
  }
}
@-webkit-keyframes tiger-anim9 {
  100% {
    background-position: 0 -1496px;
  }
}

.form-main li a.exp10 i,.exp10 .exp-head,.rank-header.exp10:after,.rank-header.exp253:after{
  height:88px;
  animation: tiger-anim10 1s steps(17) infinite;
}

@keyframes tiger-anim10 {
  100% {
    background-position: 0 -1496px;
  }
}
@-webkit-keyframes tiger-anim9 {
  100% {
    background-position: 0 -1496px;
  }
}


@media screen and (min-width:1023px){
	.section3 .exp-head{/* animation-play-state:paused!important; *//* -webkit-animation-play-state:paused!important; */}
	.form-main li a:hover i,.form-team ul li div:hover .exp-head,#rank1 .exp-head,#rank2 .exp-head,#rank3 .exp-head{animation-play-state:running!important;-webkit-animation-play-state:running!important;}
}