@charset "UTF-8";
/*动画延时*/
.delay01 {
  -webkit-animation-delay: 0.1s;
}
.delay02 {
  -webkit-animation-delay: 0.2s;
}
.delay03 {
  -webkit-animation-delay: 0.3s;
}
.delay04 {
  -webkit-animation-delay: 0.4s;
}
.delay05 {
  -webkit-animation-delay: 0.5s;
}
.delay06 {
  -webkit-animation-delay: 0.6s;
}
.delay07 {
  -webkit-animation-delay: 0.7s;
}
.delay08 {
  -webkit-animation-delay: 0.8s;
}
.delay09 {
  -webkit-animation-delay: 0.9s;
}
.delay10 {
  -webkit-animation-delay: 1s;
}
.delay11 {
  -webkit-animation-delay: 1.1s;
}
.delay12 {
  -webkit-animation-delay: 1.2s;
}
.delay13 {
  -webkit-animation-delay: 1.3s;
}
.delay14 {
  -webkit-animation-delay: 1.4s;
}

.animated {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/*动画延时*/
.delay04 {
  -webkit-animation-delay: 0.4s;
}
.delay05 {
  -webkit-animation-delay: 0.5s;
}
.delay06 {
  -webkit-animation-delay: 0.6s;
}
.delay07 {
  -webkit-animation-delay: 0.7s;
}
.delay08 {
  -webkit-animation-delay: 0.8s;
}
.delay09 {
  -webkit-animation-delay: 0.9s;
}
.delay10 {
  -webkit-animation-delay: 1s;
}
.delay11 {
  -webkit-animation-delay: 1.1s;
}
.delay12 {
  -webkit-animation-delay: 1.2s;
}
.delay13 {
  -webkit-animation-delay: 1.3s;
}
.delay14 {
  -webkit-animation-delay: 1.4s;
}
/*放大20%*/
@-webkit-keyframes fadeInFd3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInFd3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInFd3 {
  -webkit-animation-name: fadeInFd3;
  animation-name: fadeInFd3;
}
/*放大20%*/
@-webkit-keyframes fadeInFd50 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInFd50 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInFd50 {
  -webkit-animation-name: fadeInFd50;
  animation-name: fadeInFd50;
}
/*缩小50%*/
@-webkit-keyframes fadeInSx {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInSx {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInSx {
  -webkit-animation-name: fadeInSx;
  animation-name: fadeInSx;
}
/*向下移动10%*/
@-webkit-keyframes fadeInDown10 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown10 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown10 {
  -webkit-animation-name: fadeInDown10;
  animation-name: fadeInDown10;
}
/*向上移动20%*/
/*向下移动20%*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*向上移动20%*/

/*向下移动100%*/
@-webkit-keyframes fadeInDown100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown100 {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown100;
}
/*向上移动100%*/

/*向下移动5%*/
@-webkit-keyframes fadeInDown5 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown5 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown5 {
  -webkit-animation-name: fadeInDown5;
  animation-name: fadeInDown5;
}
/*向上移动100%*/
@-webkit-keyframes fadeInUP100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUP100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUP100 {
  -webkit-animation-name: fadeInUP100;
  animation-name: fadeInUP100;
}
/*向上移动100%*/
@-webkit-keyframes fadeInUP70 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
    transform: translate3d(0, 70%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUP70 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
    transform: translate3d(0, 70%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUP70 {
  -webkit-animation-name: fadeInUP70;
  animation-name: fadeInUP70;
}

/*向上移动10%*/
@-webkit-keyframes fadeInUP10 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUP10 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUP10 {
  -webkit-animation-name: fadeInUP10;
  animation-name: fadeInUP10;
}
/*向上移动20%*/
@-webkit-keyframes fadeInUP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUP {
  -webkit-animation-name: fadeInUP;
  animation-name: fadeInUP;
}

/*向左边移动20%*/
@-webkit-keyframes fadeInleft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInleft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInleft {
  -webkit-animation-name: fadeInleft;
  animation-name: fadeInleft;
}

/*向左边移动50%*/
@-webkit-keyframes fadeInleft50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInleft50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInleft50 {
  -webkit-animation-name: fadeInleft50;
  animation-name: fadeInleft50;
}
/*向左边移动100%*/
@-webkit-keyframes fadeInleft100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInleft100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInleft100 {
  -webkit-animation-name: fadeInleft100;
  animation-name: fadeInleft100;
}
/*向左边移动200%*/
@-webkit-keyframes fadeInleft200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInleft200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInleft200 {
  -webkit-animation-name: fadeInleft200;
  animation-name: fadeInleft200;
}
/*向右边移动20%*/
@-webkit-keyframes fadeInright5 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInright5 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInright5 {
  -webkit-animation-name: fadeInright5;
  animation-name: fadeInright5;
}
/*向右边移动20%*/
@-webkit-keyframes fadeInright {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInright {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInright {
  -webkit-animation-name: fadeInright;
  animation-name: fadeInright;
}
/*向右边移动100%*/
@-webkit-keyframes fadeInright100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInright100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInright100 {
  -webkit-animation-name: fadeInright100;
  animation-name: fadeInright100;
}
/*向右边移动200%*/
@-webkit-keyframes fadeInright200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInright200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInright200 {
  -webkit-animation-name: fadeInright200;
  animation-name: fadeInright200;
}

/*不移动20%*/
@-webkit-keyframes fadeInNO {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInNO {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInNO {
  -webkit-animation-name: fadeInNO;
  animation-name: fadeInNO;
}