@font-face { font-family: 'zsct'; src: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/zsct.ttf);}
@font-face { font-family: 'zst'; src: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/zst.ttf);}
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; pointer-events: none; }
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
html,body{overflow: hidden;width: 100%;height: 100%;} 
:focus{outline: none;}
body {padding-top:0 !important;text-align:justify;background-color: #040201;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*.wrap,#footer_ied {width:100%;min-width:1200px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}
.container {width:1200px;margin:0 auto;}*/
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
/*footer*/
#afooter {text-align: center;line-height: 0.60rem;color: #fff;background-color: #000000;padding: 0.40rem 0;width: 100%;font-size: .4rem;}
#afooter a {color: #fff;}
/*footer*/

.wrap{width: 100%;height: 100%;overflow: hidden;}
.content0{width: 38.4rem;position: relative;height: 100%;overflow: hidden;}



/*sectionlast*/
.mySwiper-1 .swiper-slide.sectionlast {height: auto !important;}
/*sectionlast*/
		
/*---------------------------nav----------------------------*/
.boxflot{display: none; position: fixed;top: 50%;right: 0;width: 2.8rem;padding: 0;
				box-sizing: border-box;background-size: 100% 100%;z-index: 100;transform: translate(0,-50%);box-sizing: border-box;padding-top: 0.3rem;}
.boxflot.on{display: block; animation: boxflot 0.8s linear forwards; }
@keyframes boxflot{ 0%{right: -3.14rem;} 100%{right: 0;} }
.boxflot.bgon{background-color: rgba(0,0,0,0.2);}
.swiper-pagination-1{position: relative;}
.swiper-pagination-1 span {border-radius: 0;opacity: 1;width: 1.45rem;height: 0.51rem;display: block;margin-bottom: 0.3rem !important;margin-top: 0 !important;transition: 0.3s all;}
.swiper-pagination-1 span:nth-child(1) {width: 0;height: 0;}
.swiper-pagination-1 span:nth-child(2) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(3) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(4) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn3.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(5) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn4.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(6) {width: 1.68rem;margin-left: -0.18rem!important;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn5.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(7) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn6.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(8) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn8.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(9) {background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn7.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(10) {width: 0;height: 0;}
.swiper-pagination-1 span:nth-child(1).swiper-pagination-bullet-active{width: 0;height: 0;margin-bottom: 0;}
.swiper-pagination-1 span:nth-child(2).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(3).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(4).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr3.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(5).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr4.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(6).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr5.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(7).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr6.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(8).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr8.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(9).swiper-pagination-bullet-active{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr7.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(10).swiper-pagination-bullet-active{width: 0;height: 0;}
.swiper-pagination-1 span:hover{transform: translateY(-0.05rem);}
.flbtntop{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btn0.png) no-repeat;background-size: 100% 100%;display: block;width: 1.45rem;height: 0.51rem;margin-bottom: 0;transition: 0.8s all;}
.flbtntop:hover{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btncurr0.png) no-repeat;background-size: 100% 100%;}
/*---------------------------nav----------------------------*/
.cn_active{position: relative;}
 .cn_active::after{position: absolute;content: "";top: 50%;left: 50%;z-index: 999;pointer-events: none; transform: translate(-50%,-50%);width: 37.96rem;height: 95%; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/wck_box.png) no-repeat;background-size: 100% 100%;}


/*---------------------------0----------------------------*/
.bg0{ background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg0.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.slg{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/slg.png) no-repeat;width: 17.43rem;height: 3.49rem;background-size: 100% 100%;margin: 1.82rem 0 0 0;}
.logo{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/logo.png) no-repeat;width: 3.54rem;height: 0.95rem;display: block;position: absolute;top: 1.43rem;left: 1.83rem;background-size: 100% 100%;}
.home{width: 4.10rem;height: 1.06rem;display: block;position: absolute;top: 1.4rem;right: 1.82rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btnhome.png) no-repeat;background-size: 100% 100%;}
.home span{font-family: 'zsct';color: #f1f2f2;line-height: 1;font-size: 0.40rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: 0.3s all;}
.home:hover span{transform: scale(1.2);}
.p0-box{position: absolute;bottom: 2rem;left: 50%;transform: translate(-50%,0);box-sizing: border-box;padding: 0 1.33rem 0 0.18rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.p0-box-lf{width: auto;}


.plat_btn{transition: 0.3s all;z-index: 9;}
.plat_btn:hover{transform: scale(1.1);}


.p0-box1-lf{width: 2.08rem;height: 1.85rem;margin-left: 1.45rem;display: block;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn.png) no-repeat;background-size: 100% 100%;}
.p0-box1-lf span{display: block;width: 2.08rem;height: 1.85rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn_in.png) no-repeat;background-size: 100% 100%;}

.p0-bxbtn{display: flex;justify-content: space-between; width: 13.2rem;margin: 0 auto;}
.p0-bxbtn a{display: block;margin: 0;width:5.07rem;height: 1.43rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btndown.png) no-repeat;background-size: 100% 100%;padding: 0 0 0 0;box-sizing: border-box;margin-bottom: 0.16rem;}
.p0-bxbtn a span{font-family: 'zsct';color: #ffffff;line-height: 1;font-size: 0.55rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: 0.3s all;}
.p0-bxbtn a:hover{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btndown_h.png) no-repeat;background-size: 100% 100%;}
.p0-bxbtn a:hover span{transform: scale(1.1);color: #000;}
.p0-box-rig{padding-top: 0.6rem;}
.p0-bxbtn a.btndownwegame{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btndown.png) no-repeat;background-size: 100% 100%;}
.p0-bxbtn a.btndownwegame:hover{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/btndown_h.png) no-repeat;background-size: 100% 100%;}
/*---------------------------0----------------------------*/




/*==================================  1   =================================*/
.mySwiper-3{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}
.mySwiper-3 .p1-swiper-slide-1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg1_1.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-3 .p1-swiper-slide-2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg1_2.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-3 .p1-swiper-slide-3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg1_3.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-3 .p1-swiper-slide-4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg1_4.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.p1-mySwiper-3-2-bx{width: 15rem;position: absolute;bottom: 1rem;left: 50%;margin-left: -7.5rem;height: 2rem;z-index: 99;}
.mySwiper-3-2{width: 100%;overflow: hidden;height: 100%;}
.p1-slide-bx{width: 4.28rem;height: 100%;margin: 0 auto;position: relative;
/*background-color: rgba(0,0,0,0.5);*/
}
.p1-picbx{display: block;position: absolute;top: 50%;;left: 50%;width: 4.28rem;height: 0.95rem;transform: translate(-50%,-50%);overflow: hidden;}
.p1-picbx img{display: block;width: 100%;position: absolute;top: 50%;;left: 50%;transform: translate(-50%,-50%);filter: brightness(0.5);}

.mySwiper-3-2 .swiper-slide-thumb-active .p1-picbx img{filter: brightness(1);} 
.swiper-button-next{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/next1.png) no-repeat;width: 0.52rem;height: 1.04rem;background-size: 100% 100%;}
.swiper-button-prev{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/prev1.png) no-repeat;width: 0.52rem;height: 1.04rem;background-size: 100% 100%;}
.swiper-button-next:after, .swiper-button-prev:after{opacity: 0;}
.swiper-button-next-3{top: 50%;margin-top: -0.52rem;right: 3.72rem;z-index: 99;}
.swiper-button-prev-3{top: 50%;margin-top: -0.52rem;left: 3.72rem;z-index: 99;}
.content01 .p2_bx_vid_out{position: absolute;top: 0.06rem;left: 8.2rem;margin: -0.06rem 0 0;}



/*==================================  01   =================================*/
.p1tit1_box{width: 100%;position: absolute;left: 0;top: 0.3rem;z-index: 100;}
.p1tit1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit1.png) no-repeat;width: 16.68rem;height: 2.64rem;background-size: 100% 100%;margin: 0 auto;}
.p1titfubx_big{display: flex;flex-wrap: wrap;}
.p1titfubx{min-width: 5.28rem;text-align: center; padding: 0.24rem 0 0;height: 1.38rem;margin: 0.04rem auto 0;box-sizing: border-box;position: relative;}
.p1titfubx_txt_bx{position: relative; height: 1.08rem;margin: 0 auto;box-sizing: border-box;padding: 0 0.90rem;}
.p1titfubx_txt_bx1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit1.png);width: 7.27rem;background-size: auto 100%;}
.p1titfubx_txt_bx2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit2.png);width: 7rem;height: 0.96rem; background-size: auto 100%;}
.p1titfubx_txt_bx3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit3.png);width: 5.37rem;height: 0.96rem; background-size: auto 100%;}
.p1titfubx_txt_bx4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit4.png);width: 6.25rem;height: 1.09rem; background-size: auto 100%;}
.p1titfubx_txt_bx1::after{position: absolute;content: "";top: 3.1rem;left: 8.8rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit_hx1.png);width: 0.49rem;height: 0.6rem; background-size: 100% 100%;}
.p1titfubx_txt_bx2::after{position: absolute;content: "";top: 2.95rem;left: 12.4rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit_hx2.png);width: 0.48rem;height: 0.63rem; background-size: 100% 100%;}
.p1titfubx_txt_bx3::after{position: absolute;content: "";top: 1.9rem;right: 9.7rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit_hx3.png);width: 2.23rem;height: 1.86rem; background-size: 100% 100%;}
.p1titfubx_txt_bx4::after{position: absolute;content: "";top: 3.15rem;right: 8.7rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_tit_hx4.png);width: 0.52rem;height: 0.58rem; background-size: 100% 100%;}

.p1ttxfb{font-size: 0.72rem;line-height: 0.96rem;font-family: 'zsct';color: #dafff6;text-shadow: -1px 0 0 #ec6c6b;position: relative;}
.beta{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/beta.png) no-repeat;width: 0.75rem;height: 0.38rem;display: block;position: absolute;right: -0.88rem;top: 0.02rem;background-size: 100% 100%;}
.p1titfubx_txt_bx_411{padding: 0 1.65rem;}
.p1ttxfb span{color: #dafff6;margin-left: 0.28rem;}
.p1fbzslf{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1fbzs1.png) no-repeat;width: 0.07rem;height: 1.38rem;display: block;position: absolute;left: 0;top: 0;background-size: 100% 100%;}
.p1fbzsrig{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1fbzs2.png) no-repeat;width: 0.09rem;height: 1.38rem;display: block;position: absolute;right: 0;top: 0;background-size: 100% 100%;}
.p1boxtext{position: absolute;}
.p1_sub_tit1{width: 11.17rem;height: 4.77rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_sub_tit1.png) no-repeat 50% 50%/100% 100%;}
.p1_sub_tit2{width: 11.99rem;height: 5.62rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_sub_tit2.png) no-repeat 50% 50%/100% 100%;}
.p1_sub_tit3{width: 11rem;height: 5.4rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_sub_tit3.png) no-repeat 50% 50%/100% 100%;}
.p1_btns{display: flex;justify-content: space-between; width: 9rem;box-sizing: border-box;margin-top: 0.3rem;margin-left: auto;}
.p1_btns .p1_play1{width: 4.35rem;height: 1.01rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_play2.png) no-repeat 50% 50%/100% 100%;}
.p1_btns .p1_play2{width: 4.35rem;height: 1.01rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_play1.png) no-repeat 50% 50%/100% 100%;}
.p1bxtx1{width: 100%;box-sizing: border-box;padding: 0 0.42rem;font-family: 'zst';font-size: 0.40rem;line-height: 0.60rem;color: #f0f0f0;}
.p1bxtx1 span{color: #b3dcf2;}
.p1bxtxtzs1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1bxzs1.png) no-repeat;width: 0.17rem;height: 0.17rem;background-size: 100% 100%;display: block;position: absolute;top: -0.08rem;left: -0.08rem;}
.p1bxtxtzs2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1bxzs2.png) no-repeat;width: 0.17rem;height: 0.17rem;background-size: 100% 100%;display: block;position: absolute;top: -0.08rem;right: -0.08rem;}
.p1bxtxtzs3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1bxzs2.png) no-repeat;width: 0.17rem;height: 0.17rem;background-size: 100% 100%;display: block;position: absolute;bottom: -0.08rem;left: -0.08rem;}
.p1bxtxtzs4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1bxzs1.png) no-repeat;width: 0.17rem;height: 0.17rem;background-size: 100% 100%;display: block;position: absolute;bottom: -0.08rem;right: -0.08rem;}

.p1titfubx_big1{display: flex;}
.p1titfubx_big2{display: none;}
.p1titfubx_big3{display: none;}

.p5boxtxt_cot1{position: relative; width: 26.45rem;height: 3.81rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p5boxtxt_cot1.png) no-repeat 50% 50%;background-size: 100% 100%;}
.p5boxtxt_cot2{position: relative; width: 18.25rem;height: 3.79rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p5boxtxt_cot2.png) no-repeat 50% 50%;background-size: 100% 100%;}
.p5boxtxt_cot1 .p2_bx_vid_out{position: absolute;top: 0.85rem;left: 4.6rem;width: 1rem;height: 1rem; margin: -0.06rem 0 0;}

.p1boxtext1{bottom: 2rem;left: -10rem;display: block;}
.p1boxtext2{bottom: 2rem;left: -10rem;display: none;}
.p1boxtext3{bottom: 2rem;left: -10rem;display: none;width: 6.84rem;}


 /*====================================   2   ==============================================*/
.p2tit1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit2.png) no-repeat;width: 20.2rem;height: 2.64rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -10.1rem;top: 0.6rem;z-index: 100;}
.p2box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.mySwiper-3p{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}
.mySwiper-4p{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}

.mySwiper-3p .p2-swiper-slide-1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg2_1.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-3p .p2-swiper-slide-2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg2_2.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-3p .p2-swiper-slide-3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg2_3.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-3p .p2-swiper-slide-4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg2_4.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.swiper-button-next-3p{top: auto;right: auto;left: 50%;bottom: 1.8rem;margin: 0 0 0 9.5rem;z-index: 100;}
.swiper-button-prev-3p{top: auto;right: auto;left: 50%;bottom: 1.8rem;margin: 0 0 0 -10rem;z-index: 100;}

/* p2 轮播指示器：3 个 slide 分别对应 m3p_zsq1/2/3，选中态用图名后加 h 的版本 */
.p2box .swiper-pagination-3p{position: absolute;left: 50%;bottom: 1rem;transform: translateX(-50%);width: auto;text-align: center;z-index: 100;opacity: 0;}
/* 从下往上滑入：进入 p2 屏时靠 .cn_active 兜底跑一次；屏内切 slide 由 JS 加 .anim 重播 */
/* 节奏跟 p1titfubx_big 对齐：0.42s 时长 + 0.42s 延迟 */
.cn_active .p2box .swiper-pagination-3p{animation: p3pSlideUp 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s forwards;}
.p2box .swiper-pagination-3p.anim{animation: p3pSlideUpIn 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s forwards;}
/* 关键帧必须保留 -50%，否则动画期间会丢掉水平居中；位移 3rem 保证肉眼能看出来 */
@keyframes p3pSlideUp{ 
	0%{opacity: 0;transform: translate(-50%, 3rem);} 
	100%{opacity: 1;transform: translate(-50%, 0);} 
}
@keyframes p3pSlideUpIn{ 
	0%{opacity: 0;transform: translate(-50%, 3rem);} 
	100%{opacity: 1;transform: translate(-50%, 0);} 
}
.p2box .swiper-pagination-3p .swiper-pagination-bullet{width: 4.2rem;height: 2.3rem;margin: 0 0.15rem;border-radius: 0;opacity: 1;background-color: transparent;background-repeat: no-repeat;background-position: 50% 50%;background-size: 100% 100%;}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(1){background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq1.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(2){background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq2.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(3){background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq3.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(4){background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq4.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq1h.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq2h.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq3h.png);}
.p2box .swiper-pagination-3p .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{background-image: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_zsq4h.png);}
.swiper-button-next-8p{top: 50%;margin-top: -0.52rem;right: 5rem;z-index: 100;}
.swiper-button-prev-8p{top: 50%;margin-top: -0.52rem;left: 5rem;z-index: 100;}
.p2_bx_down{position: absolute;width: 32rem;left: 50%;margin-left: -16rem; bottom: 4.2rem;}
.p2-btn-vid{width: 2.08rem;height: 1.85rem;display: block;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.p2-btn-vid span{display: block;width: 2.08rem;height: 1.85rem;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn_in.png) no-repeat;background-size: 100% 100%;}
.p2titfubx_big{margin: 5.00rem auto 0;}
.p2fblf{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p2fblf.png) no-repeat;width: 6.84rem;height: 0.91rem;background-size: 100% auto;margin-top: 0.15rem;}
.p2box .p1titfubx{margin: 0 0.15rem;}

.p2boxtxt{display: flex;flex-wrap: wrap;margin: 0.04rem auto 0;}
.p2boxtxt_cot{width: 10.02rem; height: auto;display: flex;justify-content: center;align-items: center;line-height: 1.5;
				font-family: 'zst';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #FFFFFF;font-size: 0.36rem;padding: 0.4rem;position: relative;}
.p2boxtxt_cot span{color: #fdd88e;}
.mySwiper-3p .p2boxtxt_cot{box-sizing: border-box; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_txt_bod.png) no-repeat 0% 0%/100% 100%;}
.mySwiper-3p .p2boxtxt_cot2{box-sizing: border-box; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/m3p_txt_bod2.png) no-repeat 0% 0%/100% 100%;}
.p2boxtxt_d_lf{display: block;width: 0.05rem;height: 1px;background-color: #ffffff;position: absolute;left: 0;bottom: -1px;}
.p2boxtxt_d_rig{display: block;width: 0.05rem;height: 1px;background-color: #ffffff;position: absolute;right: 0;bottom: -1px;}
.p4_cont_txt{width: 11.44rem;}
.p9tit1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit9.png) no-repeat;width: 13.34rem;height: 2.03rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -6.67rem;top: 1.22rem;z-index: 100;}
.p2_bx_vid_out{width: 0.84rem;height: 0.84rem; display: block;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn_in.png) no-repeat;background-size: 100% 100%;margin-top: 0.36rem;}

.p1_bot_txt{position: relative; width: 13.41rem; height: 2.85rem;}
.p1_bot_txt1{width: 10.65rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_bot_txt1.png) no-repeat;background-size: 100% 100%;}
.p1_bot_txt2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_bot_txt2.png) no-repeat;background-size: 100% 100%;}
.p1_bot_txt3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_bot_txt3.png) no-repeat;background-size: 100% 100%;}
.p1_bot_txt4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p1_bot_txt4.png) no-repeat;background-size: 100% 100%;}




  /*======================  2   ================================================*/




  /*======================   3  ====================================*/
.p3box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.p3box .p1titfubx{margin: 0 0.15rem}
.mySwiper-5{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}
.swiper-button-next-5{top: 50%;margin-top: -0.52rem;right: 5rem;z-index: 100;}
.swiper-button-prev-5{top: 50%;margin-top: -0.52rem;left: 5rem;z-index: 100;}
.mySwiper-5 .p3-swiper-slide-1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg3_1.jpg) no-repeat 50% 10%;width: 38.40rem;background-size: cover;}
.p3tit1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit3.png) no-repeat;width: 18.7rem;height: 2.64rem;background-size: 100% auto;margin: 0 auto;}
.p3titfubx_big1{display: flex;}
.p3titfubx_big2{display: none;}
.p3boxtext{position: relative;}
.p3txt1{font-family: 'zst';font-size: 0.36rem;color: #FFFFFF;line-height: 0.70rem;text-align: center;width: 9.73rem;height: 5.76rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p3txt1.png) no-repeat;background-size: 100% 100%;transform: translateY(2rem);}
.p3txt1 span{color: #b3dcf2;}
.bg3 .p3boxtext{width: 24.20rem;}
  /*======================   3  ====================================*/




  /*======================   4  ====================================*/
.bg4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg4.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.p4box{width: 30.97rem;height: 16rem; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p4tit{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit4.png) no-repeat;width: 15.5rem;height: 2.47rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -7.75rem;top: 0.6rem;z-index: 100;}
.p4txtinc{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4nametxt.png) no-repeat;width: 14.59rem;height: 5.99rem;background-size: contain;margin-left: -1.3rem;margin-top: -0.7rem;}

.p4_btns{display: flex;justify-content: space-between; width: 11.28rem;padding-left: 0.2rem;box-sizing: border-box;margin: 0.4rem 0;}
.p4icon{width: 1.74rem;height: 1.74rem;}
.p4icon1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon1.png) no-repeat;background-size: 100% 100%;}
.p4icon1.on{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon1h.png) no-repeat;background-size: 100% 100%;}
.p4icon2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon2.png) no-repeat;background-size: 100% 100%;}
.p4icon2.on{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon2h.png) no-repeat;background-size: 100% 100%;}
.p4icon3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon3.png) no-repeat;background-size: 100% 100%;}
.p4icon3.on{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon3h.png) no-repeat;background-size: 100% 100%;}
.p4icon4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon4.png) no-repeat;background-size: 100% 100%;}
.p4icon4.on{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4icon4h.png) no-repeat;background-size: 100% 100%;}

.p4boxtxt_d_lf{display: block;width: 0.05rem;height: 1px;background-color: #ffffff;position: absolute;left: 0;top: -1px;}
.p4boxtxt_d_rig{display: block;width: 0.05rem;height: 1px;background-color: #ffffff;position: absolute;right: 0;top: -1px;}
.p4_bxtabnv{width: 100%;margin: 0.136rem 0 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.p4btnnv{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4bgicon.png) no-repeat;width: 1.74rem;height: 1.74rem;background-size: 100% auto;display: block;}
.p4btnnv img{display: block;width: 100%;transition: 0.3s all;}
.p4btnnv:hover img{transform: scale(1.2);}

.p4tabtext_box{position: relative; width: 11.21rem;height: 8.15rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4tabtext_box.png) no-repeat;background-size: 100% 100%;}
.p4tabtext{box-sizing: border-box;width: 11.2rem;padding: 0 0.5rem;}
.p4_sub_tit{font-size: 0.4rem;color: #f6ea97;width: 5.94rem; height: 0.8rem;box-sizing: border-box; line-height: 1rem;font-family: "zsct";}
.p4_sub_txt{width: 100%;font-size: 0.32rem;color: #cccccb;font-family: "zst";-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;box-sizing: border-box;line-height: 1.5;}

.p4bgbbtx-bot{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4bgbbtx-bot.png) no-repeat;width: 11.21rem;height: 0.09rem;background-size: 100%;position: absolute;display: block;bottom: 0;left: 0;}
.p4bgbbtx-top{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p4bgbbtx-top.png) no-repeat;width: 11.21rem;height: 0.09rem;background-size: 100%;position: absolute;display: block;top: 0;left: 0;}
.p4tabtxt1{font-size: 0.40rem;color: #a7d0eb;line-height: 0.54rem;width: 100%;box-sizing: border-box;padding:0 0.47rem;font-family: 'zsct';}
.p4tabtxt2{font-size: 0.30rem;color: #eaeaea;line-height: 0.46rem;width: 100%;box-sizing: border-box;padding:0 0.28rem 0 0.47rem;font-family: 'zst';margin: 0.04rem 0 0 0;}
.p4_bx_vid_out{width: 1.38rem;height: 1.38rem;position: absolute;top: 50%;left: 50%;margin: 0.3rem 0 0 -0.69rem; display: block;background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn_in.png) no-repeat;background-size: 100% 100%;}


  /*======================   4  ====================================*/



  /*======================   5  ====================================*/
 .p5tit1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit5.png) no-repeat;width: 17.73rem;height: 2.64rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -8.9rem;top: 0.6rem;z-index: 100;}
.p2box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.mySwiper-5p{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}

.mySwiper-5p .p2-swiper-slide-1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg5_1.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-5p .p2-swiper-slide-2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg5_2.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}

.swiper-button-next-5p{top: 50%;margin-top: -0.52rem;right: 4rem;z-index: 100;}
.swiper-button-prev-5p{top: 50%;margin-top: -0.52rem;left: 3rem;z-index: 100;}
.p5_bx_down{position: absolute; width: 32rem;left: 50%;margin-left: -16rem; bottom: 2rem;}
.mySwiper-5p .p1titfubx::before{position: absolute;content:"";top: 50%;left: -6.9rem;z-index: 9;transform: translateY(-50%); width: 6.76rem;height: 0.14rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/left_xian.png) no-repeat 50% 0%/100% 100%;}
.mySwiper-5p .p1titfubx::after{position: absolute;content:"";top: 50%;right: -6.9rem;z-index: 9;transform: translateY(-50%); width: 6.76rem;height: 0.14rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/right_xian.png) no-repeat 50% 0%/100% 100%;}
.p5boxtxt_cot{width: 10.65rem;height: 2.23rem; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p5boxtxt_cot.png) no-repeat 50% 50%;background-size: 100% 100%;}
 
   /*======================   5  ====================================*/



   /*======================   6  ====================================*/
.p6tit{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit6.png) no-repeat;width: 16.68rem;height: 2.69rem;background-size: 100% auto;position: absolute;left: 50%;margin-left: -8.34rem;top: 0.6rem;z-index: 100;}
.p6-mySwipebx2{width: 100%;height: 100%;}
.mySwiper-6{width: 100%;height: 100%;overflow: hidden;}
.mySwiper-6-2 .swiper-slide{cursor: pointer;}
.mySwiper-3-2 .swiper-slide{cursor: pointer;}
.mySwiper-6 .p6-swiper-slide-sm1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_1.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_2.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_3.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_4.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm5{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_5.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm6{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_6.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm7{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_7.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.mySwiper-6 .p6-swiper-slide-sm8{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg6_8.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.p6-mySwipebx1{width: 4.59rem;height: 10.36rem;position: absolute;top: 50%;left: 1.97rem;transform: translate(0,-50%);z-index: 100;}
.mySwiper-6-2{width: 100%;height: 9.00rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p6lfbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 4.59rem;height: 2.71rem;background-color: rgba(21,23,28,0.5);}
.p6lfbox_in{width: 4.36rem;height: 2.48rem;border: 1px solid #6c6c6c;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);overflow: hidden;}
.p6lfbox_in img{filter: brightness(0.5);height: 100%;display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%,0%);}
.p6-mySwipebx1 .swiper-slide-thumb-active .p6lfbox_in img{filter: brightness(1);}
.p6ingname{position: absolute;width: 100%;left: 0;bottom: 0;height: 0.66rem;text-align: center;line-height: 0.66rem;font-family: 'zsct';color: #646464;font-size: 0.32rem;background-color: rgba(50,53,55,0.8)}
.p6ingname span{color: #646464;}
.p6covk{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p6-bxcurr.png) no-repeat;width: 4.59rem;height: 2.71rem;display: none;position: absolute;top: 0;left: 0;background-size: 100% 100%;}
.p6-mySwipebx1 .swiper-slide-thumb-active .p6covk{display: block;}
.p6-mySwipebx1 .swiper-slide-thumb-active .p6ingname{color: #FFFFFF;}
.p6-mySwipebx1 .swiper-slide-thumb-active .p6ingname span{color: #f6ea97;}
.swiper-button-next-6{width: 4.57rem;height: 0.61rem;position: absolute;left: 2.3rem;bottom: 0; transform: translate(-50%,0);cursor: pointer;display: block;}
.swiper-button-prev-6{width: 4.57rem;height: 0.61rem;position: absolute;left: 2.3rem;top: 0; transform: translate(-50%,0);cursor: pointer;display: block;}
.swiper-button-next-6 span{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p6-next1.png) no-repeat;width: 4.57rem;height: 0.61rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;background-size: 100% auto;}
.swiper-button-prev-6 span{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p6-prev1.png) no-repeat;width: 4.57rem;height: 0.61rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;background-size: 100% auto;}
.swiper-button-prev-6.swiper-button-disabled, .swiper-button-next-6.swiper-button-disabled{opacity: 0.35;cursor: auto;
    pointer-events: none;}
.p6bxvid{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 0 auto;}
.p6btnvd{display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0 0.16rem;}
.p6vid{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn.png) no-repeat;width: 1.10rem;height: 0.98rem;background-size: 100% 100%;display: block;margin-left: -0.07rem;}
.p6vid i{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn_in.png) no-repeat;width:100%;height: 100%;background-size: 100% 100%;display: block;}
.p6vivtxt{display: block;height: 0.94rem;border: 1px solid rgba(55,55,68,0.6);background-color: rgba(0,0,0,0.5);font-size: 0.34rem;color: #eeeeee;line-height: 0.94rem;width: 3.34rem;
			margin: 0.02rem 0 0 0;text-align: center;}

.p6box{position: absolute;right: 0;bottom: 1.65rem;width: 16.54rem;}
/* p6 复用 p1 的文案块（.p1boxtext_out），放在 mySwiper-6 右下方，槽位与 .p6box 对齐 */
.p6-mySwipebx2 .p1boxtext_out{position: absolute;right: 4rem;bottom: 1.65rem;z-index: 100;}
.p6-mySwipebx2 .p1boxtext_out .p1boxtext{position: relative;left: auto;right: auto;bottom: auto;width: auto;display: none;}
.p6pictxt1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p6pictxt1.png) no-repeat;width: 16.54rem;height: 2.88rem;background-size: 100% 100%;margin: 0 auto;}
.p6pictxt2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p6pictxt2.png) no-repeat;width: 16.54rem;height: 2.88rem;background-size: 100% 100%;margin: 0 auto;}
.p6pictxt3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p6pictxt3.png) no-repeat;width: 16.54rem;height: 2.88rem;background-size: 100% 100%;margin: 0 auto;}



   /*======================   6  ====================================*/
.p6vid{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/play_btn_in.png) no-repeat;width: 1.38rem;height: 1.38rem;background-size: 100% auto;position: absolute;top: 65%;left: 8%;margin: -0.69rem 0 0 -0.69rem;}


/*======================   7  ====================================*/
 .p7tit{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit7.png) no-repeat;width: 16.68rem;height: 2.64rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -8.34rem;top: 0.6rem;z-index: 100;}
.p7box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.mySwiper-7p{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}

.mySwiper-7p .p7-swiper-slide-1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg7.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-7p .p7-swiper-slide-2{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg7_1.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-7p .p7-swiper-slide-3{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg7_2.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}
.mySwiper-7p .p7-swiper-slide-4{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg7_3.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}

.swiper-button-next-7p{top: 50%;margin-top: -0.52rem;right: 5rem;z-index: 100;}
.swiper-button-prev-7p{top: 50%;margin-top: -0.52rem;left: 5rem;z-index: 100;}
.p7_bx_down{position: absolute; width: 32rem;left: 50%;margin-left: -16rem; bottom: 2rem;}
.p7boxtxt_cot1{position: relative; width: 11.6rem;height: 2.65rem;margin: 0 0 0 auto; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p7_bot_txt1.png) no-repeat 50% 50%;background-size: 100% 100%;}
.p7boxtxt_cot2{position: relative; width: 11.39rem;height: 4.35rem;margin: 0 0 0 auto; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p7_bot_txt2.png) no-repeat 50% 50%;background-size: 100% 100%;}
.p7boxtxt_cot3{position: relative; width: 21.45rem;height: 4.26rem;margin: 0 auto; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p7_bot_txt3.png) no-repeat 50% 50%;background-size: 100% 100%;}
.p7boxtxt_cot4{position: relative; width: 19.13rem;height: 2.87rem;margin: 0 auto; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p7_bot_txt4.png) no-repeat 50% 50%;background-size: 100% 100%;}
.content07 .p7boxtxt_cot1 .p2_bx_vid_out {position: absolute;top: 0.1rem;left: -1.4rem;width: 1.17rem;height: 1.17rem; margin: 0;} 
.content07 .p7boxtxt_cot2 .p2_bx_vid_out {position: absolute;top: 1.8rem;left: -1.6rem;width: 1.17rem;height: 1.17rem; margin: 0;} 

   /*======================   8  ====================================*/


/*======================   8  ====================================*/
 .p8tit1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/tit8.png) no-repeat;width: 20.07rem;height: 2.83rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -10.35rem;top: 0.6rem;z-index: 100;}
.p2box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.mySwiper-8p{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 99;}

.mySwiper-8p .p8-swiper-slide-1{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/bg8_1.jpg) no-repeat 50% 0%;width: 38.40rem;background-size: cover;}

.swiper-button-next-8p{top: 50%;margin-top: -0.52rem;right: 5rem;z-index: 100;}
.swiper-button-prev-8p{top: 50%;margin-top: -0.52rem;left: 5rem;z-index: 100;}
.p8_bx_down{position: absolute; width: 32rem;left: 50%;margin-left: -16rem; bottom: 2rem;}
.p8boxtxt_cot{width: 26.45rem;height: 1.8rem;margin: 0 auto; background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/p8boxtxt_cot.png) no-repeat 50% 50%;background-size: 100% 100%;}
 
   /*======================   8  ====================================*/


/*---------------------------------------   animation        ------------------------------------------*/


/* 左侧滑入动画组 */
.cn_active .mySwiper-8p .swiper-slide-active .p8txt2,
.cn_active .mySwiper-8p .swiper-slide-active .p8txt3,
.cn_active .mySwiper-8p .swiper-slide-active .p8txt4{
	opacity: 0;
	animation: p8txt1 0.42s 0.21s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes p8txt1 {
	from { opacity: 0; transform: translateX(-4rem) scale(0.95); }
	to { opacity: 1; transform: translateX(0) scale(1); }
}

/*.cn_active .mySwiper-8p .swiper-slide-active .p0-box1-lf{
	opacity: 0;
	animation: p0-box1-lf 0.42s 0.21s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes p0-box1-lf {
	from { opacity: 0; transform: translateX(4rem) scale(0.95); }
	to { opacity: 1; transform: translateX(0) scale(1); }
}*/

/*.cn_active .mySwiper-8p .swiper-slide-active .p8txt2,
.cn_active .mySwiper-8p .swiper-slide-active .p8txt3 {
	opacity: 0;
	animation: p8txt2 0.42s 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes p8txt2 {
	from { opacity: 0; transform: translateX(-4rem) scale(0.95); }
	to { opacity: 1; transform: translateX(0) scale(1); }
}
/* 可以共用同一个动画 */
@keyframes p8txt3 {
	from { opacity: 0; transform: translateX(-4rem) scale(0.95); }
	to { opacity: 1; transform: translateX(0) scale(1); }
}*/

.slg
 {
  opacity: 0;
  transform: translateX(-2rem);
  will-change: transform, opacity;
}
.cn_active .slg { animation: slideInTop 0.8s ease-in-out forwards; }
/*.cn_active .p0-box1-lf { animation: slideInLeft 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }*/

@keyframes slideInTop { 
  0% { transform: translateY(-4rem); opacity: 0; } 
  100% { transform: translateY(0); opacity: 1; } 
}

@keyframes slideInLeft { 
  0% { transform: translateX(-2rem); opacity: 0; } 
  100% { transform: translateX(0); opacity: 1; } 
}

/* 右侧滑入动画组 */
.btndownwegame,
.btndownhome {
  opacity: 0;
  transform: translateX(2rem);
  will-change: transform, opacity;
}
.cn_active .btndownwegame { animation: slideInRight 0.42s 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.cn_active .btndownhome { animation: slideInRight 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }

@keyframes slideInRight { 
  0% { transform: translateX(2rem); opacity: 0; } 
  100% { transform: translateX(0); opacity: 1; } 
}

/* 标题下滑动画组 */
.p1tit1, .p2tit1, .p3tit1, .p5tit1, .p6tit, .p7tit, .p8tit1, .p9tit1 {
  opacity: 0;
  transform: translateY(-2rem);
  will-change: transform, opacity;
}
.cn_active .p1tit1,
.cn_active .p2tit1,
.cn_active .p3tit1,
.cn_active .p5tit1,
.cn_active .p6tit,
.cn_active .p7tit,
.cn_active .p8tit1,
.cn_active .p9tit1 { 
  animation: slideDown 0.42s 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}

@keyframes slideDown { 
  0% { transform: translateY(-2rem); opacity: 0; } 
  100% { transform: translateY(0); opacity: 1; } 
}

/* 上滑动画组 */
.mySwiper-3-2,
.p1titfubx_big_out,
.p1boxtext {
  opacity: 0;
  transform: translateY(2rem);
  will-change: transform, opacity;
}
.cn_active .mySwiper-3-2 { animation: slideUp 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.cn_active .p1titfubx_big_out { animation: slideUp 0.56s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.cn_active .p1boxtext { animation: slideUp 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.cn_active .btndownhome { animation: slideUp 0.42s 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.cn_active .btndownwegame { animation: slideUp 0.42s 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }

@keyframes slideUp { 
  0% { transform: translateY(2rem); opacity: 0; } 
  100% { transform: translateY(0); opacity: 1; } 
}

/* Swiper按钮动画 */
/*.swiper-button-next { transform: translateX(20rem); }
.swiper-button-prev { transform: translateX(-20rem); }
.cn_active .swiper-button-next,
.cn_active .swiper-button-prev { 
  animation: slideInSmooth 0.84s 0.63s ease-out forwards; 
  will-change: transform;
}

@keyframes slideInSmooth { 
  0% { transform: translateX(var(--start-pos, 20rem)); } 
  100% { transform: translateX(0); } 
}
.cn_active .swiper-button-next { --start-pos: 20rem; }
.cn_active .swiper-button-prev { --start-pos: -20rem; }*/

/* 缩放动画 */
.p1titfubx_big {
  opacity: 0;
  transform: scale(0.85);
  will-change: transform, opacity;
}
.cn_active .p1titfubx_big { 
  animation: scaleIn 0.56s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}

@keyframes scaleIn { 
  0% { opacity: 0; transform: scale(0.85); } 
  100% { opacity: 1; transform: scale(1); } 
}

/* 长距离右滑入（从右到左） */
.p1boxtext_out {
  opacity: 0;
  transform: translateX(8rem);
  will-change: transform, opacity;
}
.cn_active .p1boxtext_out { 
  animation: longSlideInRtl 0.56s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}

@keyframes longSlideInRtl { 
  0% { opacity: 0; transform: translateX(8rem); } 
  100% { opacity: 1; transform: translateX(0); } 
}

@keyframes longSlideIn { 
  0% { opacity: 0; transform: translateX(-8rem); } 
  100% { opacity: 1; transform: translateX(0); } 
}

/* 大位移下滑动画组 */
.cn_active .mySwiper-3p .swiper-slide-active .p1titfubx_big { 
  animation: slideFromLeft 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .mySwiper-4p .p1titfubx_big { 
  animation: slideDownBig 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .mySwiper-8p .swiper-slide-active .p1titfubx_big { 
  animation: slideDownBig 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.p2boxtxt,
.p3boxtext {
  opacity: 0;
  transform: translateY(4rem);
  will-change: transform, opacity;
}
.p3boxtext{transform: translateX(-4rem);} /* 起始位与从左往右的关键帧保持一致 */
.cn_active .mySwiper-3p .swiper-slide-active .p2boxtxt{ 
  animation: slideFromLeft 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .mySwiper-3 .swiper-slide-active .p2boxtxt{ 
  animation: slideFromLeft 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .mySwiper-3 .p2boxtxt{ 
  animation: slideDownBig 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .mySwiper-4p .p2boxtxt{ 
  animation: slideDownBig 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
/* p3 文案：从左往右 */
.cn_active .p3boxtext{ 
  animation: slideFromLeft 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}

@keyframes slideDownBig { 
  0% { opacity: 0; transform: translateY(4rem); } 
  100% { opacity: 1; transform: translateY(0); } 
}

/*-----------------*/
/* 第4页 - 顺序滑入动画（保持原逻辑） */
.p4tit,
.p4txtinc,
.p4_cont_txt,
.p4_btns,
.p4tabtext_box {
  opacity: 0;
  transform: translateX(-2rem);
  will-change: transform, opacity; /* 添加性能优化 */
}

.cn_active .p4tit { 
  animation: slideFromLeft 0.42s 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .p4txtinc { 
  animation: slideFromLeft 0.42s 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .p4_cont_txt { 
  animation: slideFromLeft 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .p4_btns { 
  animation: slideFromLeft 0.42s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
.cn_active .p4tabtext_box { 
  animation: slideFromLeft 0.42s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}

@keyframes slideFromLeft { 
  0% { opacity: 0; transform: translateX(-4rem); } 
  100% { opacity: 1; transform: translateX(0); } /* �޸�ΪtranslateX(0) */
}

/* 第5页轮播动画（保持原逻辑但优化） */
.cn_active .mySwiper-5p .swiper-slide-active .p1titfubx_big {
  animation: slideFromTop 0.56s 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  will-change: transform, opacity;
}

.cn_active .mySwiper-5p .swiper-slide-active .p2boxtxt {
  animation: slideFromLeft 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}

@keyframes slideFromTop { 
  0% { opacity: 0; transform: translateY(4rem); } 
  100% { opacity: 1; transform: translateY(0); } 
}
/*-------------------*/

.cn_active .p6-mySwipebx1{animation: p6-mySwipebx1 0.28s 0.28s linear forwards;opacity: 0;}
@keyframes p6-mySwipebx1{ 
	0%{opacity: 0;transform: translateX(-4.00rem) translate(0,-50%);} 
	100%{opacity: 1;transform: translateX(0) translate(0,-50%);} 
}
/*----------*/
/* 第6页轮播容器 - 左侧滑入（带垂直居中偏移） */
.p6-mySwipebx1 {
  opacity: 0;
  transform: translateX(-4rem) translateY(-50%);
  will-change: transform, opacity;
  backface-visibility: hidden; /* 3D��Ⱦ�Ż� */
}

.cn_active .p6-mySwipebx1 { 
  animation: slideLeftWithOffset 0.42s 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}

@keyframes slideLeftWithOffset { 
  0% { opacity: 0; transform: translateX(-4rem) translateY(-50%); } 
  100% { opacity: 1; transform: translateX(0) translateY(-50%); } 
}

/* 第6页轮播按钮 - 双向交错滑入 */
.p6-mySwipebx2 .swiper-slide-active .p6btnvd1,
.p6-mySwipebx2 .swiper-slide-active .p6btnvd2 {
  opacity: 0;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.p6-mySwipebx2 .swiper-slide-active .p6btnvd1 {
  transform: translateX(-4rem);
}

.p6-mySwipebx2 .swiper-slide-active .p6btnvd2 {
  transform: translateX(4rem);
}

.cn_active .p6-mySwipebx2 .swiper-slide-active .p6btnvd1 { 
  animation: slideFromLeft 0.42s 0.56s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}

.cn_active .p6-mySwipebx2 .swiper-slide-active .p6btnvd2 { 
  animation: slideFromRight 0.42s 0.56s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}

/* 使用通用的左右滑入动画 */
@keyframes slideFromLeft { 
  0% { opacity: 0; transform: translateX(-4rem); } 
  100% { opacity: 1; transform: translateX(0); } 
}

@keyframes slideFromRight { 
  0% { opacity: 0; transform: translateX(4rem); } 
  100% { opacity: 1; transform: translateX(0); } 
}

/* 第7页按钮组 - 优雅上浮 */
.cn_active .mySwiper-7p .swiper-slide-active .p2boxtxt {
  animation: slideFromTop 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}
/*.p9slg {
  opacity: 0;
  transform: translateY(8rem);
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.cn_active .p9slg { 
  animation: slideUpSmooth 0.42s 0.28s linear forwards; 
}
.cn_active .p7btn1 { 
  animation: slideUpSmooth 0.42s 0.6s linear forwards; 
}

@keyframes slideUpSmooth { 
  0% { opacity: 0; transform: translateY(8rem); } 
  100% { opacity: 1; transform: translateY(0); } 
}*/

/* 可选：添加轻微弹性效果 */
@keyframes slideFromLeftElastic { 
  0% { opacity: 0; transform: translateX(-4rem) scale(0.95); } 
  70% { opacity: 1; transform: translateX(0.5rem) scale(1.02); }
  100% { opacity: 1; transform: translateX(0) scale(1); } 
}

@keyframes slideFromRightElastic { 
  0% { opacity: 0; transform: translateX(4rem) scale(0.95); } 
  70% { opacity: 1; transform: translateX(-0.5rem) scale(1.02); }
  100% { opacity: 1; transform: translateX(0) scale(1); } 
}

/* 如果希望更生动的效果，可以使用上面的弹性动画替换 */
.cn_active .p6-mySwipebx2 .swiper-slide-active .p6btnvd1.elastic { 
  animation: slideFromLeftElastic 0.49s 0.56s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}
.cn_active .p6-mySwipebx2 .swiper-slide-active .p6btnvd2.elastic { 
  animation: slideFromRightElastic 0.49s 0.56s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}


/* 第8页轮播动画（保持原逻辑但优化） */

.cn_active .mySwiper-8p .swiper-slide-active .p2boxtxt {
  animation: slideFromTop 0.42s 0.56s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 
}



/*---------------------------------------   animation        ------------------------------------------*/


/*---------------------------------------   fc   ------------------------------------------*/
.fc{background: url(//game.gtimg.cn/images/dfm/cp/a20261030ma5/fc.png) no-repeat;width: 2.35rem;height: 2.77rem;display: block;position: absolute;bottom: 1.50rem;right: 1.36rem;background-size: 100% 100%;opacity: 0;transform: translateX(2.00rem);}
.swiper-slide-active .fc{ animation: fc 0.4s 0.8s ease-out forwards; }
@keyframes fc{ 0%{opacity: 0;transform: translateX(2.00rem);} 100%{opacity: 1;transform: translateX(0);} }
/*---------------------------------------   fc   ------------------------------------------*/


/*---------------------------------------   pop   ------------------------------------------*/
.pop_mark{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 999;display: none;}
.popvideo{width:19.20rem;height:10.80rem;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.diclosevid{color:#fff;text-decoration:none;display:block;overflow:hidden;text-align:center;font-size: 0.96rem;width:0.96rem;line-height:0.96rem;height:0.96rem;position:absolute;right:-0.20rem;top:-0.96rem;font-family:"simsun";transition:1s all;}
.diclosevid:hover{transform: rotateZ(180deg);}
.popvideo .dia-con{width:19.20rem;height:10.80rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.popclosed{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.poptis{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 10.00rem;height: 0.92rem;font-family: 'zsct';line-height: 1;text-align: center;color: #FFFFFF;font-size: 0.92rem}

/*---------------------------------------   pop   ------------------------------------------*/
















