@-moz-keyframes fade-in {
  0% {
      -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
           transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
  }
  15% {
      -moz-transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
           transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  30% {
      -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
           transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  45% {
      -moz-transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
           transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  60% {
      -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
           transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  75% {
      -moz-transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
           transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  85% {
      -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
           transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  95% {
      -moz-transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
           transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  100% {
      -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
           transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
  }

}

@keyframes fade-in {
  0% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
         -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
  }
  15% {
      -webkit-transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
         -moz-transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  30% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
         -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  45% {
      -webkit-transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
         -moz-transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  60% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
         -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  75% {
      -webkit-transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
         -moz-transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  85% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
         -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  95% {
      -webkit-transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
         -moz-transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  100% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
         -moz-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
  }

}

@-webkit-keyframes fade-in {
  0% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
  }
  15% {
      -webkit-transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  30% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  45% {
      -webkit-transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -3.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  60% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  75% {
      -webkit-transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -2.5vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  85% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1) scaleX(1);
  }
  95% {
      -webkit-transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
              transform: translate(0vh, -1vh) scaleY(0.98) scaleX(1) scaleX(0.98);
  }
  100% {
      -webkit-transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
              transform: translate(0vh, 0vh) scaleY(1) scaleX(1);
  }

}
.wrapper {
  -webkit-animation: fade-in 1;
     -moz-animation: fade-in 1;
          animation: fade-in 1;/*动画名称*/
  -webkit-animation-duration: 1.5s ;
     -moz-animation-duration: 1.5s ;
          animation-duration: 1.5s ;/*动画持续时间*/
  -webkit-animation:fade-in 1.5s 1;/*针对webkit内核*/
}

.index-module__content--1tf76{position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html, body, #root {
  width: 100%;
  height: 100%;
  margin: 0;
}

