@keyframes scaleanimation{ 0%{ transform:scale(0.9)} 50%{transform:scale(1)} 100%{transform:scale(0.9)}}
@keyframes rotateanimation{ 0%{ transform:rotate(-5deg)} 50%{transform:rotate(5deg)} 100%{transform:rotate(-5deg)}}
@keyframes transverseanimation{ 0%{ left:-.1rem} 50%{left:.1rem} 100%{left:-.1rem}}
@keyframes verticalanimation{ 0%{ top:-.1rem} 50%{top:0rem} 100%{top:-.1rem}}
@keyframes rotateleftoriginanimation{0%{ transform:rotate(-2deg); transform-origin: left bottom;}50%{transform:rotate(2deg); transform-origin: left bottom;} 100%{transform:rotate(-2deg);transform-origin: left bottom;}}
@keyframes rotaterightoriginanimation{0%{ transform:rotate(-2deg) ; transform-origin: right bottom;}50%{transform:rotate(2deg); transform-origin: right bottom;}100%{transform:rotate(-2deg);transform-origin: right bottom;}}
@-webkit-keyframes scaleanimation{ 0%{ transform:scale(0.9)} 50%{transform:scale(1)} 100%{transform:scale(0.9)}}
@-webkit-keyframes rotateanimation{ 0%{ transform:rotate(-5deg)} 50%{transform:rotate(5deg)} 100%{transform:rotate(-5deg)}}
@-webkit-keyframes transverseanimation{ 0%{ left:-.1rem} 50%{left:.1rem} 100%{left:-.1rem}}
@-webkit-keyframes verticalanimation{ 0%{ top:-.1rem} 50%{top:0rem} 100%{top:-.1rem}}
@-webkit-keyframes rotateleftoriginanimation{0%{ transform:rotate(-2deg); transform-origin: left bottom;}50%{transform:rotate(2deg); transform-origin: left bottom;} 100%{transform:rotate(-2deg);transform-origin: left bottom;}}
@-webkit-keyframes rotaterightoriginanimation{0%{ transform:rotate(-2deg) ; transform-origin: right bottom;}50%{transform:rotate(2deg); transform-origin: right bottom;}100%{transform:rotate(-2deg);transform-origin: right bottom;}}

@keyframes rotate{from{transform: rotate(0deg)} to{transform: rotate(359deg)}}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)} to{-webkit-transform: rotate(360deg)}}
@-webkit-keyframes shanshuo2{0%{opacity:1} 50%{opacity:0.4} 100%{opacity:1;}}
@keyframes shanshuo2{0%{opacity:1} 50%{opacity:0.4} 100%{opacity:1}}
@keyframes mymove{0%{transform:scale(.9)}25%{transform:scale(1)}50%{transform:scale(.9)}75%{transform:scale(1)}100%{transform:scale(.9)}}
@-webkit-keyframes mymove{0%{transform:scale(.9)}25%{transform:scale(1)}50%{transform:scale(.9)}75%{transform:scale(1)}100%{transform:scale(.9)}}
@keyframes leftoright {0% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-10deg);}}
@-webkit-keyframes leftoright {0% { -webkit-transform: rotate(-10deg); } 50% { -webkit-transform: rotate(10deg); } 100% { -webkit-transform: rotate(-10deg);}}
@keyframes leftoright2 {0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg);}}
@-webkit-keyframes leftoright2 {0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg);}}

@-webkit-keyframes jump{0%{transform:translate(0);-webkit-transform:translate(0)}
50%{transform:translateY(-10px);-webkit-transform:translateY(-25px)}
to{transform:translate(0);-webkit-transform:translate(0)}
}
@keyframes jump{0%{transform:translate(0);-webkit-transform:translate(0)}
50%{transform:translateY(-10px);-webkit-transform:translateY(-25px)}
to{transform:translate(0);-webkit-transform:translate(0)}
}
@-webkit-keyframes jump_light{0%{transform:translate(0);-webkit-transform:translate(0)}
50%{transform:translateY(-5px);-webkit-transform:translateY(-13px)}
to{transform:translate(0);-webkit-transform:translate(0)}
}
@keyframes jump_light{0%{transform:translate(0);-webkit-transform:translate(0)}
50%{transform:translateY(-5px);-webkit-transform:translateY(-13px)}
to{transform:translate(0);-webkit-transform:translate(0)}
}
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-.4rem,0);transform:translate3d(0,-.4rem,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-.25rem,0);transform:translate3d(0,-.25rem,0)}
90%{-webkit-transform:translate3d(0,-.08rem,0);transform:translate3d(0,-.08rem,0)}
}
@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-.4rem,0);transform:translate3d(0,-.4rem,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-.25rem,0);transform:translate3d(0,-.25rem,0)}
90%{-webkit-transform:translate3d(0,-.08rem,0);transform:translate3d(0,-.08rem,0)}
}
@-webkit-keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
@-moz-keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
@-ms-keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
@-webkit-keyframes shake{0%,to{-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%,to{-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%,to{-ms-transform:translateX(0)}
10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}
20%,40%,60%,80%{-ms-transform:translateX(10px)}
}
@keyframes shake{0%,to{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)}
to{-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)}
to{-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)}
to{-ms-transform:rotate(0)}
}
@keyframes swing{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
to{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)}
to{-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)}
to{-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)}
to{-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)}
to{transform:translateX(0)}
}
@-webkit-keyframes ring{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
to{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes ring{0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
to{-moz-transform:scale(1) rotate(0)}
}
@-ms-keyframes ring{0%{-ms-transform:scale(1)}
10%,20%{-ms-transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}
to{-ms-transform:scale(1) rotate(0)}
}
@keyframes ring{0%{transform:scale(1)}
10%,20%{transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
to{transform:scale(1) rotate(0)}
}
@-webkit-keyframes lightrotate{50%{border-radius:45%/42% 38% 58% 49%}
to{transform:translate(-50%,-50%) rotate(2turn)}
}
@keyframes lightrotate{50%{border-radius:45%/42% 38% 58% 49%}
to{transform:translate(-50%,-50%) rotate(2turn)}
}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}