/*动画库*/
.ani-time03 {
  animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
}
.ani-time05 {
  animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
}
.ani-time07 {
  animation-duration: 0.7s;
  -ms-animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  -o-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
}
.ani-time09 {
  animation-duration: 0.9s;
  -ms-animation-duration: 0.9s;
  -webkit-animation-duration: 0.9s;
  -o-animation-duration: 0.9s;
  -moz-animation-duration: 0.9s;
}
.ani-time1 {
  animation-duration: 1s;
  -ms-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
}
.ani-time13 {
  animation-duration: 1.3s;
  -ms-animation-duration: 1.3s;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
}
.ani-time15 {
  animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
}
.ani-time17 {
  animation-duration: 1.7s;
  -ms-animation-duration: 1.7s;
  -webkit-animation-duration: 1.7s;
  -o-animation-duration: 1.7s;
  -moz-animation-duration: 1.7s;
}
.ani-time19 {
  animation-duration: 1.9s;
  -ms-animation-duration: 1.9s;
  -webkit-animation-duration: 1.9s;
  -o-animation-duration: 1.9s;
  -moz-animation-duration: 1.9s;
}
.ani-time2 {
  animation-duration: 2s;
  -ms-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
  -moz-animation-duration: 2s;
}
.ani-time23 {
  animation-duration: 2.3s;
  -ms-animation-duration: 2.3s;
  -webkit-animation-duration: 2.3s;
  -o-animation-duration: 2.3s;
  -moz-animation-duration: 2.3s;
}
.ani-time25 {
  animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
}
.ani-time27 {
  animation-duration: 2.7s;
  -ms-animation-duration: 2.7s;
  -webkit-animation-duration: 2.7s;
  -o-animation-duration: 2.7s;
  -moz-animation-duration: 2.7s;
}
.ani-time29 {
  animation-duration: 2.9s;
  -ms-animation-duration: 2.9s;
  -webkit-animation-duration: 2.9s;
  -o-animation-duration: 2.9s;
  -moz-animation-duration: 2.9s;
}
.ani-time3 {
  animation-duration: 3s;
  -ms-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -o-animation-duration: 3s;
  -moz-animation-duration: 3s;
}
.ani-time35 {
  animation-duration: 3.5s;
  -ms-animation-duration: 3.5s;
  -webkit-animation-duration: 3.5s;
  -o-animation-duration: 3.5s;
  -moz-animation-duration: 3.5s;
}
.ani-time37 {
  animation-duration: 3.7s;
  -ms-animation-duration: 3.7s;
  -webkit-animation-duration: 3.7s;
  -o-animation-duration: 3.7s;
  -moz-animation-duration: 3.7s;
}
.ani-time39 {
  animation-duration: 3.9s;
  -ms-animation-duration: 3.9s;
  -webkit-animation-duration: 3.9s;
  -o-animation-duration: 3.9s;
  -moz-animation-duration: 3.9s;
}
.ani-time4 {
  animation-duration: 4s;
  -ms-animation-duration: 4s;
  -webkit-animation-duration: 4s;
  -o-animation-duration: 4s;
  -moz-animation-duration: 4s;
}
.ani-time43 {
  animation-duration: 4.3s;
  -ms-animation-duration: 4.3s;
  -webkit-animation-duration: 4.3s;
  -o-animation-duration: 4.3s;
  -moz-animation-duration: 4.3s;
}
.ani-time45 {
  animation-duration: 4.5s;
  -ms-animation-duration: 4.5s;
  -webkit-animation-duration: 4.5s;
  -o-animation-duration: 4.5s;
  -moz-animation-duration: 4.5s;
}
.ani-time47 {
  animation-duration: 4.9s;
  -ms-animation-duration: 4.9s;
  -webkit-animation-duration: 4.9s;
  -o-animation-duration: 4.9s;
  -moz-animation-duration: 4.9s;
}
.ani-time100 {
  animation-duration: 10s;
  -ms-animation-duration: 10s;
  -webkit-animation-duration: 10s;
  -o-animation-duration: 10s;
  -moz-animation-duration: 10s;
}
/*延迟播放*/
.ani-delay03 {
  animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.ani-delay04 {
  animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.ani-delay05 {
  animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.ani-delay06 {
  animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.ani-delay07 {
  animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
.ani-delay08 {
  animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.ani-delay09 {
  animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.ani-delay1 {
  animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.ani-delay11 {
  animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
.ani-delay12 {
  animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.ani-delay13 {
  animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
.ani-delay14 {
  animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  -ms-animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.ani-delay15 {
  animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
.ani-delay16 {
  animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
.ani-delay17 {
  animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  -ms-animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}
.ani-delay18 {
  animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -o-animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.ani-delay19 {
  animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -o-animation-delay: 1.9s;
  -ms-animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
}
.ani-delay2 {
  animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
.ani-delay21 {
  animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  -o-animation-delay: 2.1s;
  -ms-animation-delay: 2.1s;
  -webkit-animation-delay: 2.1s;
}
.ani-delay22 {
  animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -o-animation-delay: 2.2s;
  -ms-animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
}
.ani-delay23 {
  animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -o-animation-delay: 2.3s;
  -ms-animation-delay: 2.3s;
  -webkit-animation-delay: 2.3s;
}
.ani-delay24 {
  animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -o-animation-delay: 2.4s;
  -ms-animation-delay: 2.4s;
  -webkit-animation-delay: 2.4s;
}
.ani-delay25 {
  animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.ani-delay26 {
  animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -o-animation-delay: 2.6s;
  -ms-animation-delay: 2.6s;
  -webkit-animation-delay: 2.6s;
}
.ani-delay27 {
  animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  -o-animation-delay: 2.7s;
  -ms-animation-delay: 2.7s;
  -webkit-animation-delay: 2.7s;
}
.ani-delay28 {
  animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  -o-animation-delay: 2.8s;
  -ms-animation-delay: 2.8s;
  -webkit-animation-delay: 2.8s;
}
.ani-delay29 {
  animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  -o-animation-delay: 2.9s;
  -ms-animation-delay: 2.9s;
  -webkit-animation-delay: 2.9s;
}
.ani-delay3 {
  animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -webkit-animation-delay: 3s;
}
.ani-delay4 {
  animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  -ms-animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
/*常用配置*/
/*永久播放+反向+匀速，不配置就一次*/
.ani-yjfx {
  /*永久播放*/
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  /*动画曲线*/
  animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  /*反向播放*/
  animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -ms-animation-direction: alternate;
}
/*永久播放+匀速*/
.ani-yj {
  /*永久播放*/
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  /*动画曲线*/
  animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
/*动画效果*/
/*从上往下渐显*/
.tbShow {
  animation-name: tbShow;
  -moz-animation-name: tbShow;
  -o-animation-name: tbShow;
  -ms-animation-name: tbShow;
  -webkit-animation-name: tbShow;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes tbShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -50%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
  }
}
@-moz-keyframes tbShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(0, -50%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: translate(0, 0);
  }
}
@-o-keyframes tbShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translate(0, -50%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes tbShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translate(0, -50%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translate(0, 0);
  }
}
@keyframes tbShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -50%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
  }
}
/*从下往上渐显*/
.btShow {
  animation-name: btShow;
  -moz-animation-name: btShow;
  -o-animation-name: btShow;
  -ms-animation-name: btShow;
  -webkit-animation-name: btShow;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes btShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 40%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
  }
}
@-moz-keyframes btShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(0, 40%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: translate(0, 0);
  }
}
@-o-keyframes btShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translate(0, 40%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes btShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translate(0, 40%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translate(0, 0);
  }
}
@keyframes btShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, 40%);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
  }
}
/*从左往右渐显*/
.lrShow {
  animation-name: lrShow;
  -moz-animation-name: lrShow;
  -o-animation-name: lrShow;
  -ms-animation-name: lrShow;
  -webkit-animation-name: lrShow;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes lrShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-10%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
  }
}
@-moz-keyframes lrShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(-10%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: translate(0, 0);
  }
}
@-o-keyframes lrShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translate(-10%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes lrShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translate(-10%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translate(0, 0);
  }
}
@keyframes lrShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-10%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
  }
}
/*从右往左渐显*/
.rlShow {
  animation-name: rlShow;
  -moz-animation-name: rlShow;
  -o-animation-name: rlShow;
  -ms-animation-name: rlShow;
  -webkit-animation-name: rlShow;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes rlShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(500%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
  }
}
@-moz-keyframes rlShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(500%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: translate(0, 0);
  }
}
@-o-keyframes rlShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translate(500%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes rlShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translate(500%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translate(0, 0);
  }
}
@keyframes rlShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(500%, 0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0);
  }
}
/*闪烁*/
.shanshuo {
  animation-name: shanshuo;
  -moz-animation-name: shanshuo;
  -o-animation-name: shanshuo;
  -ms-animation-name: shanshuo;
  -webkit-animation-name: shanshuo;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes shanshuo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes shanshuo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes shanshuo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes shanshuo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes shanshuo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/*由小变大*/
.bianda {
  animation-name: bianda;
  -moz-animation-name: bianda;
  -o-animation-name: bianda;
  -ms-animation-name: bianda;
  -webkit-animation-name: bianda;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes bianda {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bianda {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-o-keyframes bianda {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes bianda {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes bianda {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/*上下*/
.shangxia {
  animation-name: shangxia;
  -moz-animation-name: shangxia;
  -o-animation-name: shangxia;
  -ms-animation-name: shangxia;
  -webkit-animation-name: shangxia;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes shangxia {
  0% {
    -webkit-transform: translate(0, 0%);
  }
  100% {
    -webkit-transform: translate(0, -20%);
  }
}
@-moz-keyframes shangxia {
  0% {
    -moz-transform: translate(0, 0%);
  }
  100% {
    -moz-transform: translate(0, -20%);
  }
}
@-o-keyframes shangxia {
  0% {
    -o-transform: translate(0, 0%);
  }
  100% {
    -o-transform: translate(0, -20%);
  }
}
@-ms-keyframes shangxia {
  0% {
    -ms-transform: translate(0, 0%);
  }
  100% {
    -ms-transform: translate(0, -20%);
  }
}
@keyframes shangxia {
  0% {
    transform: translate(0, 0%);
  }
  100% {
    transform: translate(0, -20%);
  }
}
/*顺时针转圈*/
.zhuanquan {
  animation-name: zhuanquan;
  -moz-animation-name: zhuanquan;
  -o-animation-name: zhuanquan;
  -ms-animation-name: zhuanquan;
  -webkit-animation-name: zhuanquan;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes zhuanquan {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes zhuanquan {
  0% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes zhuanquan {
  0% {
    -o-transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes zhuanquan {
  0% {
    -ms-transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@keyframes zhuanquan {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*逆时针转圈*/
.zhuanquan-ni {
  animation-name: zhuanquan-ni;
  -moz-animation-name: zhuanquan-ni;
  -o-animation-name: zhuanquan-ni;
  -ms-animation-name: zhuanquan-ni;
  -webkit-animation-name: zhuanquan-ni;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes zhuanquan-ni {
  0% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes zhuanquan-ni {
  0% {
    -moz-transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes zhuanquan-ni {
  0% {
    -o-transform: rotate(360deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@-ms-keyframes zhuanquan-ni {
  0% {
    -ms-transform: rotate(360deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}
@keyframes zhuanquan-ni {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}