.section1 .inner{top: 100%;}
.section1.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section1.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}

.section2 .inner{top: 100%;}
.section2.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section2.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section2.swiper-slide-next .inner{top: 50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}

.order_giftbox,.sub_dj1,.sub_dj2,.sub_dj3,.sub_dj4,.sub_dj5,.sub_dj6,.sub_dj7,.sub_dj8{opacity: 0;}
.section2.swiper-slide-active .order_giftbox{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj1{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj2{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj3{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj4{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj5{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj6{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj7{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_dj8{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
/*.sub_1,.sub_2,.sub_3,.sub_4,.sub_5,.sub_6,.sub_7,.sub_8{opacity: 0;}
.section2.swiper-slide-active .sub_1{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_2{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_3{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_4{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_5{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_6{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_7{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}
.section2.swiper-slide-active .sub_8{-webkit-animation:fadeIn1 1s 0.6s ease both;-moz-animation:fadeIn1 1s 0.6s ease both;}*/


@-webkit-keyframes fadeIn1{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn1{
0%{opacity:0}
100%{opacity:1}
}
.pross_bg{animation: spin 180s linear infinite;}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.pross_cir{animation: spin2 180s linear infinite;}
@keyframes spin2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.section3 .inner{top: 100%;}
.section3.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section3.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section3.swiper-slide-next .inner{top: 50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}


.section3.swiper-slide-active .news_tit{-webkit-animation:fadeInUp 1s .4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.section3.swiper-slide-active .news_banner{-webkit-animation:fadeInRight 1s .8s ease both;-moz-animation:fadeInRight 1s .8s ease both;}
.section3.swiper-slide-active .news_content{-webkit-animation:fadeInLeft 1s .8s ease both;-moz-animation:fadeInLeft 1s .8s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(80px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-80px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(80px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.section4 .inner{top: 100%;}
.section4.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section4.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section4.swiper-slide-next .inner{top: 50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section4.swiper-slide-active .roletx_main{-webkit-animation:fadeInRight 1s .5s ease both;-moz-animation:fadeInRight 1s .5s ease both;}
.section4.swiper-slide-active .role_cont{-webkit-animation:fadeInLeft 1s .5s ease both;-moz-animation:fadeInLeft 1s .5s ease both;}

.webm .section4.swiper-slide-active .roletx_main{-webkit-animation:fadeInUp 1s .6s ease both;-moz-animation:fadeInUp 1s .6s ease both;}
.webm .section4.swiper-slide-active .role_cont{-webkit-animation:fadeInUp 1s .3s ease both;-moz-animation:fadeInUp 1s .3s ease both;}

.section5 .inner{top: 100%;}
.section5.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section5.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section5.swiper-slide-next .inner{top: 50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section5.swiper-slide-active .feature_tit{-webkit-animation:fadeInUp 1s .4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.section5.swiper-slide-active .swiperpic_main{-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}

.section6 .inner{top: 100%;}
.section6.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section6.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section6.swiper-slide-next .inner{top: 50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section6.swiper-slide-active .follow_tit{-webkit-animation:fadeInUp 1s .4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.section6.swiper-slide-active .share_list{-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}