.bsdfgasdf {
    -webkit-animation: pop 1s ease-in-out forwards;
    animation: pop 1s ease-in-out forwards;
}

.index .poster_tit {
    -webkit-transform: translate3d(0, 180px, 0);
    -webkit-transition: -webkit-transform .4s ease-out;
}

.swiper-slide-active.index .poster_tit {
    -webkit-transform: translate3d(0, 0, 0);
}

.swiper-slide-active #meinv img {
    opacity: 1;
    -webkit-transform: scaleX(1);
}

#meinv img {
    opacity: 0;
    -webkit-transform: scaleX(-1);
    -webkit-transition: -webkit-transform .2s linear .1s, opacity 1s linear;
}

.wokao .lw {
    -webkit-transform: translate3d(-300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .3s;
}

.swiper-slide-active .wokao .lw {
    -webkit-transform: translate3d(000px, 0, 0);
}

.wokao .rw {
    -webkit-transform: translate3d(300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .3s;
}

.swiper-slide-active .wokao .rw {
    -webkit-transform: translate3d(000px, 0, 0);
}

.bujidao {
    -webkit-transform: translate3d(-300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .3s;
}

.swiper-slide-active .bujidao {
    -webkit-transform: translate3d(000px, 0, 0);
}

.bujidao3 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .3s;
}

.swiper-slide-active .bujidao3 {
    -webkit-transform: translate3d(000px, 0, 0);
}

.bujidao1 {
    -webkit-transform: translate3d(300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .3s;
}

.swiper-slide-active .bujidao1 {
    -webkit-transform: translate3d(000px, 0, 0);
}

.bujidao4 {
    -webkit-transform: translate3d(300px, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-out .3s;
}

.swiper-slide-active .bujidao4 {
    -webkit-transform: translate3d(000px, 0, 0);
}

.swiper-slide-active .gzjlkk123tt {
    -webkit-animation: enterUpBounce 1.2s linear 0s 1;
}

.swiper-slide-active .gzjltbwz {
    -webkit-animation: enterUpBounce 1.2s linear 0s 1;
}

.swiper-slide-active .gzjlkk123 {
    -webkit-animation: enterUpBounce 1.2s linear 0s 1;
}

.swiper-slide-active .zwpj12321 {
    -webkit-animation: enterUpBounce 1.2s linear 0s 1;
}

.swiper-slide-active .zwpjyd {
    -webkit-animation: enterUpBounce 1.2s linear 0s 1;
   animation: bounceInUp 0.6s linear 0.7s 1 forwards;
  opacity:0    ;
  -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .gzjlpen22 {
    -webkit-animation: enterUpBounce 2s linear 0s 1;
    animation: enterUpBounce 4s linear 0s 1;
    -webkit-animation-fill-mode: both;
}

.swiper-slide-active .gzjlpen {
    -webkit-animation: enterUpBounce 1s linear 0s 1;
    animation: enterUpBounce 2s linear 0s 1;
    -webkit-animation-fill-mode: both;
}

.zwpj12321 {
    -webkit-animation: bounceInUp 0.6s linear 0.7s 1;
    animation: bounceInUp 0.6s linear 0.7s 1 ;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .zwpjyd3222 {
     opacity: 0;
    -webkit-animation: bounceInUp 0.6s linear 0.7s 1;
    -moz-animation: bounceInUp 0.6s linear 0.7s 1;
    animation: bounceInUp 0.6s linear 0.7s 1 forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.swiper-slide-active .zwpjyd322 {
    -webkit-animation: bounceInUp 0.6s linear 0.7s 1 ;
    animation: bounceInUp 0.6s linear 0.7s 1 forwards;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
}

.gxgs {
    -webkit-animation: pop 1s ease-in-out forwards;
    animation: pop 1s ease-in-out forwards;
}
.dddd1 {
    -webkit-animation: rotate180 1s linear 1; /*动作名 执行花费时间 匀速进行 执行次数*/
    -webkit-transform: rotate(180deg);
}
 .madan111 {
    -webkit-animation: rotate180 1s linear 1; /*动作名 执行花费时间 匀速进行 执行次数*/
    -webkit-transform: rotate(180deg);
}
 .woqu111 {
    -webkit-animation: rotate180 1s linear 1; /*动作名 执行花费时间 匀速进行 执行次数*/
    -webkit-transform: rotate(180deg);
}


@-webkit-keyframes enterUpBounce {
    0% {
        -webkit-transform: translateY(-220px);
        -moz-transform: translateY(-220px);
        transform: translateY(-220px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 1;
    }

    70% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes enterUpBounce {
    0% {
        -webkit-transform: translateY(-220px);
        -moz-transform: translateY(-220px);
        transform: translateY(-220px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 1;
    }

    70% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}


@-webkit-keyframes bounceInUp {
    0% {
        -webkit-transform: translateY(300px);
        -moz-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 1;
    }

    70% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 1;
    }

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

@keyframes bounceInUp {
    0% {
        -webkit-transform: translateY(300px);
        -moz-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 1;
    }

    70% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 1;
    }

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