@charset "UTF-8";




   @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes mianTxt {
    0% {
      transform: translate3d(0, 50%, 0);
      opacity: 0;
    }

    100% {
      transform: translate3d(0, 0, 0);
      animation-timing-function: ease-out;
      opacity: 1;
    }
  }

  @keyframes float {
    0% {
      transform: translate(-50%, 0);
    }

    50% {
      transform: translate(-50%, -15px);
    }

    100% {
      transform: translate(-50%, 0);
    }
  }

  .ani{
    animation: fadeInDown 1s ease-in-out;
  }