﻿

/* page1*/




.zuo_to_you{
	-webkit-animation: zuo_to_you 2s ease forwards 1 2s;
	animation: zuo_to_you 2s ease forwards 1 2s;
}
@-webkit-keyframes zuo_to_you{
	0%{ -webkit-transform:translateX(-200px); opacity: 0;}
	100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes zuo_to_you{
	0%{transform:translateX(-200px); opacity: 0;}
	100%{ transform: translateX(0px); opacity: 1;}
}
.you_to_zuo{
	-webkit-animation: you_to_zuo 2s ease forwards 1 2s;
	animation: you_to_zuo 2s ease forwards 1 2s;
}
@-webkit-keyframes you_to_zuo{
	0%{ -webkit-transform:translateX(200px); opacity: 0;}
	100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes you_to_zuo{
	0%{transform:translateX(200px); opacity: 0;}
	100%{ transform: translateX(0px); opacity: 1;}
}
/* 弹起上方进入*/
.bounceinDown{
	-webkit-animation: bounceinDown 1.5s ease forwards 1 2s;
	animation: bounceinDown 1.5s ease forwards 1 2s;

}
@-webkit-keyframes bounceinDown{
	0%{ -webkit-transform: translateY(-200px);opacity:0;}
	30%{ -webkit-transform: translateY(60px);opacity:1;}
	70%{ -webkit-transform: translateY(-20px);opacity:1;}
	100%{ -webkit-transform: translateY(0px);opacity:1;}
}
@keyframes bounceinDown{
	0%{ -webkit-transform: translateY(-200px);opacity:0;}
	30%{ -webkit-transform: translateY(60px);opacity:1;}
	70%{ -webkit-transform: translateY(-20px);opacity:1;}
	100%{ -webkit-transform: translateY(0px);opacity:1;}
}

/* page2*/
.bottomeasein{
	-webkit-animation: bottomeaseinAnimate 2s ease forwards 1 1s;
	-moz-animation: bottomeaseinAnimate 2s ease forwards 1 1s;
	animation: bottomeaseinAnimate 2s ease forwards 1 1s;
}
@-webkit-keyframes bottomeaseinAnimate{
	0%{ -webkit-transform: translateY(200px); opacity:0;}
	100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@keyframes bottomeaseinAnimate{
	0%{ transform: translateY(200px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}


.up_down{
	-webkit-animation: up_down 2s ease forwards infinite 2s;
	-moz-animation: up_down 2s ease forwards infinite 2s;
	animation: up_down 2s ease forwards infinite 2s;
}
@-webkit-keyframes up_down{
	0%{  opacity:0;}
	50%{  opacity: 1;}
100%{  opacity: 0;}
}
@keyframes up_down{
	0%{  opacity:0;}
	50%{ opacity: 1;}
100%{ opacity: 0;}
}
.uptodown_tit{
	-webkit-animation: uptodown_tit 2s ease forwards 1 1.4s;
	-moz-animation: uptodown_tit 2s ease forwards 1 1.4s;
	animation: uptodown_tit 2s ease forwards 1 1.4s;
}
@-webkit-keyframes uptodown_tit{
	0%{ transform: translateY(-150px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes uptodown_tit{
	0%{ transform: translateY(-150px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
.uptodown_tit_s{
	-webkit-animation: uptodown_tit_s 2s ease forwards 1 1.4s;
	-moz-animation: uptodown_tit_s 2s ease forwards 1 1.4s;
	animation: uptodown_tit_s 2s ease forwards 1 1.4s;
}
@-webkit-keyframes uptodown_tit_s{
	0%{ transform: translateY(300px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes uptodown_tit_s{
	0%{ transform: translateY(300px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
.uptodown{
	-webkit-animation: uptodown 2s ease forwards 1 1s;
	-moz-animation: uptodown 2s ease forwards 1 1s;
	animation: uptodown 2s ease forwards 1 1s;
}
@-webkit-keyframes uptodown{
	0%{ transform: translateY(-300px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes uptodown{
	0%{ transform: translateY(-300px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
.downtoup{
	-webkit-animation: downtoup 2s ease forwards 1 1s;
	-moz-animation: downtoup 2s ease forwards 1 1s;
	animation: downtoup 2s ease forwards 1 1s;
}
@-webkit-keyframes downtoup{
	0%{ transform: translateY(500px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes downtoup{
	0%{ transform: translateY(500px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
/* 摇摆*/
.swing{
	-webkit-animation:swing 1s ease infinite;
	-moz-animation:swing 1s ease infinite;
	-o-animation:swing 1s ease infinite;
	-ms-animation:swing 1s ease infinite;
	animation:swing 1s ease infinite;	
opacity:1;
}
@-webkit-keyframes swing{
	0%,100%{-webkit-transform:translateX(0px);}
	10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
	20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes swing{
	0%,100%{-moz-transform:translateX(0px);}
	10%,30%,50%,70%,90%{-moz-transform:translateX(-10PX);}
	20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
@-o-keyframes swing{
	0%,100%{-o-transform:translateX(0px);}
	10%,30%,50%,70%,90%{-o-transform:translateX(-10PX);}
	20%,40%,60%,80%{-o-transform:translateX(10px);}
}
@-ms-keyframes swing{
	0%,100%{-ms-transform:translateX(0px);}
	10%,30%,50%,70%,90%{-ms-transform:translateX(-10PX);}
	20%,40%,60%,80%{-ms-transform:translateX(10px);}
}
@keyframes swing{
	0%,100%{transform:translateX(0px);}
	10%,30%,50%,70%,90%{transform:translateX(-10PX);}
	20%,40%,60%,80%{transform:translateX(10px);}
}
 /* page3*/

.ztoup{
	-webkit-animation: ztoup 2s ease forwards 1 0s;
	-moz-animation: ztoup 2s ease forwards 1 0s;
	animation: ztoup 2s ease forwards 1 0s;
}
@-webkit-keyframes ztoup{
	0%{ -webkit-transform: translateY(250px); opacity:0;}
	100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@keyframes ztoup{
	0%{ transform: translateY(250px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
.bouncein{
	-webkit-animation: bouncein 2s ease 1 0s;
-moz-animation: bouncein 2s ease 1 0s;
	animation: bouncein 2s ease 1 0s;
    opacity:1;
}
@-webkit-keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}  
	5%{ -webkit-transform: scale(1.05);opacity:1;}
	60%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}  
	5%{ -webkit-transform: scale(1.05);opacity:1;}
	60%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
.bouncein_1{
	-webkit-animation: bouncein 2.5s ease 1 0s;
	animation: bouncein 2.5s ease 1 0s;
    opacity:1;
}
@-webkit-keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}

	30%{ -webkit-transform: scale(1.05);opacity:1;}
	60%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein{
	0%{ transform: scale(.3);opacity:0;}
   
	30%{transform: scale(1.05);opacity:1;}
	60%{ transform: scale(0.9);opacity:1;}
	100%{transform: scale(1);opacity:1;}
}
.bouncein_2{
	-webkit-animation: bouncein 3s ease 1 0s;
	animation: bouncein 3s ease 1 0s;
    opacity:1;
}
@-webkit-keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}
    30%{ -webkit-transform: scale(.3);opacity:0;}
	60%{ -webkit-transform: scale(1.05);opacity:1;}
	70%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein{
	0%{ transform: scale(.3);opacity:0;}
    30%{ transform: scale(.3);opacity:0;}
	60%{transform: scale(1.05);opacity:1;}
	70%{ transform: scale(0.9);opacity:1;}
	100%{transform: scale(1);opacity:1;}
}

.bouncein_3{
	-webkit-animation: bouncein 35s ease 1 0s;
	animation: bouncein 3.5s ease 1 0s;
    opacity:1;
}
@-webkit-keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}
    40%{ -webkit-transform: scale(.3);opacity:0;}
	70%{ -webkit-transform: scale(1.05);opacity:1;}
	80%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein{
	0%{ transform: scale(.3);opacity:0;}
    40%{ transform: scale(.3);opacity:0;}
	70%{transform: scale(1.05);opacity:1;}
	80%{ transform: scale(0.9);opacity:1;}
	100%{transform: scale(1);opacity:1;}
}
.bouncein_4{
	-webkit-animation: bouncein 4s ease 1 0s;
	animation: bouncein 4s ease 1 0s;
    opacity:1;
}
@-webkit-keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}
    70%{ -webkit-transform: scale(.3);opacity:0;}
	80%{ -webkit-transform: scale(1.05);opacity:1;}
	9%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein{
	0%{ transform: scale(.3);opacity:0;}
    70%{ transform: scale(.3);opacity:0;}
	80%{transform: scale(1.05);opacity:1;}
	90%{ transform: scale(0.9);opacity:1;}
	100%{transform: scale(1);opacity:1;}
}
.bouncein_5{
	-webkit-animation: bouncein 4.5s ease 1 0s;
	animation: bouncein 4.5s ease 1 0s;
    opacity:1;
}
@-webkit-keyframes bouncein{
	0%{ -webkit-transform: scale(.3);opacity:0;}
    80%{ -webkit-transform: scale(.3);opacity:0;}
	90%{ -webkit-transform: scale(1.05);opacity:1;}
	95%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein{
	0%{ transform: scale(.3);opacity:0;}
    80%{ transform: scale(.3);opacity:0;}
	92%{transform: scale(1.05);opacity:1;}
	98%{ transform: scale(0.9);opacity:1;}
	100%{transform: scale(1);opacity:1;}
}
 /* 上下摇摆*/
.bounce{
	-webkit-animation: bounce 8s forwards ease infinite 3.5s;
	-moz-animation: bounce 8s forwards ease infinite 3.5s;
	-o-animation: bounce 8s forwards ease infinite 3.5s;
	-ms-animation: bounce 8s forwards ease infinite 3.5s;
	animation: bounce 8s forwards ease infinite 3.5s;

}
@-webkit-keyframes bounce{
	0%{-webkit-transform:translate(0px,0px);opacity:1;}
    50%,100%{-webkit-transform:translate(0px,0px);opacity:1;}
	25%,75%{-webkit-transform:translate(0px,-90px);opacity:1;}
}
@-moz-keyframes bounce{
	0%{-webkit-transform:translate(0px,0px);opacity:1;}
    50%,100%{-moz-transform:translate(0px,0px);opacity:1;}
	25%,75%{-moz-transform:translate(0px,-90px);opacity:1;}
}
@-o-keyframes bounce{
	0%{-webkit-transform:translate(0px,0px);opacity:1;}
    50%,100%{-o-transform:translate(0px,0px);opacity:1;}
	25%,75%{-o-transform:translate(0px,-90px);opacity:1;}
}
@-ms-keyframes bounce{
	0%{-webkit-transform:translate(0px,0px);opacity:1;}
    50%,100%{-ms-transform:translate(0px,0px);opacity:1;}
	25%,75%{-ms-transform:translate(0px,-90px);opacity:1;}
}
@keyframes bounce{
	0%{-webkit-transform:translate(0px,0px);opacity:1;}
    50%,100%{transform:translate(0px,0px);opacity:1;}
	25%,75%{transform:translate(0px,-90px);opacity:1;}
}

/* page4*/
.bouncein_p4{
	-webkit-animation: bouncein_p4 2s forwards ease 1 0.5s;
-moz-animation: bouncein_p4 2s forwards ease 1 0.5s;
	animation: bouncein_p4 2s forwards ease 1 0.5s;
    opacity:0;
}
@-webkit-keyframes bouncein_p4{
	0%{ -webkit-transform: scale(.3);opacity:0;}  
	5%{ -webkit-transform: scale(1.05);opacity:1;}
	60%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
@keyframes bouncein_p4{
	0%{ -webkit-transform: scale(.3);opacity:0;}  
	5%{ -webkit-transform: scale(1.05);opacity:1;}
	60%{ -webkit-transform: scale(0.9);opacity:1;}
	100%{ -webkit-transform: scale(1);opacity:1;}
}
/* 白线淡入 */
.up_down_1{
	-webkit-animation: up_down_1 1s ease forwards 1 2s;
	-moz-animation: up_down_1 1s ease forwards 1 2s;
	animation: up_down_1 1s ease forwards 1 2s;
}
@-webkit-keyframes up_down_1{
	0%{  opacity:0;}
	100%{  opacity: 1;}

}
@keyframes up_down_1{
	0%{  opacity:0;}
100%{ opacity: 1;}
}
/* y轴 */
.yeasein{
	-webkit-animation: yeasein 1s forwards ease 1 3s;
	-moz-animation: yeasein 1s forwards ease 1 3s;
	-o-animation: yeasein 1s forwards ease 1 3s;
	-ms-animation: yeasein 1s forwards ease 1 3s;
	animation: yeasein 1s forwards ease 1 3s;

}
.yeasein_2{
	-webkit-animation: yeasein 1s forwards ease 1 3.5s;
	-moz-animation: yeasein 1s forwards ease 1 3.5s;
	-o-animation: yeasein 1s forwards ease 1 3.5s;
	-ms-animation: yeasein 1s forwards ease 1 3.5s;
	animation: yeasein 1s forwards ease 1 3.5s;
}
.yeasein_3{
	-webkit-animation: yeasein 1s forwards ease 1 4s;
	-moz-animation: yeasein 1s forwards ease 1 4s;
	-o-animation: yeasein 1s forwards ease 1 4s;
	-ms-animation: yeasein 1s forwards ease 1 4s;
	animation: yeasein 1s forwards ease 1 4s;
 
}
.yeasein_4{
	-webkit-animation: yeasein 1s forwards ease 1 4s;
	-moz-animation: yeasein 1s forwards ease 1 4s;
	-o-animation: yeasein 1s forwards ease 1 4s;
	-ms-animation: yeasein 1s forwards ease 1 4s;
	animation: yeasein 1s forwards ease 1 4s;
 
}
.yeasein_5{
	-webkit-animation: yeasein 1s forwards ease 1 3.5s;
	-moz-animation: yeasein 1s forwards ease 1 3.5s;
	-o-animation: yeasein 1s forwards ease 1 3.5s;
	-ms-animation: yeasein 1s forwards ease 1 3.5s;
	animation: yeasein 1s forwards ease 1 3.5s;
 
}
.yeasein_6{
	-webkit-animation: yeasein 1s forwards ease 1 3s;
	-moz-animation: yeasein 1s forwards ease 1 3s;
	-o-animation: yeasein 1s forwards ease 1 3s;
	-ms-animation: yeasein 1s forwards ease 1 3s;
	animation: yeasein 1s forwards ease 1 3s;

}
@-webkit-keyframes yeasein{
	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(0deg); opacity: 1;}
}
@-moz-keyframes yeasein{
	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(0deg); opacity: 1;}
}
@-o-keyframes yeasein{
	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(0deg); opacity: 1;}
}
@-ms-keyframes yeasein{
	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(0deg); opacity: 1;}
}
@keyframes yeasein {
    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(0deg); opacity: 1; }
}

/*.qiuqian{
	-webkit-animation: qiuqian 1s ease infinite;
	-moz-animation: qiuqian 1s ease infinite;
	-o-animation: qiuqian 1s ease infinite;
	-ms-animation: qiuqian 1s ease infinite;
	animation: qiuqian 1s ease infinite;
}
@-webkit-keyframes qiuqian{
	0%,100%{-webkit-transform: scale(1) rotate(0);}
	10%,30%{-webkit-transform:scale(0.9) rotate(3deg);}
	20%,40%,60%,80%{-webkit-transform: scale(1.1) rotate(-3deg);}
	50%,70%{-webkit-transform: scale(1.1) rotate(3deg);}
}
@-moz-keyframes qiuqian{
	0%,100%{-moz-transform:scale(1) rotate(0);}
	10%,30%{-moz-transform: scale(0.9) rotate(3deg);}
	20%,40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
	50%,70%{ -moz-transform:scale(1.1) rotate(3deg);}
}
@-o-keyframes qiuqian{
	0%,100%{-o-transform:scale(1) rotate(0);}
	10%,30%{-o-transform: scale(0.9) rotate(3deg);}
	20%,40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg);}
	50%,70%{ -o-transform:scale(1.1) rotate(3deg);}
}
@-ms-keyframes qiuqian{
	0%,100%{-ms-transform:scale(1) rotate(0);}
	10%,30%{-ms-transform: scale(0.9) rotate(3deg);}
	20%,40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
	50%,70%{ -ms-transform:scale(1.1) rotate(3deg);}
}
@keyframes qiuqian{
	0%,100%{transform:scale(1) rotate(0);}
	10%,30%{transform: scale(0.9) rotate(3deg);}
	20%,40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
	50%,70%{ transform:scale(1.1) rotate(3deg);}
}


.leftrightswing{ 
	-webkit-animation:leftrightswing 1s ease infinite;
	-moz-animation:leftrightswing 1s ease infinite;
	-o-animation:leftrightswing 1s ease infinite;
	-ms-animation:leftrightswing 1s ease infinite;
	animation:leftrightswing 1s ease infinite;
}
@-webkit-keyframes leftrightswing{
	-webkit-transform-origin:top center;
	0%,100%{ -webkit-transform: rotate(0);}
	20%{ transform:rotate(10deg);}
	40%{transform:rotate(-10deg);}
	60%{ -webkit-transform:rotate(20deg);}
	80%{ -webkit-transform:rotate(-20deg);}
	
}
@-moz-keyframes leftrightswing{
	-moz-transform-origin:top center;
	0%,100%{ -moz-transform: rotate(0);}
	20%{ transform:rotate(10deg);}
	40%{transform:rotate(-10deg);}
		60%{ -webkit-transform:rotate(20deg);}
	80%{ -webkit-transform:rotate(-20deg);}
	
}
@-o-keyframes leftrightswing{
	-o-transform-origin:top center;
	0%,100%{ -o-transform: rotate(0);}
	20%{ transform:rotate(10deg);}
	40%{transform:rotate(-10deg);}
	60%{ -webkit-transform:rotate(20deg);}
	80%{ -webkit-transform:rotate(-20deg);}
	
}
@-ms-keyframes leftrightswing{
	-ms-transform-origin:top center;
	0%,100%{ -ms-transform: rotate(0);}
	20%{ transform:rotate(10deg);}
	40%{transform:rotate(-10deg);}
	60%{ -webkit-transform:rotate(20deg);}
	80%{ -webkit-transform:rotate(-20deg);}
	
}
@keyframes leftrightswing{
	transform-origin:top center;
	0%,100%{ transform: rotate(0);}
	20%{ transform:rotate(10deg);}
	40%{transform:rotate(-10deg);}
	60%{ -webkit-transform:rotate(20deg);}
	80%{ -webkit-transform:rotate(-20deg);}
	
}
.crazyswing{
	-webkit-animation: crazyswing 1s ease infinite; 
	-moz-animation: crazyswing 1s ease infinite; 
	-o-animation: crazyswing 1s ease infinite; 
	-ms-animation: crazyswing 1s ease infinite; 
	animation: crazyswing 1s ease infinite; 
}
@-webkit-keyframes crazyswing{
	0%,100%{-webkit-transform:translate(0,0) rotate(0);}
	15%{-webkit-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -webkit-transform: translate(10%,0) rotate(3deg);}
	45%{ -webkit-transform: translate(-10%,0) rotate(-3deg);}
	60%{ -webkit-transform: translate(5%,0) rotate(2deg);}
	75%{ -webkit-transform: translate(-5%,0) rotate(-1deg);}
}
@-moz-keyframes crazyswing{
	0%,100%{ -moz-transform:translate(0.0) rotate(0);}
	15%{ -moz-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -moz-transform: translate(10%,0) rotate(3deg);}
	45%{ -moz-transform: translate(-10%,0) rotate(-3deg);}
	60%{-moz-transform: translate(5%,0) rotate(2deg);}
	75%{ -moz-transform: translate(-5%,0) rotate(-1deg);}
}
@-o-keyframes crazyswing{
	0%,100%{ -o-transform:translate(0.0) rotate(0);}
	15%{ -o-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -o-transform: translate(10%,0) rotate(3deg);}
	45%{ -o-transform: translate(-10%,0) rotate(-3deg);}
	60%{-o-transform: translate(5%,0) rotate(2deg);}
	75%{ -o-transform: translate(-5%,0) rotate(-1deg);}
}
@-ms-keyframes crazyswing{
	0%,100%{ -ms-transform:translate(0.0) rotate(0);}
	15%{ -ms-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -ms-transform: translate(10%,0) rotate(3deg);}
	45%{ -ms-transform: translate(-10%,0) rotate(-3deg);}
	60%{-ms-transform: translate(5%,0) rotate(2deg);}
	75%{ -ms-transform: translate(-5%,0) rotate(-1deg);}
}
@keyframes crazyswing{
	0%,100%{transform:translate(0.0) rotate(0);}
	15%{transform: translate(-15%,0) rotate(-5deg);}
	30%{transform: translate(10%,0) rotate(3deg);}
	45%{transform: translate(-10%,0) rotate(-3deg);}
	60%{transform: translate(5%,0) rotate(2deg);}
	75%{transform: translate(-5%,0) rotate(-1deg);}
}
.pulse{
	-webkit-animation: pulse 1s ease infinite;
	-moz-animation: pulse 1s ease infinite;
	-o-animation: pulse 1s ease infinite;
	-ms-animation: pulse 1s ease infinite;
	animation: pulse 1s ease infinite;
}
@-webkit-keyframes pulse{
	0%,100%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
}
@-moz-keyframes pulse{
	0%,100%{-moz-transform: scale(1);}
	50%{-moz-transform: scale(1.1);}
}
@-o-keyframes pulse{
	0%,100%{-o-transform: scale(1);}
	50%{-o-transform: scale(1.1);}
}
@-ms-keyframes pulse{
	0%,100%{-ms-transform: scale(1);}
	50%{-ms-transform: scale(1.1);}
}
@keyframes pulse{
	0%,100%{transform: scale(1);}
	50%{transform: scale(1.1);}
}

.bounce_lh{
	-webkit-animation: bounce_lh 1s ease infinite;
	-moz-animation: bounce_lh 1s ease infinite;
	-o-animation: bounce_lh 1s ease infinite;
	-ms-animation: bounce_lh 1s ease infinite;
	animation: bounce_lh 1s ease infinite;
}
@-webkit-keyframes bounce_lh{
	0%,50%,100%{-webkit-transform:translate(0px,0px);}
	25%,75%{-webkit-transform:translate(0px,-30px);}
}
@-moz-keyframes bounce_lh{
	0%,50%,100%{-moz-transform:translate(0px,0px);}
	25%,75%{-moz-transform:translate(0px,-30px);}
}
@-o-keyframes bounce_lh{
	0%,50%,100%{-o-transform:translate(0px,0px);}
	25%,75%{-o-transform:translate(0px,-30px);}
}
@-ms-keyframes bounce_lh{
	0%,50%,100%{-ms-transform:translate(0px,0px);}
	25%,75%{-ms-transform:translate(0px,-30px);}
}
@keyframes bounce_lh {
    0%,50%,100% { transform: translate(0px,0px); }
    25%,75% { transform: translate(0px,-30px); }
}*/

















