/* animation */

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

.a-fadein,
.a-fadeinT,
.a-fadeinR,
.a-fadeinB,
.a-fadeinL,
.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 backwards;
	-moz-animation: 1s ease-out backwards;
	-ms-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards;
}

.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;
}


/* 淡入 */

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


/* 淡入-从上 */

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


/* 淡入-从右 */

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


/* 淡入-从下 */

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


/* 淡入-从左 */

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


/* 淡出 */

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


/* 淡出-向上 */

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


/* 淡出-向右 */

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


/* 淡出-向下 */

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


/* 淡出-向左 */

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


/* 弹跳 */

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


/* 弹入 */

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


/* 弹入-从上 */

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


/* 弹入-从右 */

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


/* 弹入-从下 */

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


/* 弹入-从左 */

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


/* 弹出 */

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


/* 弹出-向上 */

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


/* 弹出-向右 */

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


/* 弹出-向下 */

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


/* 弹出-向左 */

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


/* 转入 */

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


/* 转入-从左上 */

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


/* 转入-从左下 */

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


/* 转入-从右上 */

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


/* 转入-从右下*/

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


/* 转出 */

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


/* 转出-向左上 */

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


/* 转出-向左下 */

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


/* 转出-向右上 */

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


/* 转出-向右下 */

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


/* 翻转 */

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


/* 翻入-X轴 */

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


/* 翻入-Y轴 */

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


/* 翻出-X轴 */

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


/* 翻出-Y轴 */

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


/* 闪烁 */

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


/* 震颤 */

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


/* 摇摆 */

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


/* 摇晃 */

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


/* 震铃 */

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


/* define */


/* 淡入 */

@-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);
	}
}

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

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

@keyframes fadeoutB {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	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);
	}
	40% {
		-webkit-transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
	}
}

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

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

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


/* 弹入 */

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

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

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

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


/* 弹入-从上 */

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

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

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

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


/* 弹入-从右 */

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

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

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

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


/* 弹入-从下 */

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

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

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

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


/* 弹入-从左 */

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

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

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

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


/* 弹出 */

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

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

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

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


/* 弹出-向上*/

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

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

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

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


/* 弹出-向右*/

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

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

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

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


/* 弹出-向下 */

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

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

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

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


/* 弹出-向左 */

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

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

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

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


/* 转入 */

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

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

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

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


/* 转入-从左上 */

@-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);
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
	}
	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);
	}
	70% {
		-moz-transform: perspective(400px) rotateX(10deg);
	}
	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);
	}
	70% {
		-ms-transform: perspective(400px) rotateX(10deg);
	}
	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);
	}
	70% {
		transform: perspective(400px) rotateX(10deg);
	}
	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);
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
	}
	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);
	}
	70% {
		-moz-transform: perspective(400px) rotateY(10deg);
	}
	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);
	}
	70% {
		-ms-transform: perspective(400px) rotateY(10deg);
	}
	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);
	}
	70% {
		transform: perspective(400px) rotateY(10deg);
	}
	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);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
	}
}

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

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

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


/* 摇摆 */

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

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

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

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


/* 摇晃 */

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

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

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

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


/* 震铃 */

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

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

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

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

.yanshi01 {
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}

.yanshi02 {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.yanshi03 {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

.yanshi04 {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.yanshi05 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.yanshi06 {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.yanshi07 {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}

.yanshi08 {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.yanshi09 {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}

.yanshi10 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.yanshi11 {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}

.yanshi12 {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.yanshi13 {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
}

.yanshi14 {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}

.yanshi15 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.yanshi16 {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
}

.yanshi17 {
	animation-delay: 1.7s;
	-webkit-animation-delay: 1.7s;
}

.yanshi18 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}

.yanshi19 {
	animation-delay: 1.9s;
	-webkit-animation-delay: 1.9s;
}

.yanshi20 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}

.yanshi21 {
	animation-delay: 2.1s;
	-webkit-animation-delay: 2.1s;
}

.yanshi22 {
	animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
}

.yanshi23 {
	animation-delay: 2.3s;
	-webkit-animation-delay: 2.3s;
}

.yanshi24 {
	animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
}

.yanshi25 {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}

.yanshi26 {
	animation-delay: 2.6s;
	-webkit-animation-delay: 2.6s;
}

.yanshi27 {
	animation-delay: 2.7s;
	-webkit-animation-delay: 2.7s;
}

.yanshi28 {
	animation-delay: 2.8s;
	-webkit-animation-delay: 2.8s;
}

.yanshi29 {
	animation-delay: 2.9s;
	-webkit-animation-delay: 2.9s;
}

.yanshi30 {
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
}

.yanshi31 {
	animation-delay: 3.1s;
	-webkit-animation-delay: 3.1s;
}

.yanshi32 {
	animation-delay: 3.2s;
	-webkit-animation-delay: 3.2s;
}

.yanshi33 {
	animation-delay: 3.3s;
	-webkit-animation-delay: 3.3s;
}

.yanshi34 {
	animation-delay: 3.4s;
	-webkit-animation-delay: 3.4s;
}

.yanshi35 {
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
}

.yanshi36 {
	animation-delay: 3.6s;
	-webkit-animation-delay: 3.6s;
}

.yanshi37 {
	animation-delay: 3.7s;
	-webkit-animation-delay: 3.7s;
}

.yanshi38 {
	animation-delay: 3.8s;
	-webkit-animation-delay: 3.8s;
}

.yanshi39 {
	animation-delay: 3.9s;
	-webkit-animation-delay: 3.9s;
}

.yanshi40 {
	animation-delay: 4s;
	-webkit-animation-delay: 4s;
}

.yanshi41 {
	animation-delay: 4.1s;
	-webkit-animation-delay: 4.1s;
}

.yanshi42 {
	animation-delay: 4.2s;
	-webkit-animation-delay: 4.2s;
}

.yanshi43 {
	animation-delay: 4.3s;
	-webkit-animation-delay: 4.3s;
}

.yanshi44 {
	animation-delay: 4.4s;
	-webkit-animation-delay: 4.4s;
}

.yanshi45 {
	animation-delay: 4.5s;
	-webkit-animation-delay: 4.5s;
}

.yanshi46 {
	animation-delay: 4.6s;
	-webkit-animation-delay: 4.6s;
}

.yanshi47 {
	animation-delay: 4.7s;
	-webkit-animation-delay: 4.7s;
}

.yanshi48 {
	animation-delay: 4.8s;
	-webkit-animation-delay: 4.8s;
}

.yanshi49 {
	animation-delay: 4.9s;
	-webkit-animation-delay: 4.9s;
}

.yanshi50 {
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
}

.yanshi51 {
	animation-delay: 5.1s;
	-webkit-animation-delay: 5.1s;
}

.yanshi52 {
	animation-delay: 5.2s;
	-webkit-animation-delay: 5.2s;
}

.yanshi53 {
	animation-delay: 5.3s;
	-webkit-animation-delay: 5.3s;
}

.yanshi54 {
	animation-delay: 5.4s;
	-webkit-animation-delay: 5.4s;
}

.yanshi55 {
	animation-delay: 5.5s;
	-webkit-animation-delay: 5.5s;
}

.yanshi56 {
	animation-delay: 5.6s;
	-webkit-animation-delay: 5.6s;
}

.yanshi57 {
	animation-delay: 5.7s;
	-webkit-animation-delay: 5.7s;
}

.yanshi58 {
	animation-delay: 5.8s;
	-webkit-animation-delay: 5.8s;
}

.yanshi59 {
	animation-delay: 5.9s;
	-webkit-animation-delay: 5.9s;
}

.yanshi60 {
	animation-delay: 6s;
	-webkit-animation-delay: 6s;
}

.yanshi61 {
	animation-delay: 6.1s;
	-webkit-animation-delay: 6.1s;
}

.yanshi62 {
	animation-delay: 6.2s;
	-webkit-animation-delay: 6.2s;
}

.yanshi63 {
	animation-delay: 6.3s;
	-webkit-animation-delay: 6.3s;
}

.yanshi64 {
	animation-delay: 6.4s;
	-webkit-animation-delay: 6.4s;
}

.yanshi65 {
	animation-delay: 6.5s;
	-webkit-animation-delay: 6.5s;
}

.yanshi66 {
	animation-delay: 6.6s;
	-webkit-animation-delay: 6.6s;
}

.yanshi67 {
	animation-delay: 6.7s;
	-webkit-animation-delay: 6.7s;
}

.yanshi68 {
	animation-delay: 6.8s;
	-webkit-animation-delay: 6.8s;
}

.yanshi69 {
	animation-delay: 6.9s;
	-webkit-animation-delay: 6.9s;
}

.yanshi70 {
	animation-delay: 7s;
	-webkit-animation-delay: 7s;
}

.yanshi71 {
	animation-delay: 7.1s;
	-webkit-animation-delay: 7.1s;
}

.yanshi72 {
	animation-delay: 7.2s;
	-webkit-animation-delay: 7.2s;
}

.yanshi73 {
	animation-delay: 7.3s;
	-webkit-animation-delay: 7.3s;
}

.yanshi74 {
	animation-delay: 7.4s;
	-webkit-animation-delay: 7.4s;
}

.yanshi75 {
	animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}

.yanshi76 {
	animation-delay: 7.6s;
	-webkit-animation-delay: 7.6s;
}

.yanshi77 {
	animation-delay: 7.7s;
	-webkit-animation-delay: 7.7s;
}

.yanshi78 {
	animation-delay: 7.8s;
	-webkit-animation-delay: 7.8s;
}

.yanshi79 {
	animation-delay: 7.9s;
	-webkit-animation-delay: 7.9s;
}

.yanshi80 {
	animation-delay: 8s;
	-webkit-animation-delay: 8s;
}

.yanshi81 {
	animation-delay: 8.1s;
	-webkit-animation-delay: 8.1s;
}

.yanshi82 {
	animation-delay: 8.2s;
	-webkit-animation-delay: 8.2s;
}

.yanshi83 {
	animation-delay: 8.3s;
	-webkit-animation-delay: 8.3s;
}

.yanshi84 {
	animation-delay: 8.4s;
	-webkit-animation-delay: 8.4s;
}

.yanshi85 {
	animation-delay: 8.5s;
	-webkit-animation-delay: 8.5s;
}

.yanshi86 {
	animation-delay: 8.6s;
	-webkit-animation-delay: 8.6s;
}

.yanshi87 {
	animation-delay: 8.7s;
	-webkit-animation-delay: 8.7s;
}

.yanshi88 {
	animation-delay: 8.8s;
	-webkit-animation-delay: 8.8s;
}

.yanshi89 {
	animation-delay: 8.9s;
	-webkit-animation-delay: 8.9s;
}

.yanshi90 {
	animation-delay: 9s;
	-webkit-animation-delay: 9s;
}

.yanshi91 {
	animation-delay: 9.1s;
	-webkit-animation-delay: 9.1s;
}

.yanshi92 {
	animation-delay: 9.2s;
	-webkit-animation-delay: 9.2s;
}

.yanshi93 {
	animation-delay: 9.3s;
	-webkit-animation-delay: 9.3s;
}

.yanshi94 {
	animation-delay: 9.4s;
	-webkit-animation-delay: 9.4s;
}

.yanshi95 {
	animation-delay: 9.5s;
	-webkit-animation-delay: 9.5s;
}

.yanshi96 {
	animation-delay: 9.6s;
	-webkit-animation-delay: 9.6s;
}

.yanshi97 {
	animation-delay: 9.7s;
	-webkit-animation-delay: 9.7s;
}

.yanshi98 {
	animation-delay: 9.8s;
	-webkit-animation-delay: 9.8s;
}

.yanshi99 {
	animation-delay: 9.9s;
	-webkit-animation-delay: 9.9s;
}