/*从上面下来*/
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation: bounceInDown 0.8s both;
          animation: bounceInDown 0.8s both;
}


@-webkit-keyframes flyInUp {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 300px, 0);
            transform: translate3d(0, 300px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.flyInUp {
  -webkit-animation: flyInUp 1s both;
          animation: flyInUp 1s both;
}



@-webkit-keyframes btnpause {
	0%,100% {
		-webkit-transform: scale(0.98,0.98);
		transform: scale(0.98,0.98);
	}

	50% {
		-webkit-transform:scale(1.01,1.01);
		transform: scale(1.01,1.01);
	}
}

@keyframes btnpause {
	0%,100% {
		-webkit-transform: scale(0.99,0.99);
		transform: scale(0.99,0.99);
	}
	
	50% {
		-webkit-transform:scale(1.01,1.01);
		transform: scale(1.01,1.01);
	}
}

.btnpause {
	-webkit-animation: btnpause 1.2s both linear infinite;
	animation: btnpause 1.2s both linear infinite;
}


@keyframes biggeshan {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	75%{opacity: 0}
	100% {
		opacity: 1
	}
}

.biggeshan{
	-webkit-animation: biggeshan 0.8s both linear ;
	animation: biggeshan 0.8s both linear ;
}


@keyframes textmove{
	0%{
		opacity: 0;
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0);
	}
	100%{
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
}
@-webkit-keyframes textmove {
	0%{
		opacity: 0;
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0);
	}
	100%{
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
}

.textmove {
	-webkit-animation: textmove 0.3s both linear;
	animation: textmove 0.3s both linear;
}

.pageUpIn{
	-webkit-animation: pageUpIn 0.6s both ease-out;
	animation: pageUpIn 0.6s both ease-out;
}
@keyframes pageUpIn{
	0%{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100%{
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
}

.pageUpOut{
	-webkit-animation: pageUpOut 0.6s both ease-out;
	animation: pageUpOut 0.6s both ease-out;
}
@keyframes pageUpOut{
	0%{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
	100%{
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}


.pageDownOut{
	-webkit-animation: pageDownOut 0.6s both ease-out;
	animation: pageDownOut 0.6s both ease-out;
}
@keyframes pageDownOut{
	0%{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
	100%{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.pageDownIn{
	-webkit-animation: pageDownIn 0.6s both ease-out;
	animation: pageDownIn 0.6s both ease-out;
}
@keyframes pageDownIn{
	0%{
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100%{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}







@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation: fadeIn 0.6s both linear;
	animation: fadeIn 0.6s both linear;
}

.fadeInq {
	-webkit-animation: fadeIn 0.4s both linear;
	animation: fadeIn 0.4s both linear;
}
.fadeInqq {
	-webkit-animation: fadeIn 0.1s both linear;
	animation: fadeIn 0.1s both linear;
}


@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(600px);
		-ms-transform: translateX(600px);
		transform: translateX(600px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRight {
	-webkit-animation: fadeInRight 0.5s both linear;
	animation: fadeInRight 0.5s both linear;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-600px);
		-ms-transform: translateX(-600px);
		transform: translateX(-600px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeft {
	-webkit-animation: fadeInLeft 0.5s both linear;
	animation: fadeInLeft 0.5s both linear;
}



@keyframes fadeLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeLeft {
	-webkit-animation: fadeLeft 0.3s both linear;
	animation: fadeLeft 0.3s both linear;
}

@keyframes fadeRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeRight {
	-webkit-animation: fadeRight 0.3s both linear;
	animation: fadeRight 0.3s both linear;
}










@keyframes fenjtmove{
	0%,100%{
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0);
	}
	50%{
		-webkit-transform: translate3d(0px, -4px, 0);
		transform: translate3d(0px, -4px, 0);
	}
}
@-webkit-keyframes fenjtmove {
	0%,100%{
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0);
	}
	50%{
		-webkit-transform: translate3d(0px, -4px, 0);
		transform: translate3d(0px, -4px, 0);
	}
}

.fenjtmove {
	-webkit-animation: fenjtmove 0.8s both infinite;
	animation: fenjtmove 0.8s both infinite;
}


@keyframes indexjtmove{
	0%{
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5, 0, 0);
	}
	80%{
		-webkit-transform: translate3d(5px, 0px, 0);
		transform: translate3d(5px, 0px, 0);
	}
	100%{
		-webkit-transform: translate3d(-5px, 0px, 0);
		transform: translate3d(-5px, 0px, 0);
	}
}
@-webkit-keyframes indexjtmove {
	0%{
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5, 0, 0);
	}
	80%{
		-webkit-transform: translate3d(5px, 0px, 0);
		transform: translate3d(5px, 0px, 0);
	}
	100%{
		-webkit-transform: translate3d(-5px, 0px, 0);
		transform: translate3d(-5px, 0px, 0);
	}
}

.indexjtmove {
	-webkit-animation: indexjtmove 0.8s both infinite;
	animation: indexjtmove 0.8s both infinite;
}

@keyframes indexjtmove2{
	0%{
		-webkit-transform: translate3d(0, -3px, 0);
		transform: translate3d(0, -3px, 0);
	}
	
	
	80%{
		-webkit-transform: translate3d(0px, 3px, 0);
		transform: translate3d(0px, 3px, 0);
	}
	100%{
		-webkit-transform: translate3d(0px, -3px, 0);
		transform: translate3d(0px, -3px, 0);
	}
}
@-webkit-keyframes indexjtmove2 {
	0%{
		-webkit-transform: translate3d(0, -3px, 0);
		transform: translate3d(0, -3px, 0);
	}
	80%{
		-webkit-transform: translate3d(0px, 3px, 0);
		transform: translate3d(0px, 3px, 0);
	}
	100%{
		-webkit-transform: translate3d(0px, -3px, 0);
		transform: translate3d(0px, -3px, 0);
	}
}

.indexjtmove2 {
	-webkit-animation: indexjtmove2 0.8s both infinite;
	animation: indexjtmove2 0.8s both infinite;
}






@keyframes xingshan{
	0%{
		opacity: 0.6;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0.6;
	}
}
.xingshan {
	-webkit-animation: xingshan 2s both infinite;
	animation: xingshan 2s both infinite;
}


@keyframes xingshan2{
	0%{
		opacity: 1;
	}
	25%{
		opacity: 0.2;
	}
	50%,100%{
		opacity: 1;
	}
}
@-webkit-keyframes xingshan2 {
	0%{
		opacity: 1;
	}
	25%{
		opacity: 0.2;
	}
	50%,100%{
		opacity: 1;
	}
}
.xingshan2 {
	-webkit-animation: xingshan2 1s both infinite;
	animation: xingshan2 1s both infinite;
}



@keyframes xingshan3{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.7;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes xingshan3 {
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.7;
	}
	100%{
		opacity: 1;
	}
}
.xingshan3 {
	-webkit-animation: xingshan3 1s both infinite;
	animation: xingshan3 1s both infinite;
}



@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}

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

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

	50% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}

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

.pulse {
	-webkit-animation: pulse 1s infinite;
	animation: pulse 1s infinite;
}


@-webkit-keyframes cairotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes cairotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	50% {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
	}
	
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.cairotate {
	-webkit-animation: cairotate 1s infinite;
	animation: cairotate 1s infinite;
}



@-webkit-keyframes pulsebig {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3)
	}

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

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

	50% {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3)
	}

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

.pulsebig {
	-webkit-animation: pulsebig 1s infinite;
	animation: pulsebig 1s infinite;
}


@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3)
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04)
	}
	
	70% {
		-webkit-transform: scale(.99);
		-ms-transform: scale(.99);
		transform: scale(.99)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation: bounceIn 0.6s both;
	animation: bounceIn 0.6s both
}

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

	50% {
		opacity: 1;
		-webkit-transform: scale(1.01);
		-ms-transform: scale(1.01);
		transform: scale(1.01)
	}

	70% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

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

.bounceIn1 {
	-webkit-animation: bounceIn1 1s both;
	animation: bounceIn1 1s both;
	transform-origin: 110% 150%;
}

.bounceIn2 {
	-webkit-animation: bounceIn1 1s both;
	animation: bounceIn1 1s both;
	transform-origin: -10% 150%;
}

.zoom-In{
	animation: zoom-in linear .6s both ;
	-webkit-animation: zoom-in linear .6s both ;
}
@keyframes zoom-in{
	0%{
		opacity: 0;
		transform: scale3d(3.03, 3.03, 3.03);
	}
	/* 70%{
		opacity: 1;
		transform: scale3d(0.8, 0.8, 0.8);
	}
	90%{
		opacity: 1;
		transform: scale3d(1.05, 1.05, 1.05);
	} */
	100%{
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}


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

	50% {
		opacity: 1;
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02)
	}

	70% {
		-webkit-transform: scale(.98);
		-ms-transform: scale(.98);
		transform: scale(.98)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}
.bounceInkuaile {
	-webkit-animation: bounceInkuaile 1s both;
	animation: bounceInkuaile 1s both;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
}


@-webkit-keyframes resultshow {
	0% {
		-webkit-transform: scale(0.6,0.6);
		transform: scale(0.6,0.6);
	}
	
	100% {
		-webkit-transform:scale(1,1);
		transform: scale(1,1);
	}
}

@keyframes resultshow {
	0% {
		-webkit-transform: scale(0.6,0.6);
		transform: scale(0.6,0.6);
	}
	
	100% {
		-webkit-transform:scale(1,1);
		transform: scale(1,1);
	}
}

.resultshow {
	-webkit-animation: resultshow 0.8s both linear ;
	animation: resultshow 0.8s both linear ;
}


@-webkit-keyframes bgfly {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	
	100% {
		-webkit-transform:scale(2,2);
		transform: scale(2,2);
	}
}

@keyframes bgfly {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	
	100% {
		-webkit-transform:scale(2,2);
		transform: scale(2,2);
	}
}

.bgfly {
	-webkit-animation: bgfly 0.6s both linear ;
	animation: bgfly 0.6s both linear ;
}



@-webkit-keyframes shan {
	0%{
		opacity: 1;
	}
	
	30%{opacity: 0;}
	
	60{opacity: 1;}

	100% {
		opacity: 1;
	}
}

@keyframes shan {
0%{
		opacity: 1;
	}
	
	30%{opacity: 0;}
	
	60{opacity: 1;}

	100% {
		opacity: 1;
	}
}

.shan {
	-webkit-animation: shan 2s both linear infinite;
	animation: shan 2s both linear infinite;
}


@-webkit-keyframes caimove {
	0%{
		transform: rotate(0deg);
	}
	
	50%{transform: rotate(5deg);}

	100% {
		transform: rotate(0deg);
	}
}
@keyframes caimove {
0%{
		transform: rotate(0deg);
	}
	
	50%{transform: rotate(5deg);}

	100% {
		transform: rotate(0deg);
	}
}

.caimove {
	-webkit-animation: caimove 3s both linear infinite;
	animation: caimove 3s both linear infinite;
}


@-webkit-keyframes qiu1 {
	0%{
		transform: rotate(0deg);
	}
	
	50%{transform: rotate(180deg);}

	100% {
		transform: rotate(360deg);
	}
}
@keyframes qiu1 {
0%{
		transform: rotate(0deg);
	}
	
	50%{transform: rotate(180deg);}

	100% {
		transform: rotate(360deg);
	}
}

.qiu1 {
	-webkit-animation: qiu1 5s both linear infinite;
	animation: qiu1 5s both linear infinite;
}

@-webkit-keyframes qiu2 {
	0%{
		transform: rotate(0deg);
	}
	
	50%{transform: rotate(-180deg);}

	100% {
		transform: rotate(-360deg);
	}
}
@keyframes qiu2 {
0%{
		transform: rotate(0deg);
	}
	
	50%{transform: rotate(-180deg);}

	100% {
		transform: rotate(-360deg);
	}
}

.qiu2 {
	-webkit-animation: qiu2 6s both linear infinite;
	animation: qiu2 6s both linear infinite;
}


@-webkit-keyframes dengrotate {
	0%{
		transform: rotate(-15deg);
	}
	
	/* 50%{transform: rotate(5deg);} */
	
	100% {
		transform: rotate(0deg);
	}
}
@keyframes dengrotate {
	0%{
		transform: rotate(-15deg);
	}
	
	/* 50%{transform: rotate(5deg);} */
	
	100% {
		transform: rotate(0deg);
	}
}

.dengrotate {
	-webkit-animation: dengrotate 1.5s both linear ;
	animation: dengrotate 1.5s both linear ;
	transform-origin:10% 30%;
	-webkit-transform-origin:10% 30%;
}

@-webkit-keyframes shake {

	0%,
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	5%,
	15%,
	25%,
	35%,
	45% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px)
	}

	10%,
	20%,
	30%,
	40% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
}

@keyframes shake {

	0%,
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	
	5%,
	15%,
	25%,
	35%,
	45% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px)
	}
	
	10%,
	20%,
	30%,
	40% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
}

.shake {
	-webkit-animation: shake 1.8s linear ;
	animation: shake 1.8s linear ;
} 

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

	50% {
		opacity: 1
	}
}

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

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation: zoomIn 0.6s linear;
	animation: zoomIn 0.6s linear;
	transform-origin: 10% 10%;
}
.zoomIn2 {
	-webkit-animation: zoomIn 0.2s both linear;
	animation: zoomIn 0.2s both linear;
	transform-origin: 40% 100%;
}


@keyframes gaifly {
	0% {
		left:60%;
		transform: rotate(-360deg)
	}

	100% {
		left:93%;
		transform: rotate(0deg);
	}
}

.gaifly {
	-webkit-animation: gaifly 0.5s linear both 1;
	animation: gaifly 0.5s linear both 1;
	transform-origin: 50% 50%;
}








@-webkit-keyframes fangda {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	90% {
		-webkit-transform: scale(2.3,3);
		transform: scale(2.3,3)
	}
	100% {
		-webkit-transform: scale(2.3,3);
		transform: scale(2.3,3)
	}
}

@keyframes fangda {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	
	90% {
		-webkit-transform: scale(2.3,3);
		transform: scale(2.3,3)
	}
	100% {
		-webkit-transform: scale(2.3,3);
		transform: scale(2.3,3)
	}
}

.fangda {
	-webkit-animation: fangda 0.7s linear both;
	animation: fangda 0.7s linear both;
	transform-origin:100% 0%;
	-webkit-transform-origin:100% 0%;
}


/* @-webkit-keyframes peo1move {
	0% {
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px)
	}
	
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes peo1move {
0% {
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px)
	}
	
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

.peo1move {
	-webkit-animation: peo1move 0.6s linear both;
	animation: peo1move 0.6s linear both;
} */



@-webkit-keyframes peo1move {
	0% {
		top:50%;left:-7.5%
	}
	
	100% {
		top:44.5%;left:-7.5%
	}
}

@keyframes peo1move {
0% {
		top:50%;left:-7.5%
	}
	
	100% {
		top:44.5%;left:-7.5%
	}
}

.peo1move {
	-webkit-animation: peo1move 0.2s linear both;
	animation: peo1move 0.2s linear both;
}

@-webkit-keyframes peo2move {
	0% {
		top:54%;
		left:92%
	}
	
	100% {
		top:20%;
		left:87.3%
	}
}

@keyframes peo2move {
	0% {
		top:54%;
		left:92%
	}

	100% {
		top:20%;
		left:87.3%
	}
}

.peo2move {
	-webkit-animation: peo2move 0.6s linear both;
	animation: peo2move 0.6s linear both;
}





@-webkit-keyframes papermove {
	0%,100 {
		transform: translateY(0);
	}
	
	60% {
		transform: translateY(-7px) scale(0.9);
	}
	
}

@keyframes papermove {
	0%,100 {
		transform: translateY(0);
	}
	
	60% {
		transform: translateY(-7px) scale(0.9);
	}
}

.papermove {
	-webkit-animation: papermove 1s linear infinite;
	animation: papermove 1s linear infinite;
}



.movex{
	animation: movex linear 1s infinite;
	-webkit-animation: movex linear 1s infinite;
}
@keyframes movex{
	0%{
		transform: translateX(0px);
	}
	50%{
		transform: translateX(-8px);
	}
	100%{
		transform: translateX(0px);
	}
}

.yunmove{
	animation: yunmove linear 2.5s infinite;
	-webkit-animation: yunmove linear 2.5s infinite;
}
@keyframes yunmove{
	0%{
		transform: translateX(0px);
	}
	50%{
		transform: translateX(14px);
	}
	100%{
		transform: translateX(0px);
	}
}


.weixingx{
	animation: weixingx linear 4s infinite;
	-webkit-animation: weixingx linear 4s infinite;
}
@keyframes weixingx{
	0%{
		transform: translateX(-12px);
	}
	50%{
		transform: translateX(12px);
	}
	100%{
		transform: translateX(-12px);
	}
}

.weixingy{
	animation: weixingy linear 3s infinite;
	-webkit-animation: weixingy linear 3s infinite;
}
@keyframes weixingy{
	0%{
		transform: translateY(0px);
	}
	25%{
		transform: translateY(-6px);
	}
	50%{
		transform: translateY(0px);
	}
	75%{
		transform: translateY(6px);
	}
	100%{
		transform: translateY(0px);
	}
}
.planex2{
	animation: planex2 linear 1.6s both;
	-webkit-animation: planex2 linear 1.6s both;
}
@keyframes planex2{
	0%{
		left:0%;
		
	}
	100%{
		left:50%;
	}
}

.planex{
	animation: planex linear 1.6s both;
	-webkit-animation: planex linear 1.6s both;
}
@keyframes planex{
	0%{
		left:15%;
		
	}
	100%{
		left:66%;
	}
}

.planey{
	animation: planey linear 1.6s both;
	-webkit-animation: planey linear 1.6s both;
}
@keyframes planey{
	0%{
		top:0.35rem;
		transform: rotate(0deg);
	}
	50%{
		top:0.52rem;
		transform: rotate(0deg);
	}
	75%{
		top:0.4rem;
	}
	100%{
		top:0rem;
		transform: rotate(-5deg);
	}
}

@keyframes linerun{
	0%{
		width:0%;
	}
	100%{
		width:100%;
	}
}
.linerun{
	overflow: hidden;
	-webkit-animation: linerun 1.6s both cubic-bezier(0.65,0.5,0.5,0.5);
	animation: linerun 1.6s both cubic-bezier(0.65,0.5,0.5,0.5);
}

/* 星球相关动画 */
@keyframes qiuliang{
	0%{
		opacity: 0;
	}
	60%,100%{
		opacity: 1;
	}
}
@-webkit-keyframes qiuliang {
	0%{
		opacity: 0;
	}
	60%,100%{
		opacity: 1;
	}
}
.qiuliang {
	-webkit-animation: qiuliang 0.6s both ;
	animation: qiuliang 0.6s both ;
}

@-webkit-keyframes qiufly {
	0%,100%{
		-webkit-transform: scale(0.9,0.9) translate(0,-3px);
		transform: scale(0.9,0.9) translate(0,-3px);
	}
	50%{
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
}

.qiufly {
	-webkit-animation: qiufly 1.5s linear infinite ;
	animation: qiufly 1.5s linear infinite;
}

@-webkit-keyframes qiumove2 {
	0%{
		-webkit-transform: translate(4x,-4px) scale(1,1);
		transform: translate(5px,-4px) scale(1,1);
	}
	50%{
		-webkit-transform: translate(-4px,4px) scale(1,1);
		transform: translate(-4px,4px) scale(1,1);
	}
	100%{
		-webkit-transform: translate(4x,-4px) scale(1,1);
		transform: translate(5px,-4px) scale(1,1);
	}
}

.qiumove2 {
	-webkit-animation: qiumove2 2s ease-out  infinite;
	animation: qiumove2 2s ease-out  infinite;
}



@-webkit-keyframes qiumove1 {
	0%{
		-webkit-transform: translate(-4x,-4px) scale(1,1);
		transform: translate(-4px,-4px) scale(1,1);
	}
	50%{
		-webkit-transform: translate(4px,4px) scale(1,1);
		transform: translate(4px,4px) scale(1,1);
	}
	100%{
		-webkit-transform: translate(-4x,-4px) scale(1,1);
		transform: translate(-4px,-4px) scale(1,1);
	}
}

.qiumove1 {
	-webkit-animation: qiumove1 2s ease-out  infinite;
	animation: qiumove1 2s ease-out  infinite;
}


@-webkit-keyframes colorChange {
	0%{
		background-color: #fff;
	}
	100%{
		background-color: #ffea27;
	}
}

.colorChange {
	-webkit-animation: colorChange 0.3s ease-out both;
	animation: colorChange 0.3s ease-out  both;
	
}



@keyframes btnchange {
	0%,100% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	
	50% {
		-webkit-transform:scale(0.6,0.6);
		transform: scale(0.6,0.6);
	}
}

.btnchange {
	-webkit-animation: btnchange 0.5s both linear ;
	animation: btnchange 0.5s both linear ;
}


@keyframes musicMove{
	0%{
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	50%{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	100%{
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.musicMove{
	-webkit-animation: musicMove 2s linear infinite;
	animation: musicMove 2s linear infinite;
}