.delay2
{
animation-delay:2s !important;
-webkit-animation-delay:2s !important; /* Safari 和 Chrome */
}


.a-bounce,
.a-flip,
.a-flash,
.a-shake,
.a-swing,
.a-wobble,
.a-ring {
	-webkit-animation: 1s ease forwards;
	-moz-animation: 1s ease forwards;
	-ms-animation: 1s ease forwards;
	animation: 1s ease forwards;
}

.a-fadeinT {
	-webkit-animation: 1.5s ease forwards;
	-moz-animation: 1.5s ease forwards;
	-ms-animation: 1.5s ease forwards;
	animation: 1.5s ease forwards;
}
.a-fadeinL3{
	-webkit-animation: 3s ease-out forwards;
	-moz-animation: 3s ease-out forwards;
	-ms-animation: 3s ease-out forwards;
	animation: 3s ease-out forwards;
}
}
.a-fadeinL2{
	-webkit-animation: 2s ease-out forwards;
	-moz-animation: 2s ease-out forwards;
	-ms-animation: 2s ease-out forwards;
	animation: 2s ease-out forwards;
}

.a-fadeinL{-webkit-animation: 2s ease-out forwards;
	-moz-animation: 2s ease-out forwards;
	-ms-animation: 2s ease-out forwards;
	animation: 2s ease-out forwards;}
.a-fadein,
.a-fadeinR,
.a-fadeinB,
.a-bouncein,
.a-bounceinT,
.a-bounceinR,
.a-bounceinB,
.a-bounceinL,
.a-rotatein,
.a-rotateinLT,
.a-rotateinLB,
.a-rotateinRT,
.a-rotateinRB,
.a-flipin,
.a-flipinX,
.a-flipinY {
	-webkit-animation: 1s ease-out forwards;
	-moz-animation: 1s ease-out forwards;
	-ms-animation: 1s ease-out forwards;
	animation: 1s ease-out forwards;
}

.a-fadeout,
.a-fadeoutT,
.a-fadeoutR,
.a-fadeoutB,
.a-fadeoutL,
.a-bounceout,
.a-bounceoutT,
.a-bounceoutR,
.a-bounceoutB,
.a-bounceoutL,
.a-rotateout,
.a-rotateoutLT,
.a-rotateoutLB,
.a-rotateoutRT,
.a-rotateoutRB,
.a-flipout,
.a-flipoutX,
.a-flipoutY {
	-webkit-animation: 1s ease-in forwards;
	-moz-animation: 1s ease-in forwards;
	-ms-animation: 1s ease-in forwards;
	animation: 1s ease-in forwards;
}


/* 淡入 */

.a-fadein,
.a-fadein5 {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	animation-name: fadein;
}


/* 淡入-从上 */

.a-fadeinT {
	-webkit-animation-name: fadeinT;
	-moz-animation-name: fadeinT;
	-ms-animation-name: fadeinT;
	animation-name: fadeinT;
}


/* 淡入-从右 */

.a-fadeinR {
	-webkit-animation-name: fadeinR;
	-moz-animation-name: fadeinR;
	-ms-animation-name: fadeinR;
	animation-name: fadeinR;
}


/* 淡入-从下 */

.a-fadeinB {
	-webkit-animation-name: fadeinB;
	-moz-animation-name: fadeinB;
	-ms-animation-name: fadeinB;
	animation-name: fadeinB;
}


/* 淡入-从左 */

.a-fadeinL,
.a-fadeinL3,
.a-fadeinL4,
.a-fadeinL2 {
	-webkit-animation-name: fadeinL;
	-moz-animation-name: fadeinL;
	-ms-animation-name: fadeinL;
	animation-name: fadeinL;
}


/* 淡出 */

.a-fadeout {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-ms-animation-name: fadeout;
	animation-name: fadeout;
}


/* 淡出-向上 */

.a-fadeoutT {
	-webkit-animation-name: fadeoutT;
	-moz-animation-name: fadeoutT;
	-ms-animation-name: fadeoutT;
	animation-name: fadeoutT;
}


/* 淡出-向右 */

.a-fadeoutR {
	-webkit-animation-name: fadeoutR;
	-moz-animation-name: fadeoutR;
	-ms-animation-name: fadeoutR;
	animation-name: fadeoutR;
}


/* 淡出-向下 */

.a-fadeoutB {
	-webkit-animation-name: fadeoutB;
	-moz-animation-name: fadeoutB;
	-ms-animation-name: fadeoutB;
	animation-name: fadeoutB;
}


/* 淡出-向左 */

.a-fadeoutL {
	-webkit-animation-name: fadeoutL;
	-moz-animation-name: fadeoutL;
	-ms-animation-name: fadeoutL;
	animation-name: fadeoutL;
}


/* 弹跳 */

.a-bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce;
}


/* 弹入 */

.a-bouncein {
	-webkit-animation-name: bouncein;
	-moz-animation-name: bouncein;
	-ms-animation-name: bouncein;
	animation-name: bouncein;
}


/* 弹入-从上 */

.a-bounceinT {
	-webkit-animation-name: bounceinT;
	-moz-animation-name: bounceinT;
	-ms-animation-name: bounceinT;
	animation-name: bounceinT;
}


/* 弹入-从右 */

.a-bounceinR {
	-webkit-animation-name: bounceinR;
	-moz-animation-name: bounceinR;
	-ms-animation-name: bounceinR;
	animation-name: bounceinR;
}


/* 弹入-从下 */

.a-bounceinB {
	-webkit-animation-name: bounceinB;
	-moz-animation-name: bounceinB;
	-ms-animation-name: bounceinB;
	animation-name: bounceinB;
}


/* 弹入-从左 */

.a-bounceinL {
	-webkit-animation-name: bounceinL;
	-moz-animation-name: bounceinL;
	-ms-animation-name: bounceinL;
	animation-name: bounceinL;
}


/* 弹出 */

.a-bounceout {
	-webkit-animation-name: bounceout;
	-moz-animation-name: bounceout;
	-ms-animation-name: bounceout;
	animation-name: bounceout;
}


/* 弹出-向上 */

.a-bounceoutT {
	-webkit-animation-name: bounceoutT;
	-moz-animation-name: bounceoutT;
	-ms-animation-name: bounceoutT;
	animation-name: bounceoutT;
}


/* 弹出-向右 */

.a-bounceoutR {
	-webkit-animation-name: bounceoutR;
	-moz-animation-name: bounceoutR;
	-ms-animation-name: bounceoutR;
	animation-name: bounceoutR;
}


/* 弹出-向下 */

.a-bounceoutB {
	-webkit-animation-name: bounceoutB;
	-moz-animation-name: bounceoutB;
	-ms-animation-name: bounceoutB;
	animation-name: bounceoutB;
}


/* 弹出-向左 */

.a-bounceoutL {
	-webkit-animation-name: bounceoutL;
	-moz-animation-name: bounceoutL;
	-ms-animation-name: bounceoutL;
	animation-name: bounceoutL;
}


/* 转入 */

.a-rotatein {
	-webkit-animation-name: rotatein;
	-moz-animation-name: rotatein;
	-ms-animation-name: rotatein;
	animation-name: rotatein;
}


/* 转入-从左上 */

.a-rotateinLT {
	-webkit-animation-name: rotateinLT;
	-moz-animation-name: rotateinLT;
	-ms-animation-name: rotateinLT;
	animation-name: rotateinLT;
}


/* 转入-从左下 */

.a-rotateinLB {
	-webkit-animation-name: rotateinLB;
	-moz-animation-name: rotateinLB;
	-ms-animation-name: rotateinLB;
	animation-name: rotateinLB;
}


/* 转入-从右上 */

.a-rotateinRT {
	-webkit-animation-name: rotateinRT;
	-moz-animation-name: rotateinRT;
	-ms-animation-name: rotateinRT;
	animation-name: rotateinRT;
}


/* 转入-从右下*/

.a-rotateinRB {
	-webkit-animation-name: rotateinRB;
	-moz-animation-name: rotateinRB;
	-ms-animation-name: rotateinRB;
	animation-name: rotateinRB;
}


/* 转出 */

.a-rotateout {
	-webkit-animation-name: rotateout;
	-moz-animation-name: rotateout;
	-ms-animation-name: rotateout;
	animation-name: rotateout;
}


/* 转出-向左上 */

.a-rotateoutLT {
	-webkit-animation-name: rotateoutLT;
	-moz-animation-name: rotateoutLT;
	-ms-animation-name: rotateoutLT;
	animation-name: rotateoutLT;
}


/* 转出-向左下 */

.a-rotateoutLB {
	-webkit-animation-name: rotateoutLB;
	-moz-animation-name: rotateoutLB;
	-ms-animation-name: rotateoutLB;
	animation-name: rotateoutLB;
}


/* 转出-向右上 */

.a-rotateoutRT {
	-webkit-animation-name: rotateoutRT;
	-moz-animation-name: rotateoutRT;
	-ms-animation-name: rotateoutRT;
	animation-name: rotateoutRT;
}


/* 转出-向右下 */

.a-rotateoutRB {
	-webkit-animation-name: rotateoutRB;
	-moz-animation-name: rotateoutRB;
	-ms-animation-name: rotateoutRB;
	animation-name: rotateoutRB;
}
/* 漂浮 */
.balloon01 {
	-webkit-animation: balloon2 6s ease-in-out infinite;
	-moz-animation: balloon2 6s ease-in-out infinite;
	-o-animation: balloon2 6s ease-in-out infinite;
	animation: balloon2 6s ease-in-out infinite;
}

.balloon02 {
	-webkit-animation: balloon4 6s ease-in-out infinite;
	-moz-animation: balloon4 6s ease-in-out infinite;
	-o-animation: balloon4 6s ease-in-out infinite;
	animation: balloon4 6s ease-in-out infinite;
}

.balloon03 {
	-webkit-animation: balloon1 5s ease-in-out infinite;
	-moz-animation: balloon1 5s ease-in-out infinite;
	-o-animation: balloon1 5s ease-in-out infinite;
	animation: balloon1 5s ease-in-out infinite;
}

.balloon04 {
	-webkit-animation: balloon3 5s ease-in-out infinite;
	-moz-animation: balloon3 5s ease-in-out infinite;
	-o-animation: balloon3 5s ease-in-out infinite;
	animation: balloon3 5s ease-in-out infinite;
}

.balloon05 {
	-webkit-animation: balloon2 3s ease-in-out infinite;
	-moz-animation: balloon2 3s ease-in-out infinite;
	-o-animation: balloon2 3s ease-in-out infinite;
	animation: balloon2 3s ease-in-out infinite;
}


/* 翻转 */

.a-flip {
	-webkit-animation-name: flip;
	-moz-animation-name: flip;
	-ms-animation-name: flip;
	animation-name: flip;
}


/* 翻入-X轴 */

.a-flipinX {
	-webkit-animation-name: flipinX;
	-moz-animation-name: flipinX;
	-ms-animation-name: flipinX;
	animation-name: flipinX;
}


/* 翻入-Y轴 */

.a-flipin,
.a-flipinY {
	-webkit-animation-name: flipinY;
	-moz-animation-name: flipinY;
	-ms-animation-name: flipinY;
	animation-name: flipinY;
}


/* 翻出-X轴 */

.a-flipoutX {
	-webkit-animation-name: flipoutX;
	-moz-animation-name: flipoutX;
	-ms-animation-name: flipoutX;
	animation-name: flipoutX;
}


/* 翻出-Y轴 */

.a-flipout,
.a-flipoutY {
	-webkit-animation-name: flipoutY;
	-moz-animation-name: flipoutY;
	-ms-animation-name: flipoutY;
	animation-name: flipoutY;
}


/* 持续旋转-顺时针 */

.a-rotateL {
	-webkit-animation-name: rotatingL;
	-moz-animation-name: rotatingL;
	-ms-animation-name: rotatingL;
	animation-name: rotatingL;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: initial;
	-moz-animation-direction: initial;
	-ms-animation-direction: initial;
	animation-direction: initial;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 持续旋转-逆时针 */

.a-rotateR {
	-webkit-animation-name: rotatingR;
	-moz-animation-name: rotatingR;
	-ms-animation-name: rotatingR;
	animation-name: rotatingR;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: initial;
	-moz-animation-direction: initial;
	-ms-animation-direction: initial;
	animation-direction: initial;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 滚动消失 */


/* 滚动消失-向上 */

.a-rollT {
	-webkit-animation-name: rollT;
	-moz-animation-name: rollT;
	-ms-animation-name: rollT;
	animation-name: rollT;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 滚动消失-向右 */

.a-rollR {
	-webkit-animation-name: rollR;
	-moz-animation-name: rollR;
	-ms-animation-name: rollR;
	animation-name: rollR;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 滚动消失-向下 */

.a-rollB {
	-webkit-animation-name: rollB;
	-moz-animation-name: rollB;
	-ms-animation-name: rollB;
	animation-name: rollB;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 滚动消失-向左 */

.a-rollL {
	-webkit-animation-name: rollL;
	-moz-animation-name: rollL;
	-ms-animation-name: rollL;
	animation-name: rollL;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 闪烁 */

.a-flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-ms-animation-name: flash;
	animation-name: flash;
}


/* 震颤 */

.a-shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-ms-animation-name: shake;
	animation-name: shake;
}


/* 摇摆 */

.a-swing {
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	animation-name: swing;
}


/* 摇晃 */

.a-wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	animation-name: wobble;
}


/* 震铃 */

.a-ring {
	-webkit-animation-name: ring;
	-moz-animation-name: ring;
	-ms-animation-name: ring;
	animation-name: ring;
}


/* 持续摇摆 */

.a-slowshake {
	-webkit-animation-name: slowshake;
	-moz-animation-name: slowshake;
	-ms-animation-name: slowshake;
	animation-name: slowshake;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: initial;
	-moz-animation-direction: initial;
	-ms-animation-direction: initial;
	animation-direction: initial;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: initial;
	-moz-animation-fill-mode: initial;
	-ms-animation-fill-mode: initial;
	animation-fill-mode: initial;
	-webkit-animation-play-state: initial;
	-moz-animation-play-state: initial;
	-ms-animation-play-state: initial;
	animation-play-state: initial;
}

.a-seal {
	-webkit-animation-name: seal;
	-moz-animation-name: seal;
	-ms-animation-name: seal;
	animation-name: seal;
	-webkit-animation-timing-function: cubic-bezier(0.17, 0.67, 0.11, 0.93);
	-moz-animation-timing-function: cubic-bezier(0.17, 0.67, 0.11, 0.93);
	-ms-animation-timing-function: cubic-bezier(0.17, 0.67, 0.11, 0.93);
	animation-timing-function: cubic-bezier(0.17, 0.67, 0.11, 0.93);
	-webkit-animation-iteration-count: initial;
	-moz-animation-iteration-count: initial;
	-ms-animation-iteration-count: initial;
	animation-iteration-count: infinite;
	-webkit-animation-direction: initial;
	-moz-animation-direction: initial;
	-ms-animation-direction: initial;
	animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-play-state: initial;
	-moz-animation-play-state: initial;
	-ms-animation-play-state: initial;
	animation-play-state: initial;
}


/* define */


/*BALLOON 1 4*/

@-webkit-keyframes balloon1 {
	0%,
	100% {
		-webkit-transform: translateY(0) rotate(-6deg);
	}
	50% {
		-webkit-transform: translateY(-20px) rotate(8deg);
	}
}

@-moz-keyframes balloon1 {
	0%,
	100% {
		-moz-transform: translateY(0) rotate(-6deg);
	}
	50% {
		-moz-transform: translateY(-20px) rotate(8deg);
	}
}

@-o-keyframes balloon1 {
	0%,
	100% {
		-o-transform: translateY(0) rotate(-6deg);
	}
	50% {
		-o-transform: translateY(-20px) rotate(8deg);
	}
}

@keyframes balloon1 {
	0%,
	100% {
		transform: translateY(0) rotate(-6deg);
	}
	50% {
		transform: translateY(-20px) rotate(8deg);
	}
}


/* BAllOON 2 5*/

@-webkit-keyframes balloon2 {
	0%,
	100% {
		-webkit-transform: translateY(0) rotate(6eg);
	}
	50% {
		-webkit-transform: translateY(-30px) rotate(-8deg);
	}
}

@-moz-keyframes balloon2 {
	0%,
	100% {
		-moz-transform: translateY(0) rotate(6deg);
	}
	50% {
		-moz-transform: translateY(-30px) rotate(-8deg);
	}
}

@-o-keyframes balloon2 {
	0%,
	100% {
		-o-transform: translateY(0) rotate(6deg);
	}
	50% {
		-o-transform: translateY(-30px) rotate(-8deg);
	}
}

@keyframes balloon2 {
	0%,
	100% {
		transform: translateY(0) rotate(6deg);
	}
	50% {
		transform: translateY(-30px) rotate(-8deg);
	}
}


/* BAllOON 0*/

@-webkit-keyframes balloon3 {
	0%,
	100% {
		-webkit-transform: translate(0, -10px) rotate(6eg);
	}
	50% {
		-webkit-transform: translate(-20px, 30px) rotate(-8deg);
	}
}

@-moz-keyframes balloon3 {
	0%,
	100% {
		-moz-transform: translate(0, -10px) rotate(6eg);
	}
	50% {
		-moz-transform: translate(-20px, 30px) rotate(-8deg);
	}
}

@-o-keyframes balloon3 {
	0%,
	100% {
		-o-transform: translate(0, -10px) rotate(6eg);
	}
	50% {
		-o-transform: translate(-20px, 30px) rotate(-8deg);
	}
}

@keyframes balloon3 {
	0%,
	100% {
		transform: translate(0, -10px) rotate(6eg);
	}
	50% {
		transform: translate(-20px, 30px) rotate(-8deg);
	}
}


/* BAllOON 3*/

@-webkit-keyframes balloon4 {
	0%,
	100% {
		-webkit-transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		-webkit-transform: translate(-15px, 20px) rotate(10deg);
	}
}

@-moz-keyframes balloon4 {
	0%,
	100% {
		-moz-transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		-moz-transform: translate(-15px, 10px) rotate(10deg);
	}
}

@-o-keyframes balloon4 {
	0%,
	100% {
		-o-transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		-o-transform: translate(-15px, 10px) rotate(10deg);
	}
}

@keyframes balloon4 {
	0%,
	100% {
		transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		transform: translate(-15px, 10px) rotate(10deg);
	}
}


/* 淡入 */

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

@-moz-keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/* 淡入-从上 */

@-webkit-keyframes fadeinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeinT {
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/* 淡入-从右 */

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

@-moz-keyframes fadeinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

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

@keyframes fadeinR {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/* 淡入-从下 */

@-webkit-keyframes fadeinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeinB {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/* 淡入-从左 */

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

@-moz-keyframes fadeinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

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

@keyframes fadeinL {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/* 淡出 */

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

@-moz-keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


/* 淡出-向上 */

@-webkit-keyframes fadeoutT {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	}
}

@-moz-keyframes fadeoutT {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-100px);
	}
}

@-ms-keyframes fadeoutT {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(-100px);
	}
}

@keyframes fadeoutT {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-100px);
	}
}


/* 淡出-向右 */

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

@-moz-keyframes fadeoutR {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}
}

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

@keyframes fadeoutR {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(100px);
	}
}


/* 淡出-向下 */

@-webkit-keyframes fadeoutB {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		opacity: 1;
	}
}

@-moz-keyframes fadeoutB {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(100px);
		opacity: 1;
	}
}

@-ms-keyframes fadeoutB {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(100px);
		opacity: 1;
	}
}

@keyframes fadeoutB {
	0% {
		opacity: 1;
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(100px);
	}
}


/* 淡出-向左 */

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

@-moz-keyframes fadeoutL {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}
}

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

@keyframes fadeoutL {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(-100px);
	}
}


/* 弹跳 */

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	40% {
		-webkit-transform: translateY(-30px);
		opacity: 1;
	}
	60% {
		-webkit-transform: translateY(-15px);
		opacity: 1;
	}
}

@-moz-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
	40% {
		-moz-transform: translateY(-30px);
		opacity: 1;
	}
	60% {
		-moz-transform: translateY(-15px);
		opacity: 1;
	}
}

@-ms-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
	40% {
		-ms-transform: translateY(-30px);
		opacity: 1;
	}
	60% {
		-ms-transform: translateY(-15px);
		opacity: 1;
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
		opacity: 1;
	}
	40% {
		transform: translateY(-30px);
		opacity: 1;
	}
	60% {
		transform: translateY(-15px);
		opacity: 1;
	}
}


/* 弹入 */

@-webkit-keyframes bouncein {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
		opacity: 1;
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		opacity: 1;
	}
	70% {
		-webkit-transform: scale(0.9);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes bouncein {
	0% {
		opacity: 0;
		-moz-transform: scale(0.3);
		opacity: 1;
	}
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
		opacity: 1;
	}
	70% {
		-moz-transform: scale(0.9);
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@-ms-keyframes bouncein {
	0% {
		opacity: 0;
		-ms-transform: scale(0.3);
		opacity: 1;
	}
	50% {
		opacity: 1;
		-ms-transform: scale(1.05);
		opacity: 1;
	}
	70% {
		-ms-transform: scale(0.9);
		opacity: 1;
	}
	100% {
		-ms-transform: scale(1);
		opacity: 1;
	}
}

@keyframes bouncein {
	0% {
		opacity: 0;
		transform: scale(0.3);
		opacity: 1;
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
		opacity: 1;
	}
	70% {
		transform: scale(0.9);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


/* 弹入-从上 */

@-webkit-keyframes bounceinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		opacity: 1;
	}
	80% {
		-webkit-transform: translateY(-10px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes bounceinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
		opacity: 1;
	}
	80% {
		-moz-transform: translateY(-10px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@-ms-keyframes bounceinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
		opacity: 1;
	}
	80% {
		-ms-transform: translateY(-10px);
		opacity: 1;
	}
	100% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes bounceinT {
	0% {
		opacity: 0;
		transform: translateY(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		transform: translateY(30px);
		opacity: 1;
	}
	80% {
		transform: translateY(-10px);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


/* 弹入-从右 */

@-webkit-keyframes bounceinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		opacity: 1;
	}
	80% {
		-webkit-transform: translateX(10px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes bounceinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
		opacity: 1;
	}
	80% {
		-moz-transform: translateX(10px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@-ms-keyframes bounceinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
		opacity: 1;
	}
	80% {
		-ms-transform: translateX(10px);
		opacity: 1;
	}
	100% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes bounceinR {
	0% {
		opacity: 0;
		transform: translateX(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		transform: translateX(-30px);
		opacity: 1;
	}
	80% {
		transform: translateX(10px);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


/* 弹入-从下 */

@-webkit-keyframes bounceinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		opacity: 1;
	}
	80% {
		-webkit-transform: translateY(10px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes bounceinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
		opacity: 1;
	}
	80% {
		-moz-transform: translateY(10px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@-ms-keyframes bounceinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
		opacity: 1;
	}
	80% {
		-ms-transform: translateY(10px);
		opacity: 1;
	}
	100% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes bounceinB {
	0% {
		opacity: 0;
		transform: translateY(100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		transform: translateY(-30px);
		opacity: 1;
	}
	80% {
		transform: translateY(10px);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


/* 弹入-从左 */

@-webkit-keyframes bounceinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		opacity: 1;
	}
	80% {
		-webkit-transform: translateX(-10px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes bounceinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
		opacity: 1;
	}
	80% {
		-moz-transform: translateX(-10px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@-ms-keyframes bounceinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
		opacity: 1;
	}
	80% {
		-ms-transform: translateX(-10px);
		opacity: 1;
	}
	100% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes bounceinL {
	0% {
		opacity: 0;
		transform: translateX(-100px);
		opacity: 1;
	}
	60% {
		opacity: 1;
		transform: translateX(30px);
		opacity: 1;
	}
	80% {
		transform: translateX(-10px);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


/* 弹出 */

@-webkit-keyframes bounceout {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	25% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.3);
		opacity: 1;
	}
}

@-moz-keyframes bounceout {
	0% {
		-moz-transform: scale(1);
		opacity: 1;
	}
	25% {
		-moz-transform: scale(0.95);
		opacity: 1;
	}
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: scale(0.3);
		opacity: 1;
	}
}

@-ms-keyframes bounceout {
	0% {
		-ms-transform: scale(1);
		opacity: 1;
	}
	25% {
		-ms-transform: scale(0.95);
		opacity: 1;
	}
	50% {
		opacity: 1;
		-ms-transform: scale(1.1);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-ms-transform: scale(0.3);
		opacity: 1;
	}
}

@keyframes bounceout {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(0.95);
		opacity: 1;
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(0.3);
		opacity: 1;
	}
}


/* 弹出-向上*/

@-webkit-keyframes bounceoutT {
	0% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		opacity: 1;
	}
}

@-moz-keyframes bounceoutT {
	0% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(-100px);
		opacity: 1;
	}
}

@-ms-keyframes bounceoutT {
	0% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-ms-transform: translateY(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(-100px);
		opacity: 1;
	}
}

@keyframes bounceoutT {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		transform: translateY(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(-100px);
		opacity: 1;
	}
}


/* 弹出-向右*/

@-webkit-keyframes bounceoutR {
	0% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		opacity: 1;
	}
}

@-moz-keyframes bounceoutR {
	0% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(100px);
		opacity: 1;
	}
}

@-ms-keyframes bounceoutR {
	0% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-ms-transform: translateX(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-ms-transform: translateX(100px);
		opacity: 1;
	}
}

@keyframes bounceoutR {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		transform: translateX(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(100px);
		opacity: 1;
	}
}


/* 弹出-向下 */

@-webkit-keyframes bounceoutB {
	0% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		opacity: 1;
	}
}

@-moz-keyframes bounceoutB {
	0% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: translateY(100px);
		opacity: 1;
	}
}

@-ms-keyframes bounceoutB {
	0% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-ms-transform: translateY(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-ms-transform: translateY(100px);
		opacity: 1;
	}
}

@keyframes bounceoutB {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		transform: translateY(-20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(100px);
		opacity: 1;
	}
}


/* 弹出-向左 */

@-webkit-keyframes bounceoutL {
	0% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		opacity: 1;
	}
}

@-moz-keyframes bounceoutL {
	0% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-100px);
		opacity: 1;
	}
}

@-ms-keyframes bounceoutL {
	0% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		-ms-transform: translateX(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-ms-transform: translateX(-100px);
		opacity: 1;
	}
}

@keyframes bounceoutL {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	20% {
		opacity: 1;
		transform: translateX(20px);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-200px);
		opacity: 1;
	}
}


/* 转入 */

@-webkit-keyframes rotatein {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-200deg);
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotatein {
	0% {
		opacity: 0;
		-moz-transform: rotate(-200deg);
		opacity: 1;
	}
	100% {
		opacity: 1;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotatein {
	0% {
		opacity: 0;
		-ms-transform: rotate(-200deg);
		opacity: 1;
	}
	100% {
		opacity: 1;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotatein {
	0% {
		opacity: 0;
		transform: rotate(-200deg);
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: rotate(0);
		opacity: 1;
	}
}


/* 转入-从左上 */

@-webkit-keyframes rotateinLT {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateinLT {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateinLT {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateinLT {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}


/* 转入-从左下 */

@-webkit-keyframes rotateineftB {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateineftB {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateineftB {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateineftB {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}


/* 转入-从右上 */

@-webkit-keyframes rotateinRT {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateinRT {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateinRT {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateinRT {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}


/* 转入-从右下*/

@-webkit-keyframes rotateinRB {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateinRB {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateinRB {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateinRB {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}


/* 转出 */

@-webkit-keyframes rotateout {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateout {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateout {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateout {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}


/* 转出-向左上 */

@-webkit-keyframes rotateoutLT {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateoutLT {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateoutLT {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateoutLT {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}


/* 转出-向左下 */

@-webkit-keyframes rotateoutLB {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateoutLB {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateoutLB {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateoutLB {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}


/* 转出-向右上 */

@-webkit-keyframes rotateoutRT {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateoutRT {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateoutRT {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateoutRT {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}


/* 转出-向右下 */

@-webkit-keyframes rotateoutBR {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateoutBR {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateoutBR {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateoutBR {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}


/* 翻转 */

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes flip {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		-ms-animation-timing-function: ease-out;
	}
	40% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-ms-animation-timing-function: ease-out;
	}
	50% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-ms-animation-timing-function: ease-in;
	}
	80% {
		-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
		-ms-animation-timing-function: ease-in;
	}
	100% {
		-ms-transform: perspective(400px) scale(1);
		-ms-animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(0.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}


/* 翻入-X轴 */

@-webkit-keyframes flipinX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		opacity: 1;
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
}

@-moz-keyframes flipinX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-moz-transform: perspective(400px) rotateX(-10deg);
		opacity: 1;
	}
	70% {
		-moz-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
	}
	100% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
}

@-ms-keyframes flipinX {
	0% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-ms-transform: perspective(400px) rotateX(-10deg);
		opacity: 1;
	}
	70% {
		-ms-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
	}
	100% {
		-ms-transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
}

@keyframes flipinX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotateX(-10deg);
		opacity: 1;
	}
	70% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1;
	}
	100% {
		transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
}


/* 翻入-Y轴 */

@-webkit-keyframes flipinY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		opacity: 1;
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
}

@-moz-keyframes flipinY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-moz-transform: perspective(400px) rotateY(-10deg);
		opacity: 1;
	}
	70% {
		-moz-transform: perspective(400px) rotateY(10deg);
		opacity: 1;
	}
	100% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
}

@-ms-keyframes flipinY {
	0% {
		-ms-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		-ms-transform: perspective(400px) rotateY(-10deg);
		opacity: 1;
	}
	70% {
		-ms-transform: perspective(400px) rotateY(10deg);
		opacity: 1;
	}
	100% {
		-ms-transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
}

@keyframes flipinY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotateY(-10deg);
		opacity: 1;
	}
	70% {
		transform: perspective(400px) rotateY(10deg);
		opacity: 1;
	}
	100% {
		transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
}


/* 翻出-X轴 */

@-webkit-keyframes flipoutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@-moz-keyframes flipoutX {
	0% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
	100% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@-ms-keyframes flipoutX {
	0% {
		-ms-transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
	100% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@keyframes flipoutX {
	0% {
		transform: perspective(400px) rotateX(0);
		opacity: 1;
	}
	100% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}


/* 翻出-Y轴 */

@-webkit-keyframes flipoutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@-moz-keyframes flipoutY {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
	100% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@-ms-keyframes flipoutY {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
	100% {
		-ms-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@keyframes flipoutY {
	0% {
		transform: perspective(400px) rotateY(0);
		opacity: 1;
	}
	100% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}


/* 闪烁 */

@-webkit-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

@-moz-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

@-ms-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

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


/* 震颤 */

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		opacity: 1;
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		opacity: 1;
	}
}

@-moz-keyframes shake {
	0%,
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-moz-transform: translateX(-10px);
		opacity: 1;
	}
	20%,
	40%,
	60%,
	80% {
		-moz-transform: translateX(10px);
		opacity: 1;
	}
}

@-ms-keyframes shake {
	0%,
	100% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-ms-transform: translateX(-10px);
		opacity: 1;
	}
	20%,
	40%,
	60%,
	80% {
		-ms-transform: translateX(10px);
		opacity: 1;
	}
}

@keyframes shake {
	0%,
	100% {
		transform: translateX(0);
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-10px);
		opacity: 1;
	}
	20%,
	40%,
	60%,
	80% {
		transform: translateX(10px);
		opacity: 1;
	}
}


/* 摇摆 */

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		opacity: 1;
	}
	40% {
		-webkit-transform: rotate(-10deg);
		opacity: 1;
	}
	60% {
		-webkit-transform: rotate(5deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: rotate(-5deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes swing {
	20% {
		-moz-transform: rotate(15deg);
		opacity: 1;
	}
	40% {
		-moz-transform: rotate(-10deg);
		opacity: 1;
	}
	60% {
		-moz-transform: rotate(5deg);
		opacity: 1;
	}
	80% {
		-moz-transform: rotate(-5deg);
		opacity: 1;
	}
	100% {
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes swing {
	20% {
		-ms-transform: rotate(15deg);
		opacity: 1;
	}
	40% {
		-ms-transform: rotate(-10deg);
		opacity: 1;
	}
	60% {
		-ms-transform: rotate(5deg);
		opacity: 1;
	}
	80% {
		-ms-transform: rotate(-5deg);
		opacity: 1;
	}
	100% {
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg);
		opacity: 1;
	}
	40% {
		transform: rotate(-10deg);
		opacity: 1;
	}
	60% {
		transform: rotate(5deg);
		opacity: 1;
	}
	80% {
		transform: rotate(-5deg);
		opacity: 1;
	}
	100% {
		transform: rotate(0);
		opacity: 1;
	}
}


/* 摇晃 */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
	15% {
		-webkit-transform: translateX(-100px) rotate(-5deg);
		opacity: 1;
	}
	30% {
		-webkit-transform: translateX(80px) rotate(3deg);
		opacity: 1;
	}
	45% {
		-webkit-transform: translateX(-65px) rotate(-3deg);
		opacity: 1;
	}
	60% {
		-webkit-transform: translateX(40px) rotate(2deg);
		opacity: 1;
	}
	75% {
		-webkit-transform: translateX(-20px) rotate(-1deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes wobble {
	0% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
	15% {
		-moz-transform: translateX(-100px) rotate(-5deg);
		opacity: 1;
	}
	30% {
		-moz-transform: translateX(80px) rotate(3deg);
		opacity: 1;
	}
	45% {
		-moz-transform: translateX(-65px) rotate(-3deg);
		opacity: 1;
	}
	60% {
		-moz-transform: translateX(40px) rotate(2deg);
		opacity: 1;
	}
	75% {
		-moz-transform: translateX(-20px) rotate(-1deg);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@-ms-keyframes wobble {
	0% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
	15% {
		-ms-transform: translateX(-100px) rotate(-5deg);
		opacity: 1;
	}
	30% {
		-ms-transform: translateX(80px) rotate(3deg);
		opacity: 1;
	}
	45% {
		-ms-transform: translateX(-65px) rotate(-3deg);
		opacity: 1;
	}
	60% {
		-ms-transform: translateX(40px) rotate(2deg);
		opacity: 1;
	}
	75% {
		-ms-transform: translateX(-20px) rotate(-1deg);
		opacity: 1;
	}
	100% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes wobble {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	15% {
		transform: translateX(-100px) rotate(-5deg);
		opacity: 1;
	}
	30% {
		transform: translateX(80px) rotate(3deg);
		opacity: 1;
	}
	45% {
		transform: translateX(-65px) rotate(-3deg);
		opacity: 1;
	}
	60% {
		transform: translateX(40px) rotate(2deg);
		opacity: 1;
	}
	75% {
		transform: translateX(-20px) rotate(-1deg);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


/* 震铃 */

@-webkit-keyframes ring {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
		opacity: 1;
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		opacity: 1;
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: scale(1);
		opacity: 1;
	}
	10%,
	20% {
		-moz-transform: scale(0.9) rotate(-3deg);
		opacity: 1;
	}
	30%,
	50%,
	70%,
	90% {
		-moz-transform: scale(1.1) rotate(3deg);
		opacity: 1;
	}
	40%,
	60%,
	80% {
		-moz-transform: scale(1.1) rotate(-3deg);
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1) rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes ring {
	0% {
		-ms-transform: scale(1);
		opacity: 1;
	}
	10%,
	20% {
		-ms-transform: scale(0.9) rotate(-3deg);
		opacity: 1;
	}
	30%,
	50%,
	70%,
	90% {
		-ms-transform: scale(1.1) rotate(3deg);
		opacity: 1;
	}
	40%,
	60%,
	80% {
		-ms-transform: scale(1.1) rotate(-3deg);
		opacity: 1;
	}
	100% {
		-ms-transform: scale(1) rotate(0);
		opacity: 1;
	}
}

@keyframes ring {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	10%,
	20% {
		transform: scale(0.9) rotate(-3deg);
		opacity: 1;
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg);
		opacity: 1;
	}
	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg);
		opacity: 1;
	}
	100% {
		transform: scale(1) rotate(0);
		opacity: 1;
	}
}


/* 持续旋转-顺时针 */

@-webkit-keyframes rotatingL {
	0% {
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-360deg);
		opacity: 1;
	}
}

@-moz-keyframes rotatingL {
	0% {
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform: rotate(-360deg);
		opacity: 1;
	}
}

@-ms-keyframes rotatingL {
	0% {
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform: rotate(-360deg);
		opacity: 1;
	}
}

@keyframes rotatingL {
	0% {
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform: rotate(-360deg);
		opacity: 1;
	}
}


/* 持续旋转-逆时针 */

@-webkit-keyframes rotatingR {
	0% {
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(360deg);
		opacity: 1;
	}
}

@-moz-keyframes rotatingR {
	0% {
		-moz-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-moz-transform: rotate(360deg);
		opacity: 1;
	}
}

@-ms-keyframes rotatingR {
	0% {
		-ms-transform: rotate(0);
		opacity: 1;
	}
	100% {
		-ms-transform: rotate(360deg);
		opacity: 1;
	}
}

@keyframes rotatingR {
	0% {
		transform: rotate(0);
		opacity: 1;
	}
	100% {
		transform: rotate(360deg);
		opacity: 1;
	}
}


/* 持续摇摆 */

@-webkit-keyframes slowshake {
	0% {
		-webkit-transform: rotate(4deg);
		opacity: 1;
	}
	50% {
		-webkit-transform: rotate(-4deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(4deg);
		opacity: 1;
	}
}

@-moz-keyframes slowshake {
	0% {
		-moz-transform: rotate(4deg);
		opacity: 1;
	}
	50% {
		-moz-transform: rotate(-4deg);
		opacity: 1;
	}
	100% {
		-moz-transform: rotate(4deg);
		opacity: 1;
	}
}

@-ms-keyframes slowshake {
	0% {
		-ms-transform: rotate(4deg);
		opacity: 1;
	}
	50% {
		-ms-transform: rotate(-4deg);
		opacity: 1;
	}
	100% {
		-ms-transform: rotate(4deg);
		opacity: 1;
	}
}

@keyframes slowshake {
	0% {
		transform: rotate(4deg);
		opacity: 1;
	}
	50% {
		transform: rotate(-4deg);
		opacity: 1;
	}
	100% {
		transform: rotate(4deg);
		opacity: 1;
	}
}


/*印章*/

@-webkit-keyframes seal {
	0% {
		-webkit-transform: scale(5);
		opacity: 0;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes seal {
	0% {
		-moz-transform: scale(5);
		opacity: 0;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@-ms-keyframes seal {
	0% {
		-ms-transform: scale(5);
		opacity: 0;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		-ms-transform: scale(1);
		opacity: 1;
	}
}

@keyframes seal {
	0% {
		transform: scale(5);
		opacity: 0;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


/* 滚动消失-向上 */

@-webkit-keyframes rollT {
	0% {
		-webkit-transform: translate(0, 400px) scale(1);
		opacity: 1;
	}
	99% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-moz-keyframes rollT {
	0% {
		-moz-transform: translate(0, 400px) scale(1);
		opacity: 1;
	}
	99% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-ms-keyframes rollT {
	0% {
		-ms-transform: translate(0, 400px) scale(1);
		opacity: 1;
	}
	99% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@keyframes rollT {
	0% {
		transform: translate(0, 400px) scale(1);
		opacity: 1;
	}
	90% {
		transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}


/* 滚动消失-向右 */

@-webkit-keyframes rollR {
	0% {
		-webkit-transform: translate(-100px, 0) scale(1);
		opacity: 1;
	}
	99% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-moz-keyframes rollR {
	0% {
		-moz-transform: translate(-100px, 0) scale(1);
		opacity: 1;
	}
	99% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-ms-keyframes rollR {
	0% {
		-ms-transform: translate(-100px, 0) scale(1);
		opacity: 1;
	}
	99% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@keyframes rollR {
	0% {
		transform: translate(-100px, 0) scale(1);
		opacity: 1;
	}
	90% {
		transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}


/* 滚动消失-向下 */

@-webkit-keyframes rollB {
	0% {
		-webkit-transform: translate(0, -400px) scale(1);
		opacity: 1;
	}
	99% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-moz-keyframes rollB {
	0% {
		-moz-transform: translate(0, -400px) scale(1);
		opacity: 1;
	}
	99% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-ms-keyframes rollB {
	0% {
		-ms-transform: translate(0, -400px) scale(1);
		opacity: 1;
	}
	99% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@keyframes rollB {
	0% {
		transform: translate(0, -400px) scale(1);
		opacity: 1;
	}
	90% {
		transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}


/* 滚动消失-向左 */

@-webkit-keyframes rollL {
	0% {
		-webkit-transform: translate(100px, 0) scale(1);
		opacity: 1;
	}
	99% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-moz-keyframes rollL {
	0% {
		-moz-transform: translate(100px, 0) scale(1);
		opacity: 1;
	}
	99% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-moz-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@-ms-keyframes rollL {
	0% {
		-ms-transform: translate(100px, 0) scale(1);
		opacity: 1;
	}
	99% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		-ms-transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

@keyframes rollL {
	0% {
		transform: translate(100px, 0) scale(1);
		opacity: 1;
	}
	90% {
		transform: translate(0, 0) scale(0.5);
		opacity: 1;
	}
	100% {
		transform: translate(0, 0) scale(0.5);
		opacity: 0;
	}
}

.animationEl {
	position: absolute;
}

.f-hide-animation {
	top: -2000px!important;
}