
.part1{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg1.jpg) no-repeat; height: 10.62rem; position: relative; width: 100%; background-size: 100%;}
.part2{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg2.jpg) no-repeat #7d2f39; height: 12.42rem; position: relative; width: 100%; background-size: 100%;}
.part3{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg3.jpg) no-repeat #7d2f39; height: 9.57rem; position: relative; width: 100%; background-size: 100%;}
.part4{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg4.jpg) no-repeat #7d2f39; height: 7.68rem; position: relative; width: 100%; background-size: 100%;}
.part5{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg5.jpg) no-repeat #7d2f39; height: 6.33rem; position: relative; width: 100%; background-size: 100%;}
.part6{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg6.jpg) no-repeat #7d2f39; height: 6.45rem; position: relative; width: 100%; background-size: 100%;}
.part7{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg7.jpg) no-repeat top #7d2f39; height: 4.49rem; position: relative; width: 100%; background-size: 100%;}
.part8{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/bg8.jpg) no-repeat top #7d2f39; height: 7.59rem; position: relative; width: 100%; background-size: 100%;}
.spr{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/spr.png) no-repeat;background-size: 10rem;}

.wraps{ padding-top: 0.9rem;}
.sectionparts{ width: 100%; margin-top: -1px;}

a.btn_download{ display: block; text-indent: -9999rem; width: 3.1rem; height: .74rem; background-position: -0.2rem -7.57rem; position: absolute; top: 8.3rem; left: 0.42rem; }
a.btn_video{ display: block; text-indent: -9999px; width: 3.1rem; height: .74rem; background-position: -3.7rem -7.57rem; position: absolute; top: 8.3rem; right:.42rem; }
a.btn_download::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    background: rgba(255, 255, 255, 0.7);
    width: 0.25rem;
    height: 0.65rem;
    filter: blur(10px);
    animation: 5s hl ease infinite;
    transform: translateX(0.2rem) skewX(-20deg);
    opacity: 0;
}
@keyframes hl {
    0% {
        opacity: 0;
        transform: translateX(0.2rem) skewX(-20deg);
    }
    50% {
        transform: translateX(0.2rem) skewX(-20deg);
    }
    90% {
        opacity: 1;
        transform: translateX(2.4rem) skewX(-20deg);
    }
    100% {
        opacity: 0;
        transform: translateX(2.4rem) skewX(-20deg);
    }
}


.p1_t1{ font-size: .24rem; color: #5f5f5f; text-align: center; padding-top: 3.7rem;}

.p2main{ padding-top: 4.15rem;}
.p2_probox{ width: 6.68rem; height: 4.67rem; background-position: 0 -1.49rem; margin: 0 auto; position: relative;}

.p4_t1{ font-size: .24rem; color: #5f5f5f; text-align: center; padding-top: 3.7rem; font-family: "Noto Sans SC";font-weight: 100;}
.p5_t1{font-family: "Noto Sans SC";font-weight: 100; font-size: .22rem; color: #242221; width: 3.92rem; position: absolute; top: 3.4rem; left: 2.41rem; line-height: .4rem;}
.p5_t1 span{font-size: .3rem; color: #4b3a32;  }

.p6_t1{font-family: "Noto Sans SC";font-weight: 100; font-size: .22rem; color: #868686;  position: absolute; top: 2.6rem; left: 3.9rem; line-height: .4rem; width: 3.3rem;}
.p6_t1 span{ color: #3e3e3e;}
 


 .lunbo{ width: 6.6rem; height: auto; margin: 0 auto; position: absolute; top:0.3rem; left: 50%; transform: translate(-50%,0) scale(0.8); transform-origin: top center; padding-bottom: .5rem; }
.p2_main{ padding-top: 2.6rem;}
 .xd_birth{ width: 100%; margin:0 auto;  position: relative; overflow: hidden;}
 .birgswip{ width: 7.5rem; margin:0 auto;}
 .swiper-button-next-lb1{ background: transparent !important; width: .84rem; height: 1.27rem; top: 3.86rem !important; margin: 0; right: 0.02rem !important;  z-index: 30; outline: 0 none; transform: rotate(180deg);}
 .swiper-button-prev-lb1{ background: transparent !important; width: .84rem; height: 1.27rem; top: 3.86rem !important; margin: 0; left: 0.02rem !important; z-index: 30; outline: 0 none;}
 .birgswipbottom{ position: absolute; z-index: 2; display: flex; justify-content: center; width: 100%; bottom:0; left: 0;}



 
.ts_swiper{ height: 100%;}

.ts_swiper{ width: 100%; height:100%;}
.ts_swiper .swiper-container{ height: 100%;}
.tsswiper .swiper-slide{ width:3.11rem;  }


.swiper-pagination2{ text-align: center; width: 100%; bottom: 0 !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 2px;}
.swiper-pagination-bullet{background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/spr.png) no-repeat;background-size: 10rem; display: inline-block; width: 1.11rem; height: 0.14rem; background-position: -6.74rem 0;  opacity: 1; margin: 0 .02rem; border-radius: 0; outline: 0 none;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/spr.png) no-repeat;background-size: 10rem;  background-position: -6.74rem -.35rem; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.1rem;}

.swiper-button-next-lb{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/sw_btn.png) no-repeat; background-size: 100% auto; width: .42rem; height: .9rem; top: 3.6rem !important; transform: rotate(180deg); margin: 0; right: -.8rem !important;  outline: 0 none;}
.swiper-button-prev-lb{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/sw_btn.png) no-repeat; background-size: 100% auto; width: .42rem; height: .9rem; top: 3.6rem !important; margin: 0; left: -.8rem !important; outline: 0 none;}

.popup_video{ width: 6.8rem; height: 4.8rem;  border: 3px solid rgb(155,122,88); background: #000000; display: none;} 
.close-btn{ width: 0.5rem; height: 0.5rem; display: block; position: absolute; left: 3.15rem; bottom: -0.75rem; background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/mask_close.png) no-repeat; background-size: 100% auto; text-indent: -9999px; }
.pop-v {
    width: 6.8rem; height: 4.8rem;
}


.kv_boxcontainer{ width: 95%; position: absolute; top: 3%; left: 2.5%;}
.kv_cards{ width: 100%; position: absolute; top: 0; left: 0;}
.kv_solgan{ width: 80%; position: absolute; top: 42%; left: 10%;}
.usertips{ color: #ffffff; font-size: 0.22rem; width: 100%; text-align: center; position: absolute; z-index: 2; bottom: 0.38rem; left: 0;}
.part1_title{ width: 100%; position: absolute; top: 2%; left: 0;}
.section_title{ width: 100%; position: absolute; top: 2%; left: 0;}
.part2_title{ width: 100%; position: absolute; top: 28%; left: 0;}
.part3_title{ width: 100%; position: absolute; top: 3%; left: 0;}
.part4_title{ width: 100%; position: absolute; top: 1%; left: 0;}
.part5_title{ width: 100%; position: absolute; top: 1%; left: 0;}
.part6_title{ width: 100%; position: absolute; top: -22%; left: 0;}


@keyframes anTop{
    0%{
        transform: translate(0,200px);
        filter: blur(10px);
        opacity: 0;
    }
    100%{
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes anBottom{
    0%{
        transform: translate(0, -200px);
        filter: blur(10px);
        opacity: 0;
    }
    100%{
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1;
    }
}
.anTop{
    transform: translate(0, 200px);
    filter: blur(10px);
    opacity: 0;
}
.anBottom{
    transform: translate(0, -200px);
    filter: blur(10px);
    opacity: 0;
}
.animated .anstles1{
    animation: anTop 0.8s ease-in-out forwards;
}
.animated .anstles2{
    animation: anBottom 0.8s 0.2s ease-in-out forwards;
}
.animated .anstles3{
    animation: anTop 0.8s 0.4s ease-in-out forwards;
}
.showIns{
    opacity: 0;
}
.animated .showIns{
    animation: sclin 0.6s 0.8s ease-in-out forwards;
}
@keyframes sclin{
    from{ 
        opacity: 0; 
        transform: scale(0.4);
    }
    to{ 
        opacity: 1; 
        transform: scale(1.0);;
    }

}
.sauto_anim{ opacity: 0;}
.slidesUps{ animation: slideUps linear forwards;}
@keyframes slideUps{
    from{ 
        opacity: 0; 
        transform: translate(0,60px);
    }
    to{ 
        opacity: 1; 
        transform: translate(0,0);
    }
}
