/* ----------- btns */
.swiper-slide-active .down-tip{-webkit-animation:down-tip ease-in 2s 2s infinite;}
@-webkit-keyframes down-tip{
    0%,15%{opacity:0;}
    20%{-webkit-transform:translate3d(0,-8px,0);}
    35%,55%,80%{opacity:1;}
    50%{opacity:1;-webkit-transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,-3px,0)}
}
.swiper-slide-active .up-tip{-webkit-animation:up-tip ease-in 2s 2s infinite;}
@-webkit-keyframes up-tip{
    0%,15%{-webkit-transform:translate3d(0,8px,0);opacity:0;}
    20%{-webkit-transform:translate3d(0,8px,0);}
    35%,55%,80%{opacity:1;}
    50%{opacity:1;-webkit-transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,1px,0)}
}
.swiper-slide-active .idx-btn,.swiper-slide-active .dy-btn{-webkit-animation:btn linear 3s 1,tslateY 2.5s 4s infinite;}
@-webkit-keyframes btn{
    0%{-webkit-transform:translateY(0);opacity:0;}
    68.8%{-webkit-transform:translateY(20px);opacity:0;}
    78.8%{-webkit-transform:translateY(5px);opacity:0;}
}

/* all get animation */
/* translate */
@-webkit-keyframes tslateX{
    0%,100%{-webkit-transform:translateX(0);}
    50%{-webkit-transform:translateX(10px);}
}
@-webkit-keyframes tslateY{
    0%,100%{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(10px);}
}
@-webkit-keyframes tslate-X{
    0%,100%{-webkit-transform:translateX(0);}
    50%{-webkit-transform:translateX(-10px);}
}
@-webkit-keyframes tslate-Y{
    0%,100%{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(-10px);}
}
@-webkit-keyframes tslateXY0{
    0%,100%{-webkit-transform:translate(0,0);}
    50%{-webkit-transform:translate(-10px,10px);}
}
@-webkit-keyframes tslateXY1{
    0%,100%{-webkit-transform:translate(0,0);}
    50%{-webkit-transform:translate(10px,-10px);}
}
@-webkit-keyframes tslateXY2{
    0%,100%{-webkit-transform:translate(0,0);}
    50%{-webkit-transform:translate(-10px,-10px);}
}
@-webkit-keyframes tslateXY3{
    0%,100%{-webkit-transform:translate(0,0);}
    50%{-webkit-transform:translate(10px,10px);}
}
/* scale */
@-webkit-keyframes tsmall{
    0%,100%{-webkit-transform:scale(1,1);}
    50%{-webkit-transform:scale(.9,.9);}
}
@-webkit-keyframes tbig{
    0%,100%{-webkit-transform:scale(.9,.9);}
    50%{-webkit-transform:scale(1,1);}
}
/* opacity */
@-webkit-keyframes otjian{
    0%,100%{opacity:.5;}
    50%{opacity:1;}
}
@-webkit-keyframes otadd{
    0%,100%{opacity:1;}
    50%{opacity:.5;}
}
@-webkit-keyframes rotate{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(720deg)}
}
@-webkit-keyframes rotateX{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-720deg)}
}
/* enter animation */
@-webkit-keyframes left{
    0%{opacity:0;-webkit-transform:translateX(-20px);}
    54.3%{opacity:0;}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-webkit-keyframes right{
    0%{opacity:0;-webkit-transform:translateX(20px);}
    54.3%{opacity:0;}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-webkit-keyframes up{
    0%{opacity:0;-webkit-transform:translateY(20px);}
    54.3%{opacity:0;}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-webkit-keyframes down{
    0%{opacity:0;-webkit-transform:translateY(-20px);}
    54.3%{opacity:0;-webkit-transform:translateY(-10px)}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-webkit-keyframes luo{
    0%{opacity:0;}
    67%{-webkit-transform:translateY(-120px);opacity:0;}
    70%{-webkit-transform:translateY(8px);opacity:1;}
    80%{-webkit-transform:translateY(-2);}
    85%{-webkit-transform:translateY(1px);}
}
@-webkit-keyframes fei{
    0%,66%{-webkit-transform:translateX(-640px);opacity:0;}
    70%{-webkit-transform:translateX(-10px);opacity:1;}
    80%{-webkit-transform:translateX(2px);}
    85%{-webkit-transform:translateX(-2px);}
}
@-webkit-keyframes feiR{
    0%,66%{-webkit-transform:translateX(640px);opacity:0;}
    70%{-webkit-transform:translateX(10px);opacity:1;}
    80%{-webkit-transform:translateX(-2px);}
    85%{-webkit-transform:translateX(2px);}
}
@-webkit-keyframes big{
    0%{opacity:0;}
    69%{-webkit-transform:scale(2,2);opacity:0;}
    77%{-webkit-transform:scale(.9,.9);opacity:1;}
    82%{-webkit-transform:scale(1.1,1.1);}
    87%{-webkit-transform:scale(1,1);}
}
@-webkit-keyframes show{
    0%{-webkit-transform:scale(.8,.8);opacity:0;}
    50%{-webkit-transform:scale(2,2);opacity:0;}
    70%,80%{-webkit-transform:scale(1,1);opacity:1;}
    75%{-wekit-transform:scale(1.1,1.1);}
}
@-webkit-keyframes opacity{0%,66.8%{opacity:0;}}
@-webkit-keyframes xz{
    0%,30%{opacity:0;-webkit-transform:rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
    40%{opacity:0;}
}
@-webkit-keyframes xz1{
    0%,30%{opacity:0;-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);}
}
@-webkit-keyframes xz2{
    0%,30%{opacity:0;-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(-180deg);}
}
@-webkit-keyframes zleft{
    100%{-webkit-transform:rotate(720deg);}
    }
@-webkit-keyframes zright{
    100%{-webkit-transform:rotate(-720deg);}
    }
@-webkit-keyframes zcen{
    50%{-webkit-transform:rotate(-90deg);}
    }
/* index */
.swiper-slide-active .idx-time{-webkit-animation:luo 1.2s 1;}
.swiper-slide-active .idx-i1{-webkit-animation:fei 1s 1,tsmall 2.5s 1,otadd 1.5s  infinite;}
.swiper-slide-active .idx-i2{-webkit-animation:tbig 1.5s infinite,otadd 1s  infinite;}
.swiper-slide-active .idx-i3{-webkit-animation:tsmall 2.5s infinite,otadd 1.5s  infinite;}
.swiper-slide-active .idx-i4{-webkit-animation:tsmall 2.5s infinite,otadd 1.5s  infinite;}
.swiper-slide-active .idx-i5{-webkit-animation:fei 2.5s 1,rotateX 100s  infinite;}
.swiper-slide-active .idx-i6{-webkit-animation:feiR 2.5s 1,rotate 100s  infinite;}
.swiper-slide-active .idx-i7{-webkit-animation:opacity 2.5s 1,tslateX 5s  infinite;}
.swiper-slide-active .idx-ball1{-webkit-animation:opacity .6s 1,tslateY 2.5s infinite}
.swiper-slide-active .idx-ball2{-webkit-animation:opacity 1s 1,tslateXY0 5s infinite}
.swiper-slide-active .idx-ball3{-webkit-animation:opacity .8s 1,tslateX 3s infinite}
.swiper-slide-active .ir-wrap{-webkit-animation:opacity 1s 1;-webkit-transform-origin:bottom center;}
.swiper-slide-active .ir-wrap .ir1{-webkit-animation:opacity 3.5s 1,zleft ease 75s 3.6s infinite;}
.swiper-slide-active .ir-wrap .ir2{-webkit-animation:opacity 3.4s 1,zright ease 90s 3.7s infinite;}
.swiper-slide-active .ir-wrap .ir3{-webkit-animation:opacity 3.3s 1,zleft ease 60s 3.8s infinite;}
.swiper-slide-active .ir-wrap .ir4{-webkit-animation:opacity 3.2s 1,zright ease 45s 4s infinite;}
.swiper-slide-active .ir-wrap .ir5{-webkit-animation:opacity 3.1s 1,zleft ease 65s 4.2s infinite;}
.swiper-slide-active .ir-wrap .ir6{-webkit-animation:opacity 3s 1,zright ease 65s 4.4s infinite;}
.swiper-slide-active .ir-wrap .ir8{-webkit-animation:opacity 2.8s 1,zcen ease 20s 4s infinite;}
.swiper-slide-active .ir-wrap .ir7-1{-webkit-animation:fei ease 1.9s 1;}
.swiper-slide-active .ir-wrap .ir7-2{-webkit-animation:feiR ease 2.3s 1;}
.swiper-slide-active .ir-wrap .ir9{-webkit-animation:big ease 2.5s 1;}
/* page all */
.swiper-slide-active .title{-webkit-animation:show 2s 1;}
.swiper-slide-active .i-form{-webkit-animation:down 3.2s 1;}
.swiper-slide-active .pbg1-1{-webkit-animation:up 1.3s 1;}
.swiper-slide-active .pbg1-2{-webkit-animation:down 1.1s 1;}
.swiper-slide-active .pbg1-3{-webkit-animation:up 1.4s 1;}
/* page1 + page2 */
.swiper-slide-active .i-lvquan{-webkit-animation:xz 1.7s 1;-webkit-transform-origin:bottom center;}
.swiper-slide-active .page1 .pbg1-1{-webkit-animation:xz1 1.3s 1;-webkit-transform-origin:center -500px;}
.swiper-slide-active .page1 .pbg1-2{-webkit-animation:xz2 1.1s 1;-webkit-transform-origin:center 500px;}
.swiper-slide-active .page1 .pbg1-3{-webkit-animation:xz1 1.4s 1;-webkit-transform-origin:center -500px;}
.swiper-slide-active .lvinfo{-webkit-animation:up 2.5s 1;-webkit-transform-origin:500px center;}
.swiper-slide-active .lvhero .num1 img{-webkit-animation:down 2s 1;}
.swiper-slide-active .lvhero .num2 img{-webkit-animation:down 2.4s 1;}
.swiper-slide-active .lvhero .num3 img{-webkit-animation:down 2.7s 1;}
.swiper-slide-active .lvhero .num1 p{-webkit-animation:up 2.5s 1}
.swiper-slide-active .lvhero .num2 p{-webkit-animation:up 3s 1}
.swiper-slide-active .lvhero .num3 p{-webkit-animation:up 3.4s 1}
.swiper-slide-active .page2 .pbg1-1{-webkit-animation:xz2 1.3s 1;-webkit-transform-origin:center -500px;}
.swiper-slide-active .page2 .pbg1-2{-webkit-animation:xz1 1.1s 1;-webkit-transform-origin:center 500px;}
.swiper-slide-active .page2 .pbg1-3{-webkit-animation:xz2 1.4s 1;-webkit-transform-origin:center -500px;}
/* page3 + page4  */
.swiper-slide-active .page5 .title{-webkit-animation:show 1.4s 1;}
.swiper-slide-active .ewm-info{-webkit-animation:up 3.8s 1;}
.swiper-slide-active .hero-list{-webkit-animation:down 2.2s 1;}
.swiper-slide-active .hero-list li:nth-child(1){-webkit-animation:down 2.4s 1}
.swiper-slide-active .hero-list li:nth-child(2){-webkit-animation:down 2.7s 1}
.swiper-slide-active .hero-list li:nth-child(3){-webkit-animation:down 3s 1}
/* page5 */
.swiper-slide-active .page5 .title{-webkit-animation:show 1.4s 1;}
.swiper-slide-active .ban-list li:nth-child(1) img{-webkit-animation:down 2s 1;}
.swiper-slide-active .ban-list li:nth-child(2) img{-webkit-animation:down 2.4s 1;}
.swiper-slide-active .ban-list li:nth-child(1) p{-webkit-animation:up 2.5s 1}
.swiper-slide-active .ban-list li:nth-child(2) p{-webkit-animation:up 3s 1}

.swiper-slide-active .page5 .share{-webkit-animation:feiR 3s 1,tslateY 5s 3.6s infinite;}