/* 帧动画 */
.frameAni{-webkit-animation:frameAni 1s steps(5) infinite;animation:frameAni 1s steps(5) infinite;}

/* 叶子3d摇摆效果 */
.leavesLB{-webkit-animation: leaves 3s ease-in-out infinite alternate;-webkit-transform-origin: left bottom;}
.leavesRB{-webkit-animation: leaves 3s ease-in-out infinite alternate;-webkit-transform-origin: right bottom;}

/* 摇一摇提示 */
.yaoyiyao{transform-origin:left bottom;transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-webkit-animation:yaoyiyao infinite 1.5s ease-in-out;animation:yaoyiyao infinite 1.5s ease-in-out}

/* 滑动提示 */
.handRot{-webkit-animation-name: handRot;}

/* 盖章 */
/* -webkit-animation: vanishIn .6s cubic-bezier(.68,-.55,.27,1.55) 1.5s 1 both; */
.vanishIn{-webkit-animation-name: vanishIn;}

/* 滤镜阴影 */
.dropShadow{-webkit-animation-name: dropShadow;}

/* 左移-翻转盖住 */
.perspectiveLeftRetourn{-webkit-animation-name:perspectiveLeftRetourn;}
.perspectiveRightRetourn{-webkit-animation-name:perspectiveRightRetourn;}
.perspectiveUpRetourn{-webkit-animation-name:perspectiveUpRetourn;}
.perspectiveDownRetourn{-webkit-animation-name:perspectiveDownRetourn;}

/* 由小到大出现-晃动 */
.bigEntrance{-webkit-animation-name:bigEntrance;}

/* 向上蹦出 */
.expandUp{-webkit-animation-name:expandUp;}

/* flipInHori翻转进入 */
.flipInHoriIn {-webkit-animation-name: flipInHoriIn;}
.flipInHori{-webkit-animation-name:flipInHori;}
.flipOutHori{-webkit-animation-name:flipOutHori;}
.flipInVert{-webkit-animation-name:flipInVert;}
.flipOutVert{-webkit-animation-name:flipOutVert;}
.flipOutTVert{-webkit-animation-name:flipOutTVert;}

/* 向下弹入弹出 */
.backIn {-webkit-animation-name: backIn;}
.backInDown {-webkit-animation-name: backInDown;}
.backInUp {-webkit-animation-name: backInUp;}
.backInLeft {-webkit-animation-name: backInLeft;}
.backInRight {-webkit-animation-name: backInRight;}
.backOut{-webkit-animation-name: backOut;}
.backOutLeft {-webkit-animation-name: backOutLeft;}
.backOutRight {-webkit-animation-name: backOutRight;}
.backOutUp {-webkit-animation-name: backOutUp;}
.backOutDown {-webkit-animation-name: backOutDown;}

/* 缩小  */
.suoxiao {-webkit-animation-name: suoxiao;}

/* 移入  */
.moveInLeft {-webkit-animation-name: moveInLeft;}
.moveInRight  {-webkit-animation-name: moveInRight;}
.moveFromRightx {-webkit-animation-name: moveFromRightx;}

/* 弹入 */
.bounceInRightUp {-webkit-animation-name: bounceInRightUp;}
.bounceInLeftUp {-webkit-animation-name: bounceInLeftUp;}
.bounceInLeftDown {-webkit-animation-name: bounceInLeftDown;}
.bounceInRightDown {-webkit-animation-name: bounceInRightDown;}

/* 从左旋转进入 */
.fish1 {-webkit-animation-name: fish1;}

/* 从右旋转进入 */
.fish2 {-webkit-animation-name: fish2;}

/* 原地旋转进入 */
.rotateLeft {-webkit-animation-name: rotateLeft;}
.rotateRight {-webkit-animation-name: rotateRight;}

/* 倒入 */
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;}

/* 倒出 */
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;}

/*落地反弹*/
.fantan {-webkit-animation-name: fantan;}

/*抖动*/
.shakeLeftRight {-webkit-animation-name: shakeLeftRight;}
.shakeRightLeft {-webkit-animation-name: shakeRightLeft;}
.shakeUpDown {-webkit-animation-name: shakeUpDown;}
.shakeDownUp {-webkit-animation-name: shakeDownUp;}

/*摆动出现*/
.shakeInRight {-webkit-animation-name: shakeInRight;}
.shakeInLeft {-webkit-animation-name: shakeInLeft;}

/* 原地摆动-bottom */
.baidong {-webkit-animation-name: baidong;}
/* 原地摆动-center */
.baidong {-webkit-animation-name: baidongCenter;}
/* 原地摆动-top */
.baidongTop {-webkit-animation-name: baidongTop;}
/* 原地摆动-右下 */
.baidongRB {-webkit-animation-name: baidongRB;}
/* 原地摆动-右上 */
.baidongRT {-webkit-animation-name: baidongRT;}
/* 原地摆动-左上 */
.baidongLT {-webkit-animation-name: baidongLT;}
/* 原地摆动-左下 */
.baidongLB {-webkit-animation-name: baidongLB;}
/* 跷跷板 */
.tossing{-webkit-animation-name:tossing;}

/*出现跑掉*/
.fadeInRun {-webkit-animation-name: fadeInRun;}

/*悬挂脱落*/
.hingeRight {-webkit-animation-name: hingeRight;}
.hingeLeft {-webkit-animation-name: hingeLeft;}

/*旋转进入-可设置旋转圈数*/
.twisterInUpRight {-webkit-animation-name: twisterInUpRight;}
.twisterInUpLeft {-webkit-animation-name: twisterInUpLeft;}
.twisterInUpDown {-webkit-animation-name: twisterInUpDown;}
.twisterInUpUp {-webkit-animation-name: twisterInUpUp;}

/* 移入弹动 */
.slideUp {-webkit-animation-name: slideUp;}
.slideDown {-webkit-animation-name: slideDown;}
.slideLeft {-webkit-animation-name: slideLeft;}
.slideRight {-webkit-animation-name: slideRight;}

/* 向上-变大-弹 */
.slideExpandUp{-webkit-animation-name: slideExpandUp;}

/* 推出 */
.stretchLeft{-webkit-animation-name: stretchLeft;}
.stretchRight{-webkit-animation-name: stretchRight;}
.stretchUp{-webkit-animation-name: stretchUp;}
.stretchDown{-webkit-animation-name: stretchDown;}

/* 折叠-抖动 */
.pullUp{-webkit-animation-name: pullUp;}
.pullDown{-webkit-animation-name: pullDown;}

/* 放大消失  */
.puffOut {-webkit-animation-name: puffOut;}

/* 缩小进入 */
.puffIn {-webkit-animation-name: puffIn;}
.puffInRight {-webkit-animation-name: puffInRight;}
.puffInLeft {-webkit-animation-name: puffInLeft;}

/*魔幻进入*/
.twisterInDownRight {-webkit-animation-name: twisterInDownRight;}
.twisterInDownLeft {-webkit-animation-name: twisterInDownLeft;}
.twisterInDownDown {-webkit-animation-name: twisterInDownDown;}
.twisterInDownUp {-webkit-animation-name: twisterInDownUp;}

/*旋转进入*/
.rollInRight {-webkit-animation-name: rollInRight;}
.rollInLeft {-webkit-animation-name: rollInLeft;}
.rollInDown {-webkit-animation-name: rollInDown;}
.rollInUp {-webkit-animation-name: rollInUp;}

/*旋转消失*/
.rollOutRight {-webkit-animation-name: rollOutRight;}
.rollOutLeft {-webkit-animation-name: rollOutLeft;}
.rollOutDown {-webkit-animation-name: rollOutDown;}
.rollOutUp {-webkit-animation-name: rollOutUp;}

/* 放大进入 */
.zoomInRT {-webkit-animation-name: zoomInRT;}
.zoomInLT {-webkit-animation-name: zoomInLT;}
.zoomInLB {-webkit-animation-name: zoomInLB;}
.zoomInRB {-webkit-animation-name: zoomInRB;}
.zoomInB {-webkit-animation-name: zoomInB;}
.zoomInT {-webkit-animation-name: zoomInT;}

/*光速进入*/
.lightSpeedInRight {-webkit-animation-name: lightSpeedInRight;}
.lightSpeedInLeft {-webkit-animation-name: lightSpeedInLeft;}
.lightSpeedInDown {-webkit-animation-name: lightSpeedInDown;}
.lightSpeedInUp {-webkit-animation-name: lightSpeedInUp;}

/*向右光束消失*/
.lightSpeedOutRight {-webkit-animation-name: lightSpeedOutRight;}
.lightSpeedOutLeft {-webkit-animation-name: lightSpeedOutLeft;}
.lightSpeedOutDown {-webkit-animation-name: lightSpeedOutDown;}
.lightSpeedOutUp {-webkit-animation-name: lightSpeedOutUp;}

/*心跳*/
.heartbeat {-webkit-animation-name: heartbeat;}

/*倾斜摆动*/
.jello {-webkit-animation-name: jello;}

/* 放大 */
.scaleUp {-webkit-animation-name: scaleUp;}

/* 缩小 */
.scaleDown {-webkit-animation-name: scaleDown;}

/*模糊*/
.blur {-webkit-animation-name: blur;}

/*模糊消失*/
.sharp {-webkit-animation-name: sharp;}

/*原地旋转出现*/
.rotating {-webkit-animation-name: rotating;}
.rotating1 {-webkit-animation-name: rotating1;}
.rotatingOut {-webkit-animation-name: rotatingOut;}

/*星星闪烁 旋转*/
.starflash {-webkit-animation-name: starflash;}

/*星星闪烁 不旋转*/
.starflash1 {-webkit-animation-name: starflash1;}

/* 顺时针旋转 */
.clockwise {-webkit-animation-name: clockwise;}

/* 逆时针旋转 */
.counterclockwise {-webkit-animation-name: counterclockwise;}

/* 渐变出现 */
.fadeInLeftUp {-webkit-animation-name: fadeInLeftUp;}
.fadeInLeftDown {-webkit-animation-name: fadeInLeftDown;}
.fadeInRightUp {-webkit-animation-name: fadeInRightUp;}
.fadeInRightDown {-webkit-animation-name: fadeInRightDown;}

/* 闪 */
.shan {-webkit-animation-name: shan;}

/* 闪光灯 */
.shanguangdeng {-webkit-animation-name: shanguangdeng;}

/* 烟花 */
.yanhua {-webkit-animation-name: yanhua;}

/* 音乐符 */
.yinyuefu {-webkit-animation-name: yinyuefu;}

/*----------------------------------------------------------------------------------------*/
.delay100{-webkit-animation-delay:.1s;animation-delay:.1s}
.delay180{-webkit-animation-delay:.18s;animation-delay:.18s}
.delay200{-webkit-animation-delay:.2s;animation-delay:.2s}
.delay300{-webkit-animation-delay:.3s;animation-delay:.3s}
.delay400{-webkit-animation-delay:.4s;animation-delay:.4s}
.delay500{-webkit-animation-delay:.5s;animation-delay:.5s}
.delay600{-webkit-animation-delay:.6s;animation-delay:.6s}
.delay700{-webkit-animation-delay:.7s;animation-delay:.7s}
.delay800{-webkit-animation-delay:.8s;animation-delay:.8s}
.delay900{-webkit-animation-delay:.9s;animation-delay:.9s}
.delay1000{-webkit-animation-delay:1s;animation-delay:1s}
.delay1100{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.delay1200{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.delay1300{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.delay1400{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.delay1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.delay1600{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.delay1700{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.delay1800{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.delay1900{-webkit-animation-delay:1.9s;animation-delay:1.9s}
.delay2000{-webkit-animation-delay:2s;animation-delay:2s}
.delay2200{-webkit-animation-delay:2.2s;animation-delay:2.2s}
.delay2400{-webkit-animation-delay:2.4s;animation-delay:2.4s}
.delay2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.delay2600{-webkit-animation-delay:2.6s;animation-delay:2.6s}
.delay2800{-webkit-animation-delay:2.8s;animation-delay:2.8s}
.delay3000{-webkit-animation-delay:3s;animation-delay:3s}
.delay3200{-webkit-animation-delay:3.2s;animation-delay:3.2s}
.delay3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}
.delay3800{-webkit-animation-delay:3.8s;animation-delay:3.8s}
.delay4000{-webkit-animation-delay:4s;animation-delay:4s}
.delay4200{-webkit-animation-delay:4.2s;animation-delay:4.2s}
.delay4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}
.delay5000{-webkit-animation-delay:5s;animation-delay:5s}
.delay5500{-webkit-animation-delay:5.5s;animation-delay:5.5s}
.delay6000{-webkit-animation-delay:6s;animation-delay:6s}
.delay6500{-webkit-animation-delay:6.5s;animation-delay:6.5s}
.delay7000{-webkit-animation-delay:7s;animation-delay:7s}
.delay7500{-webkit-animation-delay:7.5s;animation-delay:7.5s}
.delay8000{-webkit-animation-delay:8s;animation-delay:8s}
.delay8500{-webkit-animation-delay:8.5s;animation-delay:8.5s}
.delay9000{-webkit-animation-delay:9s;animation-delay:9s}
.delay10000{-webkit-animation-delay:10s;animation-delay:10s}
.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
/* ================================================================================================================================================================
@  以下是自定义keyframes
*/
/* leaves */
@-webkit-keyframes leaves {
  0% {
    -webkit-transform: rotateY(-10deg) rotateZ(2deg);
  }
  100% {
    -webkit-transform: rotateY(20deg) rotateZ(-3deg);
  }
}
/* frameAni */
@-webkit-keyframes frameAni{
	0%{background-position:0 0;}
	100%{background-position:-2840px 0;}
}
/* yaoyiyao */
@-webkit-keyframes yaoyiyao{
	10%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}
    50%{transform:rotate(15deg);-webkit-transform:rotate(15deg)}
    100%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}
}
/* handRot */
@-webkit-keyframes handRot{
	0%{-webkit-transform-origin:50% 100%;opacity:.2;-webkit-transform:rotate(-60deg)}
	50%{-webkit-transform-origin:50% 100%;opacity:1}
	100%{-webkit-transform-origin:50% 100%;opacity:.2;-webkit-transform:rotate(60deg)}
}
/* vanishIn */
@-webkit-keyframes vanishIn{
	0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);-webkit-filter:blur(90px)}
	100%,80%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);-webkit-filter:blur(0)}
	86%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1.1,1.1);-webkit-filter:blur(0)}
	93%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(.9,.9);-webkit-filter:blur(0)}
}
/* perspectiveLeftRetourn */
@-webkit-keyframes perspectiveLeftRetourn{
	0%{-webkit-transform-origin:50% 0;-webkit-transform:perspective(8rem) rotateY(-180deg)}
	100%{-webkit-transform-origin:50% 0;-webkit-transform:perspective(8rem) rotateY(0)}
}
@-webkit-keyframes perspectiveRightRetourn{
	0%{-webkit-transform-origin:100% 50%;-webkit-transform:perspective(8rem) rotateY(180deg)}
	100%{-webkit-transform-origin:100% 50%;-webkit-transform:perspective(8rem) rotateY(0)}
}
@-webkit-keyframes perspectiveUpRetourn{
	0%{-webkit-transform-origin:50% 0%;-webkit-transform:perspective(8rem) rotateX(180deg)}
	100%{-webkit-transform-origin:50% 0%;-webkit-transform:perspective(8rem) rotateX(0)}
}
@-webkit-keyframes perspectiveDownRetourn{
	0%{-webkit-transform-origin:50% 100%;-webkit-transform:perspective(8rem) rotateX(-180deg)}
	100%{-webkit-transform-origin:50% 100%;-webkit-transform:perspective(8rem) rotateX(0)}
}
@-webkit-keyframes bigEntrance{
	0%{-webkit-transform:scale(.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:0}
	30%{-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}
	45%{-webkit-transform:scale(.98) rotate(1deg) translateX(0) translateY(0);opacity:1}
	60%{-webkit-transform:scale(1.01) rotate(-1deg) translateX(0) translateY(0);opacity:1}
	75%{-webkit-transform:scale(.99) rotate(1deg) translateX(0) translateY(0);opacity:1}
	90%{-webkit-transform:scale(1.01) rotate(0) translateX(0) translateY(0);opacity:1}
	100%{-webkit-transform:scale(1) rotate(0) translateX(0) translateY(0);opacity:1}
}
@-webkit-keyframes expandUp{
	0%{-webkit-transform:translateY(100%) scale(.6) scaleY(.5); opacity: 0;}
	60%{-webkit-transform:translateY(-7%) scaleY(1.12); opacity: 1;}
	75%{-webkit-transform:translateY(3%)}
	100%{-webkit-transform:translateY(0) scale(1) scaleY(1)}
}
@-webkit-keyframes moveFromRightx{
	from{-webkit-transform:translateX(3.67rem) scale(0);opacity: 0;}
}
/* flipInHoriIn */
@-webkit-keyframes flipInHoriIn{
	from{-webkit-transform:translateZ(-10rem) rotateY(-360deg) scale(0);opacity:0}
}
/* flipInHori */
@-webkit-keyframes flipInHori{
	from{-webkit-transform:translateZ(-10rem) rotateY(-90deg);opacity:.2}
}
/* flipOutHori */
@-webkit-keyframes flipOutHori{
	to{-webkit-transform:translateZ(-10rem) rotateY(90deg);opacity:.2}
}

/* flipInVert */
@-webkit-keyframes flipInVert{
	from{-webkit-transform:translateZ(-10rem) rotateX(90deg);opacity:.2}
}
/* flipOutVert */
@-webkit-keyframes flipOutVert{
	to{-webkit-transform:translateZ(-10rem) rotateX(90deg);opacity:.2}
}
/* flipOutTVert */
@-webkit-keyframes flipOutTVert{
	from{
		-webkit-transform-origin: 50% 0%;
	}
	to{
		-webkit-transform-origin: 50% 0%;
		-webkit-transform:translateZ(-10rem) rotateX(90deg);
	}
}
/* backIn */
@keyframes backIn{
	0%{transform:scale(0);opacity:0;transform:translate3d(0,0,0)}
	60%{transform:scale(1.1)}
	80%{transform:scale(.9);opacity:1}
	100%{transform:scale(1);opacity:1}
}
/* backInDown */
@-webkit-keyframes backInDown {
	0% {
		-webkit-transform: translate3d(0, -200%, 0);
		opacity: 0
	}
	80% {
		-webkit-transform: translate3d(0, 10%, 0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes backInUp {
	0% {
		-webkit-transform: translate3d(0, 200%, 0);
		opacity: 0
	}
	80% {
		-webkit-transform: translate3d(0, -10%, 0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes backInLeft {
	0% {
		-webkit-transform: translate3d(-200%, 0, 0);
		opacity: 0
	}
	80% {
		-webkit-transform: translate3d(10%, 0, 0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes backInRight {
	0% {
		-webkit-transform: translate3d(200%, 0, 0);
		opacity: 0
	}
	80% {
		-webkit-transform: translate3d(-10%, 0, 0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
/* backOut */
@-webkit-keyframes backOut{
	20%{-webkit-transform:scale3d(.9,.9,.9)}
	50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1)}
	100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}
}
@-webkit-keyframes backOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);	
	}
	20% {
		-webkit-transform: translate3d(10%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-200%, 0, 0);
	}
}
@-webkit-keyframes backOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);	
	}
	20% {
		-webkit-transform: translate3d(-10%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(200%, 0, 0);
	}
}
@-webkit-keyframes backOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);	
	}
	20% {
		-webkit-transform: translate3d(0, 10%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, -200%, 0);
	}
}
@-webkit-keyframes backOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);	
	}
	20% {
		-webkit-transform: translate3d(0, -10%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 200%, 0);
	}
}
@-webkit-keyframes suoxiao {
	from {
		-webkit-transform: scale3d(3, 3, 3);
		opacity: 0
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1
	}
}

@-webkit-keyframes moveInLeft {
	0% {
		-webkit-transform: translate3d(-.87rem, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes moveInRight {
	0% {
		-webkit-transform: translate3d(.87rem, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes bounceInRightUp {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20rem, 30rem, 0);
		transform: translate3d(20rem, 30rem, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-.25rem, -.25rem, 0);
		transform: translate3d(-.25rem, -.25rem, 0)
	}
	75% {
		-webkit-transform: translate3d(.1rem, .1rem, 0);
		transform: translate3d(.1rem, .1rem, 0)
	}
	90% {
		-webkit-transform: translate3d(-.05rem, -.05rem, 0);
		transform: translate3d(-.05rem, -.05rem, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInLeftUp {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20rem, 30rem, 0);
		transform: translate3d(-20rem, 30rem, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(.25rem, -.25rem, 0);
		transform: translate3d(.25rem, -.25rem, 0)
	}
	75% {
		-webkit-transform: translate3d(-.1rem, .1rem, 0);
		transform: translate3d(-.1rem, .1rem, 0)
	}
	90% {
		-webkit-transform: translate3d(.05rem, -.05rem, 0);
		transform: translate3d(.05rem, -.05rem, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
@-webkit-keyframes bounceInRightDown {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20rem, -30rem, 0);
		transform: translate3d(20rem, -30rem, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-0.25rem, 0.25rem, 0);
		transform: translate3d(-0.25rem, 0.25rem, 0)
	}
	75% {
		-webkit-transform: translate3d(0.1rem, -0.1rem, 0);
		transform: translate3d(0.1rem, -0.1rem, 0)
	}
	90% {
		-webkit-transform: translate3d(-0.05rem, 0.05rem, 0);
		transform: translate3d(-0.05rem, 0.05rem, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
@-webkit-keyframes bounceInLeftDown {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20rem, -30rem, 0);
		transform: translate3d(-20rem, -30rem, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0.25rem, 0.25rem, 0);
		transform: translate3d(0.25rem, 0.25rem, 0)
	}
	75% {
		-webkit-transform: translate3d(-0.1rem, -0.1rem, 0);
		transform: translate3d(-0.1rem, -0.1rem, 0)
	}
	90% {
		-webkit-transform: translate3d(0.05rem, 0.05rem, 0);
		transform: translate3d(0.05rem, 0.05rem, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fish1 {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0% 50%;
		-webkit-transform:scale(0.1) translate3d(-200%, 0, 0) rotate(359deg);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 0% 50%;
		-webkit-transform: none;
	}
}

@-webkit-keyframes fish2 {
	0% {
		opacity: 0;
		-webkit-transform-origin: 100% 50%;
		-webkit-transform:scale(0.1) translate3d(200%, 0, 0) rotate(359deg);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 100% 50%;
		-webkit-transform: none;
	}
}

@-webkit-keyframes rotateLeft {
	0% {
		opacity: 0;
		-webkit-transform:rotate(60deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}

@-webkit-keyframes rotateRight {
	0% {
		opacity: 0;
		-webkit-transform:rotate(-60deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}

/* rotateInDownLeft */
@-webkit-keyframes rotateInDownLeft{
	0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
	100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}

/* rotateInDownRight */
@-webkit-keyframes rotateInDownRight{
	0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
	100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}

/* rotateInUpLeft */
@-webkit-keyframes rotateInUpLeft{
	0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
	100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}

/* rotateInUpRight */
@-webkit-keyframes rotateInUpRight{
	0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
	100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}

/* rotateOutDownLeft */
@-webkit-keyframes rotateOutDownLeft{
	0%{-webkit-transform-origin:left bottom;opacity:1}
	100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);opacity:0}
}

/* rotateOutDownRight */
@-webkit-keyframes rotateOutDownRight{
	0%{-webkit-transform-origin:right bottom;opacity:1}
	100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);opacity:0}
}

/* rotateOutUpLeft */
@-webkit-keyframes rotateOutUpLeft{
	0%{-webkit-transform-origin:left bottom}
	100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);opacity:0}
}

/* rotateOutUpRight */
@-webkit-keyframes rotateOutUpRight{
	0%{-webkit-transform-origin:right bottom;opacity:1}
	100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);opacity:0}
}

@-webkit-keyframes fantan {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	30% {
		-webkit-transform: translate3d(0, -.3rem, 0);
		transform: translate3d(0, -.3rem, 0)
	}
	50% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	65% {
		-webkit-transform: translate3d(0, -.15rem, 0);
		transform: translate3d(0, -.15rem, 0)
	}
	78% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	88% {
		-webkit-transform: translate3d(0, -.05rem, 0);
		transform: translate3d(0, -.05rem, 0)
	}
	95% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes shakeLeftRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(-.1rem, 0, 0);
		transform: translate3d(-.1rem, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes shakeRightLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(.1rem, 0, 0);
		transform: translate3d(.1rem, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes shakeUpDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(0, -.1rem, 0);
		transform: translate3d(0, -.1rem, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes shakeDownUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(0, .1rem, 0);
		transform: translate3d(0, .1rem, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes shakeInRight {
	0% {
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(120deg);
		transform: rotate(120deg);
		opacity: 0;
	}
	20%{
		opacity: 1;
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(-40deg);
		transform: rotate(-40deg);
	}
	35%{
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg);
	}
	45%{
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	50% {
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes shakeInLeft {
	0% {
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(-120deg);
		transform: rotate(-120deg);
		opacity: 0;
	}
	20%{
		opacity: 1;
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg);
	}
	35%{
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg);
	}
	45%{
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform-origin: 45% 100%;
		transform-origin: 45% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes baidong {
	0%,50%,100% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75%{
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@-webkit-keyframes baidongCenter {
	0%,50%,100% {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75%{
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}

@-webkit-keyframes baidongTop {
	0%,50%,100% {
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	75%{
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@-webkit-keyframes baidongRB {
	0%,50%,100% {
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75%{
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@-webkit-keyframes baidongRT {
	0%,50%,100% {
		-webkit-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75%{
		-webkit-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@-webkit-keyframes baidongLT {
	0%,50%,100% {
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75%{
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@-webkit-keyframes baidongLB {
	0%,50%,100% {
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75%{
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@-webkit-keyframes tossing{
	0%,100%{-webkit-transform:rotate(-5deg)}
	50%{-webkit-transform:rotate(5deg)}
}
@-webkit-keyframes fadeInRun {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	30%{
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(3rem, -3rem, 0);
		transform: translate3d(3rem, -3rem, 0);
	}
	
}

@-webkit-keyframes hingeRight {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, 7rem, 0);
		transform: translate3d(0, 7rem, 0);
		opacity: 0
	}
}

@-webkit-keyframes hingeLeft {
	0% {
		-webkit-transform-origin: top right;
		transform-origin: top right;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(-80deg);
		transform: rotate(-80deg);
		-webkit-transform-origin: top right;
		transform-origin: top right;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		-webkit-transform-origin: top right;
		transform-origin: top right;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, -7rem, 0);
		transform: translate3d(0, -7rem, 0);
		opacity: 0
	}
}

@-webkit-keyframes twisterInUpRight {
	0% {
		opacity: 0;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateX(-100%) rotate(-1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateX(0) rotate(0deg)
	}
}

@-webkit-keyframes twisterInUpLeft {
	0% {
		opacity: 0;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateX(100%) rotate(1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateX(0) rotate(0deg)
	}
}

@-webkit-keyframes twisterInUpDown {
	0% {
		opacity: 0;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateY(-100%) rotate(-1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateY(0) rotate(0deg)
	}
}

@-webkit-keyframes twisterInUpUp {
	0% {
		opacity: 0;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateY(100%) rotate(1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1) translateY(0) rotate(0deg)
	}
}

/* slideDown */
@-webkit-keyframes slideDown{
	0%{-webkit-transform:translateY(-150%);opacity: 0}
	50%{-webkit-transform:translateY(8%)}
	65%{-webkit-transform:translateY(-4%)}
	80%{-webkit-transform:translateY(4%)}
	95%{-webkit-transform:translateY(-2%)}
	100%{-webkit-transform:translateY(0)}
}

/* slideUp */
@-webkit-keyframes slideUp{
	0%{-webkit-transform:translateY(150%);opacity: 0}
	50%{-webkit-transform:translateY(-8%)}
	65%{-webkit-transform:translateY(4%)}
	80%{-webkit-transform:translateY(-4%)}
	95%{-webkit-transform:translateY(2%)}
	100%{-webkit-transform:translateY(0)}
}

/* slideLeft */
@-webkit-keyframes slideLeft{
	0%{-webkit-transform:translateX(150%)}
	50%{-webkit-transform:translateX(-8%)}
	65%{-webkit-transform:translateX(4%)}
	80%{-webkit-transform:translateX(-4%)}
	95%{-webkit-transform:translateX(2%)}
	100%{-webkit-transform:translateX(0)}
}

/* slideRight */
@-webkit-keyframes slideRight{
	0%{-webkit-transform:translateX(-150%)}
	50%{-webkit-transform:translateX(8%)}
	65%{-webkit-transform:translateX(-4%)}
	80%{-webkit-transform:translateX(4%)}
	95%{-webkit-transform:translateX(-2%)}
	100%{-webkit-transform:translateX(0)}
}

/* slideExpandUp */
@-webkit-keyframes slideExpandUp{
	0%{-webkit-transform:translateY(100%) scaleX(.5)}
	30%{-webkit-transform:translateY(-8%) scaleX(.5)}
	40%{-webkit-transform:translateY(2%) scaleX(.5)}
	50%{-webkit-transform:translateY(0) scaleX(1.1)}
	60%{-webkit-transform:translateY(0) scaleX(.9)}
	70%{-webkit-transform:translateY(0) scaleX(1.05)}
	80%{-webkit-transform:translateY(0) scaleX(.95)}
	90%{-webkit-transform:translateY(0) scaleX(1.02)}
	100%{-webkit-transform:translateY(0) scaleX(1)}
}

@-webkit-keyframes stretchRight{
	0%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleX(0)}
	40%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleX(1.02)}
	60%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleX(.98)}
	80%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleX(1.01)}
	100%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleX(1)}
}

@-webkit-keyframes stretchLeft{
	0%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleX(0)}
	40%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleX(1.02)}
	60%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleX(.98)}
	80%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleX(1.01)}
	100%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleX(1)}
}

@-webkit-keyframes stretchUp{
	0%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleY(0)}
	40%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleY(1.02)}
	60%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleY(.98)}
	80%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleY(1.01)}
	100%{transform-origin:0 100%;-webkit-transform-origin:0 100%;-webkit-transform:scaleY(1)}
}

@-webkit-keyframes stretchDown{
	0%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleY(0)}
	40%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleY(1.02)}
	60%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleY(.98)}
	80%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleY(1.01)}
	100%{transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scaleY(1)}
}

/* pullUp */
@-webkit-keyframes pullUp{
	0%{transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:scaleY(0);opacity: 0;}
	40%{transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:scaleY(1.02)}
	60%{transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:scaleY(.98)}
	80%{transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:scaleY(1.01)}
	100%{transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:scaleY(1);opacity: 1;}
}

/* pullDown */
@-webkit-keyframes pullDown{
	0%{transform-origin:50% 0;-webkit-transform-origin:50% 0;-webkit-transform:scaleY(.1);opacity: 0;}
	40%{transform-origin:50% 0;-webkit-transform-origin:50% 0;-webkit-transform:scaleY(1.02)}
	60%{transform-origin:50% 0;-webkit-transform-origin:50% 0;-webkit-transform:scaleY(.98)}
	80%{transform-origin:50% 0;-webkit-transform-origin:50% 0;-webkit-transform:scaleY(1.01)}
	100%{transform-origin:50% 0;-webkit-transform-origin:50% 0;-webkit-transform:scaleY(1);opacity: 1;}
}

@-webkit-keyframes puffOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1);
		-webkit-filter: blur(0)
	}
	to {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2);
		-webkit-filter: blur(.02rem)
	}
}

@-webkit-keyframes puffIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes puffInRight {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2) translateX(100%)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1) translateX(0%)
	}
}

@-webkit-keyframes puffInLeft {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2) translateX(-100%)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1) translateX(0%)
	}
}

@-webkit-keyframes twisterInDownRight {
	0% {
		opacity: 0;
		-webkit-transform-origin: left top;
		-webkit-transform: scale(1) translateX(-100%) rotate(1turn)
	}
	30% {
		-webkit-transform-origin: left top;
		-webkit-transform: scale(0) translateX(-100%) rotate(1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: left top;
		-webkit-transform: scale(1) translateX(0) rotate(0deg)
	}
}

@-webkit-keyframes twisterInDownLeft {
	0% {
		opacity: 0;
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale(0) translateX(100%) rotate(-1turn)
	}
	30% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale(0) translateX(100%) rotate(-1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale(1) translateX(0) rotate(0deg)
	}
}

@-webkit-keyframes twisterInDownDown {
	0% {
		opacity: 0;
		-webkit-transform-origin: right top;
		-webkit-transform: scale(0) translateY(-100%) rotate(1turn)
	}
	30% {
		-webkit-transform-origin: right top;
		-webkit-transform: scale(0) translateY(-100%) rotate(1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: right top;
		-webkit-transform: scale(1) translateY(0) rotate(0deg)
	}
}

@-webkit-keyframes twisterInDownUp {
	0% {
		opacity: 0;
		-webkit-transform-origin: left bottom;
		-webkit-transform: scale(0) translateY(100%) rotate(-1turn)
	}
	30% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: scale(0) translateY(100%) rotate(-1turn)
	}
	to {
		opacity: 1;
		-webkit-transform-origin: left bottom;
		-webkit-transform: scale(1) translateY(0) rotate(0deg)
	}
}

@-webkit-keyframes rollInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none
	}
}

@keyframes rollInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes rollInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0) rotateX(120deg);
		transform: translate3d(0, -100%, 0) rotateX(120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes rollInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0) rotateX(-120deg);
		transform: translate3d(0, 100%, 0) rotateX(-120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes zoomInRT {
	0% {
		opacity: 0;
		-webkit-transform-origin: right top;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: right top;
	}
}

@-webkit-keyframes zoomInLT {
	0% {
		opacity: 0;
		-webkit-transform-origin: left top;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: left top;
	}
}

@-webkit-keyframes zoomInLB {
	0% {
		opacity: 0;
		-webkit-transform-origin: left bottom;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: left bottom;
	}
}

@-webkit-keyframes zoomInRB {
	0% {
		opacity: 0;
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: right bottom;
	}
}

@-webkit-keyframes zoomInB {
	0% {
		opacity: 0;
		-webkit-transform-origin: center bottom;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: center bottom;
	}
}

@-webkit-keyframes zoomInT {
	0% {
		opacity: 0;
		-webkit-transform-origin: top center;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: top center;
	}
}

@-webkit-keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes lightSpeedInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0) skewX(-30deg);
		transform: translate3d(0, -100%, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0) skewX(-30deg);
		transform: translate3d(0, 100%, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rollOutRight {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

@-webkit-keyframes rollOutLeft {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}
}

@-webkit-keyframes rollOutDown {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 300%, 0) rotate(120deg);
		transform: translate3d(0, 300%, 0) rotate(120deg)
	}
}

@-webkit-keyframes rollOutUp {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0) rotate(-120deg);
		transform: translate3d(0, -100%, 0) rotate(-120deg)
	}
}

@-webkit-keyframes lightSpeedOutRight {
	0% {
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@-webkit-keyframes lightSpeedOutLeft {
	0% {
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@-webkit-keyframes lightSpeedOutDown {
	0% {
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0) skewY(30deg);
		transform: translate3d(0, 100%, 0) skewY(30deg);
		opacity: 0
	}
}

@-webkit-keyframes lightSpeedOutUp {
	0% {
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0) skewY(30deg);
		transform: translate3d(0, -100%, 0) skewY(30deg);
		opacity: 0
	}
}

@-webkit-keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes jello {
	11% {
		-webkit-transform: none;
		transform: none
	}
	22% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}
	33% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}
	44% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}
	55% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}
	66% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}
	77% {
		-webkit-transform: skewX(.19062deg) skewY(.19062deg);
		transform: skewX(.19062deg) skewY(.19062deg)
	}
	88% {
		-webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
		transform: skewX(-.19531deg) skewY(-.19531deg)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes scaleUp {
	0% {
		-webkit-transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.5)
	}
}

@-webkit-keyframes scaleDown {
	0% {
		-webkit-transform: scale(1.5)
	}
	to {
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes blur {
	0% {
		-webkit-filter: blur(0)
	}
	to {
		-webkit-filter: blur(.08rem)
	}
}


@-webkit-keyframes sharp {
	0% {
		-webkit-filter: blur(.08rem)
	}
	to {
		-webkit-filter: blur(0)
	}
}

@-webkit-keyframes rotating {
	0% {
		opacity: 0;
		transform: rotate(0deg) scale(0.1)
	}
	to {
		opacity: 1;
		transform: rotate(1turn) scale(1)
	}
}
@-webkit-keyframes rotating1 {
	0% {
		opacity: 0;
		transform: rotate(0deg) scale(0.1)
	}
	to {
		opacity: 1;
		transform: rotate(-1turn) scale(1)
	}
}
@keyframes rotatingOut {
	0% {
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
	100% {
		transform: rotate(1turn) scale(.1);
		opacity: 0;
	}
}
@-webkit-keyframes starflash {
	0% {
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(.1) rotate(0deg);
		transform: scale(.1) rotate(0deg);
		opacity: 0;
	}
	50%{
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1) rotate(1turn);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(.1) rotate(0deg);
		transform: scale(.1) rotate(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes starflash1 {
	0%,100% {
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0;
	}
	50%{
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes clockwise {
	from {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes counterclockwise
 {
	from {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(-360deg);
	}
}

@-webkit-keyframes fadeInLeftUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-5rem, 5rem, 0);
		transform: translate3d(-5rem, 5rem, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInLeftDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-5rem, -5rem, 0);
		transform: translate3d(-5rem, -5rem, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRightUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(5rem, 5rem, 0);
		transform: translate3d(5rem, 5rem, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@-webkit-keyframes fadeInRightDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(5rem, -5rem, 0);
		transform: translate3d(5rem, -5rem, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes shan {
	0% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
	50% {
		-webkit-filter: saturate(1.1) brightness(1.2) contrast(1.1)
	}
	100% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
}

@-webkit-keyframes shanguangdeng {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes yanhua {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
	20% {
		opacity: 1;
		-webkit-transform: scale(1);
		-webkit-filter: saturate(1.1) brightness(1.1) contrast(1.1)
	}
	80%,100% {
		opacity: 0;
		-webkit-transform: scale(1.3);
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
}

@-webkit-keyframes dropShadow {
	0% {
	    filter: drop-shadow(0.05rem 0 0 #de1d2c);
	}
	50% {
	    filter: drop-shadow(-0.05rem 0 0 #58d0ff);
	}
}

@-webkit-keyframes yinyuefu {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-1rem, 1rem, 0) rotate(0deg);
	}
	40% {
		opacity: 1;
		-webkit-transform: scale(1) translate3d(0rem, 0rem, 0) rotate(45deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1) translate3d(1rem, -1rem, 0) rotate(0deg);
	}
}