@charset "utf-8";
/* 180度旋转 */
@-webkit-keyframes rotating{
	0%  {-webkit-transform:rotate(0deg)}
	100% {-webkit-transform:rotate(180deg)}
}
@-moz-keyframes rotating{
	0%  {-webkit-transform:rotate(0deg)}
	100% {-webkit-transform:rotate(180deg)}
}
@-o-keyframes rotating{
	0%  {-webkit-transform:rotate(0deg)}
	100% {-webkit-transform:rotate(180deg)}
}
@keyframes rotating{
	0%  {-webkit-transform:rotate(0deg)}
	100% {-webkit-transform:rotate(180deg)}
}
/* 角度360度旋转 */
@-webkit-keyframes sun{
	0%  {-webkit-transform:rotate(0deg)}
	50% {-webkit-transform:rotate(180deg)}
	100% {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes sun{
	0%  {-webkit-transform:rotate(0deg)}
	50% {-webkit-transform:rotate(180deg)}
	100% {-webkit-transform:rotate(360deg)}
}
@-o-keyframes sun{
	0%  {-webkit-transform:rotate(0deg)}
	50% {-webkit-transform:rotate(180deg)}
	100% {-webkit-transform:rotate(360deg)}
}
@keyframes sun{
	0%  {-webkit-transform:rotate(0deg)}
	50% {-webkit-transform:rotate(180deg)}
	100% {-webkit-transform:rotate(360deg)}
}
/* 左移动 */
@-webkit-keyframes left{
	0%{left:80px;}
	100%{left:120px;} 
}
@-moz-keyframes left{
	0%{left:80px;}
	100%{left:120px;} 
}
@-o-keyframes left{
	0%{left:80px;}
	100%{left:120px;} 
}
@keyframes left{
	0%{left:80px;}
	100%{left:120px;} 
}
/* 箭头移动 */
@-webkit-keyframes leftarrow{
	0%{opacity:0;left:20px;}
	50%{opacity:.5;left:9px;} 
	100%{opacity:1;left:0;} 
}
@-moz-keyframes left{
	0%{opacity:0;left:20px;}
	50%{opacity:.5;left:9px;} 
	100%{opacity:1;left:0;} 
}
@-o-keyframes left{
	0%{opacity:0;left:20px;}
	50%{opacity:.5;left:9px;} 
	100%{opacity:1;left:0;} 
}
@keyframes left{
	0%{opacity:0;left:20px;}
	50%{opacity:.5;left:9px;} 
	100%{opacity:1;left:0;} 
}
/* top and scale*/
@-webkit-keyframes topscale20{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:20px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:0;} 
}
@-moz-keyframes topscale20{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:20px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:0;} 
}
@-o-keyframes topscale20{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:20px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:0;} 
}
@keyframes topscale20{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:20px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:0;} 
}
@-webkit-keyframes topscale36{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:46px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:36px;} 
}
@-moz-keyframes topscale36{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:46px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:36px;} 
}
@-o-keyframes topscale36{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:46px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:36px;} 
}
@keyframes topscale36{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:46px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:36px;} 
}

@-webkit-keyframes topscale52{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:72px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:52px;} 
}
@-moz-keyframes topscale52{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:72px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:52px;} 
}
@-o-keyframes topscale52{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:72px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:52px;} 
}
@keyframes topscale52{
	0%{opacity:0; -webkit-transform:scale(.8,.8); top:72px;}
	100%{opacity:1; -webkit-transform:scale(1,1);top:52px;} 
}

/* right30 */
@-webkit-keyframes right30{
	0%{opacity:0;right:0;} 
	50%{opacity:1;right:60px;} 
	100%{opacity:1;right:30px;} 
}
@-moz-keyframes right30{
	0%{opacity:0;right:0;} 
	50%{opacity:1;right:60px;} 
	100%{opacity:1;right:30px;} 
}
@-o-keyframes right30{
	0%{opacity:0;right:0;} 
	100%{opacity:1;right:30px;} 
}
@keyframes right30{
	0%{opacity:0;right:0;} 
	50%{opacity:1;right:60px;} 
	100%{opacity:1;right:30px;} 
}
/* left30 */
@-webkit-keyframes left30{
	0%{opacity:0;left:0;} 
	50%{opacity:1;left:60px;} 
	100%{opacity:1;left:30px;} 
}
@-moz-keyframes left30{
	0%{opacity:0;left:0;} 
	50%{opacity:1;left:60px;} 
	100%{opacity:1;left:30px;} 
}
@-o-keyframes left30{
	0%{opacity:0;left:0;} 
	100%{opacity:1;left:30px;} 
}
@keyframes left30{
	0%{opacity:0;left:0;} 
	50%{opacity:1;left:60px;} 
	100%{opacity:1;left:30px;} 
}

/* 上移动 */
@-webkit-keyframes margintop{
	0%{opacity:0;margin-top:-10px;} 
	100%{opacity:1;margin-top:0;} 
}
@-moz-keyframes margintop{
	0%{opacity:0;margin-top:-10px;} 
	100%{opacity:1;margin-top:0;} 
}
@-o-keyframes margintop{
	0%{opacity:0;margin-top:-10px;} 
	100%{opacity:1;margin-top:0;} 
}
@keyframes margintop{
	0%{opacity:0;margin-top:-10px;} 
	100%{opacity:1;margin-top:0;} 
}
/* 下移动 */
@-webkit-keyframes marginbottom{
	0%{opacity:0;margin-bottom:-10px;} 
	100%{opacity:1;margin-bottom:0;} 
}
@-moz-keyframes marginbottom{
	0%{opacity:0;margin-bottom:-10px;} 
	100%{opacity:1;margin-bottom:0;} 
}
@-o-keyframes marginbottom{
	0%{opacity:0;margin-bottom:-10px;} 
	100%{opacity:1;margin-bottom:0;} 
}
@keyframes marginbottom{
	0%{opacity:0;margin-bottom:-10px;} 
	100%{opacity:1;margin-bottom:0;} 
}
/* 从小变大 */
@-webkit-keyframes scale{
	0%{opacity:0;-webkit-transform:scale(.5,.5);} 
	100%{opacity:1;-webkit-transform:scale(1,1);} 
}
@-moz-keyframes scale{
	0%{opacity:0;-webkit-transform:scale(.5,.5);} 
	100%{opacity:1;-webkit-transform:scale(1,1);} 
}
@-o-keyframes scale{
	0%{opacity:0;-webkit-transform:scale(.5,.5);} 
	100%{opacity:1;-webkit-transform:scale(1,1);} 
}
@keyframes scale{
	0%{opacity:0;-webkit-transform:scale(.5,.5);} 
	100%{opacity:1;-webkit-transform:scale(1,1);} 
}
/* 左右移动 */
@-webkit-keyframes leftright{
	0%  {-webkit-transform:translate(0px);}
	50% {-webkit-transform:translate(-5px);}
	100% {-webkit-transform:translate(0x);}
}
@-moz-keyframes leftright{
	0%  {-webkit-transform:translate(0px);}
	50% {-webkit-transform:translate(-5px);}
	100% {-webkit-transform:translate(0x);}
}
@-o-keyframes leftright{
	0%  {-webkit-transform:translate(0px);}
	50% {-webkit-transform:translate(-5px);}
	100% {-webkit-transform:translate(0x);}
}
@keyframes leftright{
	0%  {-webkit-transform:translate(0px);}
	50% {-webkit-transform:translate(-5px);}
	100% {-webkit-transform:translate(0);}
}
/* 下上移动 */
@-webkit-keyframes opacity{
	0%  {opacity:0}
	50% {opacity:1}
	100% {opacity:.3}
}
@-moz-keyframes opacity{
	0%  {opacity:0}
	100% {opacity:.3}
}
@-o-keyframes opacity{
	0%  {opacity:0}
	100% {opacity:.3}
}
@keyframes opacity{
	0%  {opacity:0}
	100% {opacity:.3}
}

/*top-20*/
@-webkit-keyframes topscale-20{
	0%{opacity:1; -webkit-transform:scale(.8,.8); top:0;}
	100%{opacity:0; -webkit-transform:scale(2,2);top:-44px;} 
}


@-webkit-keyframes moveFromTop {
	from {
		-webkit-transform: translateY(-300%);
	}
	to {
		-webkit-transform: translateY(0%);
	}
}
@-moz-keyframes moveFromTop {
	from {
		-moz-transform: translateY(-300%);
	}
	to {
		-moz-transform: translateY(0%);
	}
}
@-ms-keyframes moveFromTop {
	from {
		-ms-transform: translateY(-300%);
	}
	to {
		-ms-transform: translateY(0%);
	}
}
@-webkit-keyframes moveFromBottom {
	from {
			-webkit-transform: translateY(200%);
	}
	to {
			-webkit-transform: translateY(0%);
	}
}
@-moz-keyframes moveFromBottom {
	from {
		-moz-transform: translateY(200%);
	}
	to {
		-moz-transform: translateY(0%);
	}
}
@-ms-keyframes moveFromBottom {
	from {
		-ms-transform: translateY(200%);
	}
	to {
		-ms-transform: translateY(0%);
	}
}