/*数字跳动*/
@keyframes num {
    0% {transform:translateY(0);}
    50% {transform:translateY(-30%);}
    100% {transform:translateY(0);}
}
@-webkit-keyframes num {
    0% {-webkit-transform:translateY(0);}
    50% {-webkit-transform:translateY(-30%);}
    100% {-webkit-transform:translateY(0);}
}
@-moz-keyframes num {
    0% {-moz-transform:translateY(0);}
    50% {-moz-transform:translateY(-30%);}
    100% {-moz-transform:translateY(0);}
}

/*变大渐隐*/
@keyframes small {
    0% {transform:scale(1); opacity:1;}
    100% {transform:scale(0); opacity:0;}
}
@-webkit-keyframes small {
    0% {-webkit-transform:scale(1); opacity:1;}
    100% {-webkit-transform:scale(0); opacity:0;}
}
@-moz-keyframes small {
    0% {-moz-transform:scale(1); opacity:1;}
    100% {-moz-transform:scale(0); opacity:0;}
}

/*渐现左滑*/
@keyframes opacity_left{
   0%{ transform:translate3d(100%,0,0); opacity:0;}
    100%{ transform:translate3d(0,0,0); opacity:1;}
}
@-webkit-keyframes opacity_left{
   0%{ -webkit-transform:translate3d(100%,0,0); opacity:0;}
    100%{ -webkit-transform:translate3d(0,0,0); opacity:1;}
}
@-moz-keyframes opacity_left{
   0%{ -moz-transform:translate3d(100%,0,0); opacity:0;}
    100%{ -moz-transform:translate3d(0,0,0); opacity:1;}
}

/*渐现右滑*/
@keyframes opacity_right{
   0%{ transform:translate3d(-100%,0,0); opacity:0;}
    100%{ transform:translate3d(0,0,0); opacity:1;}
}
@-webkit-keyframes opacity_right{
   0%{ -webkit-transform:translate3d(-100%,0,0); opacity:0;}
    100%{ -webkit-transform:translate3d(0,0,0); opacity:1;}
}
@-moz-keyframes opacity_right{
   0%{ -moz-transform:translate3d(-100%,0,0); opacity:0;}
    100%{ -moz-transform:translate3d(0,0,0); opacity:1;}
}

/*放大*/
@keyframes blow{
   0%{ transform:scale(0); opacity:1;}
    100%{ transform:scale(1); opacity:1;}
}
@-webkit-keyframes blow{
   0%{ -webkit-transform:scale(0); opacity:1;}
	100%{ -webkit-transform:scale(1); opacity:1;}
}
@-moz-keyframes blow{
   0%{ -moz-transform:scale(0); opacity:1;}
	100%{ -moz-transform:scale(1); opacity:1;}
}

/*画圆*/
@keyframes circle1 {
    100% {clip:rect(0,300px,116px,140px);}
}
@-webkit-keyframes circle1 {
    100% {clip:rect(0,300px,116px,140px);}
}
@-moz-keyframes circle1 {
    100% {clip:rect(0,300px,116px,140px);}
}

@keyframes circle2 {
    100% {clip:rect(116px,300px,300px,150px);}
}
@-webkit-keyframes circle2 {
    100% {clip:rect(116px,300px,300px,150px);}
}
@-moz-keyframes circle2 {
    100% {clip:rect(116px,300px,300px,150px);}
}

@keyframes circle3 {
    100% {clip:rect(0,150px,300px,0);}
}
@-webkit-keyframes circle3 {
    100% {clip:rect(0,150px,300px,0);}
}
@-moz-keyframes circle3 {
    100% {clip:rect(0,150px,300px,0);}
}

/*渐现*/
@keyframes opcity{
   0%{ opacity:0;}
   100%{ opacity:1;}
}
@-webkit-keyframes opcity{
   0%{opacity:0;}
   100%{ opacity:1;}
}
@-moz-keyframes opcity{
   0%{  opacity:0;}
   100%{ opacity:1;}
}