@charset "UTF-8";
/*动画延时*/
.delay01{
	-webkit-animation-delay:0.1s;
	animation-delay:0.1s;
}
.delay02{
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
}
.delay03{
	-webkit-animation-delay:0.3s;
	animation-delay:0.3s;
}
.delay04{
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
}
.delay05{
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
}
.delay06{
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
}
.delay07{
	-webkit-animation-delay:0.7s;
	animation-delay:0.7s;
}
.delay08{
	-webkit-animation-delay:0.8s;
	animation-delay:0.8s;
}
.delay09{
	-webkit-animation-delay:0.9s;
	animation-delay:0.9s;
}
.delay10{
	-webkit-animation-delay:1.0s;
	animation-delay:1s;
}
.delay11{
	-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
}
.delay12{
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;
}
.delay13{
	-webkit-animation-delay:1.3s;
	animation-delay:1.3s;
}
.delay14{
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
}
.delay15{
	-webkit-animation-delay:1.5s;
	animation-delay:1.5s;
}
.delay16{
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;
}

.animated {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*放大20%*/
@-webkit-keyframes fadeInFd3 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

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

@keyframes fadeInFd3 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

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

.fadeInFd3 {
	-webkit-animation-name: fadeInFd3;
	animation-name: fadeInFd3
}
/*放大20%*/
@-webkit-keyframes fadeInFd50 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

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

@keyframes fadeInFd50 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

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

.fadeInFd50 {
	-webkit-animation-name: fadeInFd50;
	animation-name: fadeInFd50
}
/*缩小30%并消失*/
@-webkit-keyframes fadeInSx3sx {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

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

	100% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.fadeInSx3sx {
	-webkit-animation-name: fadeInSx3sx;
	animation-name: fadeInSx3sx
}
/*缩小50%*/
/*缩小30%*/
@-webkit-keyframes fadeInSx {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

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

@keyframes fadeInSx {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

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

.fadeInSx {
	-webkit-animation-name: fadeInSx;
	animation-name: fadeInSx
}
/*缩小10%*/
@-webkit-keyframes fadeInSx10 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

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

@keyframes fadeInSx10 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

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

.fadeInSx10 {
	-webkit-animation-name: fadeInSx10;
	animation-name: fadeInSx10
}
/*缩小50%*/
@-webkit-keyframes fadeInSx50 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

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

@keyframes fadeInSx50 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

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

.fadeInSx50 {
	-webkit-animation-name: fadeInSx50;
	animation-name: fadeInSx50
}
/*向下移动10%*/
@-webkit-keyframes fadeInDown10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-10%,0);
		transform: translate3d(0,-10%,0)
	}

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

@keyframes fadeInDown10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-10%,0);
		transform: translate3d(0,-10%,0)
	}

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

.fadeInDown10 {
	-webkit-animation-name: fadeInDown10;
	animation-name: fadeInDown10
}
/*向上移动20%*/
/*向上移动20px*/
@-webkit-keyframes fadeInUP20px {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

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

@keyframes fadeInUP20px {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

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

.fadeInUP20px {
	-webkit-animation-name: fadeInUP20px;
	animation-name: fadeInUP20px
}
/*向下移动20px并消失*/
@-webkit-keyframes fadeoutDown20px {
	
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

}

@keyframes fadeoutDown20px {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}
}

.fadeoutDown20px {
	-webkit-animation-name: fadeoutDown20px;
	animation-name: fadeoutDown20px
}


/*向上移动60px*/
@-webkit-keyframes fadeInUP60px {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,60px,0);
		transform: translate3d(0,60px,0)
	}

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

@keyframes fadeInUP60px {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,60px,0);
		transform: translate3d(0,60px,0)
	}

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

.fadeInUP60px {
	-webkit-animation-name: fadeInUP60px;
	animation-name: fadeInUP60px
}


/*向上移动30px,放大30%*/
@-webkit-keyframes fadeInUPFD {
	0% {
		opacity: 0;
		-webkit-transform:scale(0.8) translate3d(0,30px,0);
		transform:cale(0.8) translate3d(0,30px,0)
	}

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

@keyframes fadeInUPFD {
	0% {
		opacity: 0;
		-webkit-transform:scale(0.8) translate3d(0,30px,0);
		transform:cale(0.8) translate3d(0,30px,0)
	}

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

.fadeInUPFD {
	-webkit-animation-name: fadeInUPFD;
	animation-name: fadeInUPFD
}
/*向下移动20%*/
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-20%,0)
	}

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

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-20%,0)
	}

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

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
/*向上移动20%*/

/*向下移动100%*/
@-webkit-keyframes fadeInDown100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

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

@keyframes fadeInDown100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-100%,0)
	}

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

.fadeInDown100 {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown100
}
/*向上移动100%*/

/*向下移动5%*/
@-webkit-keyframes fadeInDown5 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-5%,0);
		transform: translate3d(0,-5%,0)
	}

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

@keyframes fadeInDown5 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-5%,0);
		transform: translate3d(0,-5%,0)
	}

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

.fadeInDown5 {
	-webkit-animation-name: fadeInDown5;
	animation-name: fadeInDown5
}
/*向上移动100%*/
@-webkit-keyframes fadeInUP100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

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

@keyframes fadeInUP100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

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

.fadeInUP100 {
	-webkit-animation-name: fadeInUP100;
	animation-name: fadeInUP100
}
/*向上移动50%*/
@-webkit-keyframes fadeInUP50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0)
	}

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

@keyframes fadeInUP50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0)
	}

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

.fadeInUP50 {
	-webkit-animation-name: fadeInUP50;
	animation-name: fadeInUP50
}

/*向上移动10%*/
@-webkit-keyframes fadeInUP10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

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

@keyframes fadeInUP10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

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

.fadeInUP10 {
	-webkit-animation-name: fadeInUP10;
	animation-name: fadeInUP10
}
/*向上移动10%,放大30%*/
@-webkit-keyframes fadeInUPFD {
	0% {
		opacity: 0;
		-webkit-transform:scale(0.8) translate3d(0,10%,0);
		transform:cale(0.8) translate3d(0,10%,0)
	}

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

@keyframes fadeInUPFD {
	0% {
		opacity: 0;
		-webkit-transform:scale(0.8) translate3d(0,10%,0);
		transform:cale(0.8) translate3d(0,10%,0)
	}

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

.fadeInUPFD {
	-webkit-animation-name: fadeInUPFD;
	animation-name: fadeInUPFD
}
/*向上移动20%*/
@-webkit-keyframes fadeInUP {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0)
	}

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

@keyframes fadeInUP {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0)
	}

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

.fadeInUP {
	-webkit-animation-name: fadeInUP;
	animation-name: fadeInUP
}

/*向左边移动20%*/
@-webkit-keyframes fadeInleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0,0);
		transform: translate3d(20%,0,0)
	}

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

@keyframes fadeInleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0,0);
		transform: translate3d(20%,0,0)
	}

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

.fadeInleft {
	-webkit-animation-name: fadeInleft;
	animation-name: fadeInleft
}
/*向左边移动10%*/
@-webkit-keyframes fadeInleft10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0)
	}

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

@keyframes fadeInleft10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0)
	}

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

.fadeInleft10 {
	-webkit-animation-name: fadeInleft10;
	animation-name: fadeInleft10
}
/*向左边移动50%*/
@-webkit-keyframes fadeInleft50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

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

@keyframes fadeInleft50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

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

.fadeInleft50 {
	-webkit-animation-name: fadeInleft50;
	animation-name: fadeInleft50
}
/*向左边移动100%*/
@-webkit-keyframes fadeInleft100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

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

@keyframes fadeInleft100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

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

.fadeInleft100 {
	-webkit-animation-name: fadeInleft100;
	animation-name: fadeInleft100
}
/*向左边移动200%*/
@-webkit-keyframes fadeInleft200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(200%,0,0);
		transform: translate3d(200%,0,0)
	}

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

@keyframes fadeInleft200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(200%,0,0);
		transform: translate3d(200%,0,0)
	}

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

.fadeInleft200 {
	-webkit-animation-name: fadeInleft200;
	animation-name: fadeInleft200
}
/*向右边移动50%*/
@-webkit-keyframes fadeInright50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0)
	}

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

@keyframes fadeInright50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0)
	}

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

.fadeInright50 {
	-webkit-animation-name: fadeInright50;
	animation-name: fadeInright50
}
/*向右边移动20%*/
@-webkit-keyframes fadeInright {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%,0,0);
		transform: translate3d(-20%,0,0)
	}

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

@keyframes fadeInright {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%,0,0);
		transform: translate3d(-20%,0,0)
	}

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

.fadeInright {
	-webkit-animation-name: fadeInright;
	animation-name: fadeInright
}
/*向右边移动100%*/
@-webkit-keyframes fadeInright100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

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

@keyframes fadeInright100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

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

.fadeInright100 {
	-webkit-animation-name: fadeInright100;
	animation-name: fadeInright100
}
/*向右边移动200%*/
@-webkit-keyframes fadeInright200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200%,0,0);
		transform: translate3d(-200%,0,0)
	}

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

@keyframes fadeInright200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200%,0,0);
		transform: translate3d(-200%,0,0)
	}

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

.fadeInright200 {
	-webkit-animation-name: fadeInright200;
	animation-name: fadeInright200
}

/*不移动20%*/
@-webkit-keyframes fadeInNO {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

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

@keyframes fadeInNO {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

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

.fadeInNO {
	-webkit-animation-name: fadeInNO;
	animation-name: fadeInNO
}