/*单子跳动动画*/
.ty_txt div {
    position: relative;
    overflow: hidden;
}
.ty_txt div span{
    transform: translateY(120%);
    opacity: 0;
    margin-top:15px;
}

.swiper-slide-active .ty_txt span {
  letter-spacing: 2px;
    display: inline-block;
    opacity: 0;
    -webkit-animation: anime_top-mv__string .75s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
    animation: anime_top-mv__string .75s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
}
.on .ty_txt span {
    display: inline-block;
    -webkit-animation: anime_top-mv__string .75s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
    animation: anime_top-mv__string .75s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;

}
.up{
    transform: translateY(120%);
}
.on .up{
    -webkit-animation: hmxs 1.25s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
    animation: hmxs 1.25s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
}

@-webkit-keyframes hmxs {
    0% {
      transform: translateY(120%);
      opacity: 0; /* 起始位置，不移动 */
    }
    100% {
        opacity: 1;
      transform: translateY(0); /* 向上移动100px */
    }
  }
@keyframes hmxs {
    0% {
        transform: translateY(120%);
        opacity: 0; /* 起始位置，不移动 */
      }
      100% {
          opacity: 1;
        transform: translateY(0); /* 向上移动100px */
      }
  }
@-webkit-keyframes anime_top-mv__string {
    0% {
        transform: translateY(120%);
        opacity: 0; /* 起始位置，不移动 */
      }
      100% {
          opacity: 1;
        transform: translateY(0); /* 向上移动100px */
      }
}

@keyframes anime_top-mv__string {
    0% {
        transform: translateY(120%);
        opacity: 0; /* 起始位置，不移动 */
      }
      100% {
          opacity: 1;
        transform: translateY(0); /* 向上移动100px */
      }
}

/*单字跳动动画*/