.fade_in_up {
  -webkit-animation: fadeInUp 1s 0s both;
  animation: fadeInUp 1s 0s both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fade_in {
  -webkit-animation: fadeIn 1s 0s both;
  animation: fadeIn 1s 0s both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  /*初始状态 透明度为0*/
  50% {
    opacity: 0.5;
  }
  /*过渡状态 透明度为0*/
  100% {
    opacity: 1;
  }
  /*结束状态 透明度为1*/
}
@-webkit-keyframes fadeIn {
  /*针对webkit内核*/
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/*# sourceMappingURL=./animation.css.map */