/*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;}
@font-face {
    font-family: 'zsct';
    src: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/zsct.ttf);
}
/*footer*/
.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;
}
.wrap{width: 100%;height: 100%;overflow: hidden;}
.sp{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/sp.png) no-repeat;background-size: 38.40rem auto;}
.bg0{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg0.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: 100% auto;background-size: cover;}
.content0{width: 100%;position: relative;height: 100%;}
.logo{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/logo.png) no-repeat;width: 2.89rem;height: 0.77rem;display: block;position: absolute;top: 0.89rem;left: 1.83rem;background-size: 100% 100%;}
.home{width: 4.10rem;height: 1.06rem;display: block;position: absolute;top: 0.89rem;right: 0.82rem;background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btnhome.png) no-repeat;background-size: 100% 100%;}
.home span{font-family: 'zsct';color: #FFFFFF;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: 1.60rem;left: 50%;transform: translate(-50%,0);width: 100%;}
.slg{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/slg.png) no-repeat;width: 23.42rem;height: 4.64rem;background-size: 100% 100%;margin: 0 auto;}

.p0-bxbtn{display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin: 0.22rem auto 0;transform-origin: 50% 0;}
.p0-bxbtn a{display: block;margin: 0 0.76rem;width: 7.24rem;height: 1.59rem;background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btndown.png) no-repeat;background-size: 100% 100%;}
.p0-bxbtn a span{font-family: 'zsct';color: #FFFFFF;line-height: 1;font-size: 0.58rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: 0.3s all;}
.p0-bxbtn a:hover span{transform: scale(1.2);}

/*---------------------------来一场真正的撤离                   开始----------------------------*/
.bg1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg1.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: 100% auto;background-size: cover;}
.p1tit{background-position: 0 -0.69rem;width: 17.61rem;height: 3.49rem;margin: 0 auto;}
.content1{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;width: 100%;}
.p1-box1{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 1.00rem auto 0;}
.p1-box1-lf{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p1-vidbg.png) no-repeat;width: 16.71rem;height: 9.43rem;background-size: 100% 100%;margin: 1.61rem 0.28rem 0;position: relative;}
.p1-box1-lf span{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -0.17rem -24.72rem;width: 4.52rem;height: 4.04rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p1-box1-lf span i{display: block;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);background-position: -1.49rem -30.29rem;width: 1.92rem;height: 1.94rem;}
.p1-box1-rig{margin: 0 0.28rem;width: 15.07rem;}
.p1-tita{background-position: -0.90rem -5.88rem;width: 15.11rem;height: 3.94rem;}
.p1bxstep{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p1boxswp.png) no-repeat;width: 15.07rem;height: 3.98rem;background-size: 100% 100%;margin: 0.18rem 0 0 0;position: relative;}

.mySwiper-2{width: 12.64rem;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-2 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-2 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.p1step1{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -3.21rem -10.84rem;width: 12.63rem;height: 2.74rem;}
.p1step2{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -3.18rem -14.59rem;width: 12.64rem;height: 2.15rem;}
.p1step3{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -2.99rem -17.55rem;width: 12.63rem;height: 2.14rem;}

.swiper-button-next{width: 1.16rem;height: 100%;position: absolute;top: 0;right: 0;left: auto;margin: 0 !important;}
.swiper-button-prev{width: 1.16rem;height: 100%;position: absolute;top: 0;left: 0;right: auto;margin: 0 !important;}
.swiper-button-next span{width: 0.33rem;height: 0.66rem;position: absolute;top: 50%;left: 50%;background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/next.png) no-repeat;background-size: 100% auto;transform: translate(-50%,-50%);}
.swiper-button-prev span{width: 0.33rem;height: 0.66rem;position: absolute;top: 50%;left: 50%;background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/prev.png) no-repeat;background-size: 100% auto;transform: translate(-50%,-50%);}



.swiper-button-next.swiper-button-disabled{opacity: 1;}
.swiper-button-prev.swiper-button-disabled{opacity: 1;}

.swiper-button-next.swiper-button-disabled span{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/nextgray.png) no-repeat;background-size: 100% auto;}
.swiper-button-prev.swiper-button-disabled span{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/prevgray.png) no-repeat;background-size: 100% auto;}


.swiper-button-next span{transition: 0.3s all;}
.swiper-button-next:hover span{transform:translate(-50%,-50%) translateX(0.20rem);}
.swiper-button-prev span{transition: 0.3s all;}
.swiper-button-prev:hover span{transform:translate(-50%,-50%) translateX(-0.20rem);}


.p1bxmas{background-position: -2.68rem -21.40rem;width: 15.07rem;height: 2.78rem;margin: 0.12rem 0 0 0 ;}


.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;border: 0.05rem solid #750c03;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%);}
/*---------------------------来一场真正的撤离                        结束----------------------------*/





/*---------------------------    来海岛玩点真的                   开始----------------------------*/

.p2tit{background-position: 0 -34.94rem;width: 16.71rem;height: 3.49rem;margin: 0 auto;}
.p2-box1-lf{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p2-vidbg.png) no-repeat;background-size: 100% 100%;}
.p2-tita{background-position: -22.13rem -0.69rem;width: 15.11rem;height: 3.94rem;margin: 0 0 0 0;}
.p2step1{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -24.21rem -6.85rem;width: 12.64rem;height: 2.14rem;}
.p2step2{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -24.20rem -10.10rem;width: 12.64rem;height: 2.14rem;}
.p2step3{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -24.00rem -13.85rem;width: 12.63rem;height: 2.15rem;}
.p2step4{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -23.98rem -17.17rem;width: 12.63rem;height: 2.15rem;}
.mySwiper-3{width: 12.64rem;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-3 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-3 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}

.p2bxmas{background-position:  -22.64rem -21.21rem;width: 15.07rem;height: 2.78rem;}




/*---------------------------   来海岛玩点真的                        结束----------------------------*/





/*---------------------------    隔墙缴械 进退如风                   开始----------------------------*/
.bg3{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg3.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: 100% auto;background-size: cover;}
.p3tit{background-position: 0 -40.39rem;width: 19.17rem;height: 3.49rem;margin: 0 auto;}
.p3box{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;position: relative;margin: 0.15rem auto 0;box-sizing: border-box;padding-left: 1.80rem;}
.p3boxlf{width: 17.08rem;transform-origin: 100% 0;transform: scale(0.95);}
.p3tita{background-position: -20.4rem -25.73rem;width: 17.08rem;height: 2.18rem;}
.p3jin{background-position: -20.61rem -29.60rem;width: 16.52rem;height: 3.05rem;margin: 0.22rem 0 0 0;}
.p3-box1-lf{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p3-vidbg.png) no-repeat;width: 16.00rem;height: 8.92rem;background-size: 100% 100%;margin: 0.25rem 0 0 0;position: relative;display: block;}
.p3-box1-lf span{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -0.17rem -24.72rem;width: 4.52rem;height: 4.04rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p3-box1-lf span i{display: block;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);background-position: -1.49rem -30.29rem;width: 1.92rem;height: 1.94rem;}
.p3rw{display: block;position: absolute;bottom: 0;width: 17.88rem;display: block;right: 0;z-index: 9;pointer-events: none;}
.content3{z-index: 10;}
/*---------------------------   隔墙缴械 进退如风                        结束 ----------------------------*/





/*-----------------------------战火升级 全新战备投送                                 开始----------------------------*/
.mySwiper-5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-5 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-5 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.p4bg{height: 100%;}
.p4bg1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg4_1.jpg) no-repeat 50% 50%;background-size: cover;}
.p4bg2{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg4_2.jpg) no-repeat 50% 50%;background-size: cover;}
.p4bg3{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg4_3.jpg) no-repeat 50% 50%;background-size: cover;}
.p4bg4{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg4_4.jpg) no-repeat 50% 50%;background-size: cover;}

.p4-mySwiper-4{position: absolute;top: 50%;left: 2.20rem;background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p4bgnav.png) no-repeat;width: 2.93rem;transform-origin: 50% 50%;transform: translate(0,-50%) scale(0.9);
			height: 16.73rem;background-size: 100% auto;box-sizing: border-box;padding: 0.50rem 0;z-index: 99;}
.p4-mySwiper-4 .mySwiper-4{width: 100%;height: 100%;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper{width: 100%;height: 100%;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide{width: 100%;filter: brightness(0.5) contrast(1.1);cursor: pointer;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide img{display: block;width: 2.93rem;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{filter: brightness(1) contrast(1);}


.p4tit{background-position: 0 -45.43rem;width: 21.75rem;height: 2.98rem;position: absolute;left: 50%;top: 0.65rem;transform: translate(-50%,0);z-index: 100;}
.p4tita{position: absolute;left: 50%;bottom: 1.50rem;transform: translate(-50%,0);width: 21.94rem;height: 2.31rem;}
.p4tita1{background-position: -1.79rem -49.93rem;}
.p4tita2{background-position: -0.98rem -55.92rem;}
.p4tita3{background-position: -1.47rem -60.01rem;}
.p4tita4{background-position: -0.87rem -63.88rem;}

.swiper-button-next-5{background-position:-1.06rem -13.69rem;width: 0.66rem;height: 0.35rem;position: absolute;left: 50%;margin-left: -0.33rem;top: 17.20rem;display: none;}
.swiper-button-prev-5{background-position: -0.21rem -13.69rem;width: 0.66rem;height: 0.35rem;position: absolute;left: 50%;margin-left: -0.33rem;top: 0.30rem;display: none;}
.swiper-button-next-5.swiper-button-disabled{opacity: 1;background-position: -1.18rem -14.56rem;}
.swiper-button-prev-5.swiper-button-disabled{opacity: 1;background-position:-0.12rem -14.59rem;}
.swiper-button-next-5:hover{transform: translateY(0.20rem);}
.swiper-button-prev-5:hover{transform: translateY(-0.20rem);}
/*-----------------------------战火升级 全新战备投送                                 结束   ----------------------------*/




/*-----------------------------  系统升级 战斗体验革新                                 开始   ----------------------------*/
.sp1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/sp1.png) no-repeat;background-size: 38.40rem auto;}
.mySwiper-7{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-7 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-7 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}

.p5bg{height: 100%;}
.p5bg1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg5_1.jpg) no-repeat 50% 50%;background-size: cover;}
.p5bg2{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg5_2.jpg) no-repeat 50% 50%;background-size: cover;}
.p5bg3{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg5_3.jpg) no-repeat 50% 50%;background-size: cover;}


.p5-mySwiper-6{position: absolute;bottom: 0.95rem;left: 50%;transform: translate(-50%,0);width: 20.20rem;z-index: 99;}
.p5-mySwiper-6 .mySwiper-6{width: 100%;height: 100%;}
.p5-mySwiper-6 .mySwiper-6 .swiper-wrapper{width: 100%;height: 100%;}
.p5-mySwiper-6 .mySwiper-6 .swiper-wrapper .swiper-slide{width: 100%;cursor: pointer;}
.p5-mySwiper-6 .mySwiper-6 .swiper-wrapper .swiper-slide img{display: block;width: 2.93rem;}
.p5-mySwiper-6.mySwiper-6 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{}


.p5tit{background-position: 0 -1.43rem;width: 23.22rem;height: 2.98rem;position: absolute;left: 50%;top: 0.65rem;transform: translate(-50%,0);z-index: 100;}



.swiper-button-next-7{right:-0.4rem;}
.swiper-button-prev-7{left: -0.4rem;}


.p4-swiper-slide1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p5a1.png) no-repeat;width: 5.54rem;height: 4.09rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide2{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p5b1.png) no-repeat;width: 5.54rem;height: 4.09rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide3{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p5c1.png) no-repeat;width: 5.54rem;height: 4.09rem;background-size: 100% auto;display: block;margin: 0 auto;}


.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p5a2.png) no-repeat;background-size: 100% auto;}
.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide2{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p5b2.png) no-repeat;background-size: 100% auto;}
.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide3{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p5c2.png) no-repeat;background-size: 100% auto;}
.p5bxvid{display: block;position: absolute;width: 4.52rem;height: 4.04rem;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p5bxvid span{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -0.17rem -24.72rem;width: 4.52rem;height: 4.04rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p5bxvid span i{display: block;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);background-position: -1.49rem -30.29rem;width: 1.92rem;height: 1.94rem;}
.p5txt1{background-position: -2.12rem -6.03rem;width: 15.78rem;height: 4.93rem;position: absolute;top: -4.20rem;left: -3.50rem;z-index: 100;display: none;}
.p5txt2{background-position: -2.21rem -12.59rem;width: 12.93rem;height: 4.93rem;position: absolute;top: -4.20rem;left: -7.50rem;z-index: 100;display: block;}
.p5txt3{background-position: -2.34rem -18.96rem;width: 15.78rem;height: 4.93rem;position: absolute;top: -4.20rem;left: 3.00rem;z-index: 100;display: none;}

/*-----------------------------   系统升级 战斗体验革新                                结束   ----------------------------*/





/*----------------------------------------    独特题材 全新主题道具                开始       -------------------------------------*/
.bg6{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg6.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.content6{transform-origin: 50% 35%;transform:translate(-50%,-50%) scale(0.88);}
.p6tit{background-position: -0.50rem -26.36rem;width: 17.63rem;height: 3.12rem;margin: 0 auto;}
.p8-mySwiper-8{width: 30.80rem;margin: 0.20rem auto 0;position: relative;}
.mySwiper-8{width: 30.80rem;overflow: hidden;}
.p6bxtwvid{width: 13.11rem;height: 16.49rem;box-sizing: border-box;padding-top: 1.94rem;}
.p6bxtwvid1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p6pic1.png) no-repeat;background-size: 100% auto;}
.p6bxtwvid2{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p6pic2.png) no-repeat;background-size: 100% auto;}
.p6bxtwvid3{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p6pic3.png) no-repeat;background-size: 100% auto;}
.bg6 .swiper-slide {background-position: center;width: 13.11rem !important;}
.bg6 .swiper-slide a{pointer-events: none;}
.bg6 .swiper-slide.swiper-slide-active a{pointer-events: inherit;}
.bg6 .swiper-slide-duplicate-prev{opacity: 0;}
.bg6 .swiper-slide-duplicate-next{opacity: 0;}
.p6btnvid{display: block;width: 12.46rem;height: 7.03rem;margin: 0 auto 0.21rem;}


/*----------------------------------------    独特题材 全新主题道具             结束          -------------------------------------*/



/*----------------------------- 明日方舟联动 即将开启                                 开始   ------------------------------*/
.content7{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg7.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;height: 100%;}
.p7logo{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p7logo.png) no-repeat;width: 11.42rem;height: 2.96rem;background-size: 100% auto;display: block;position: absolute;top: 50%;left: 50%;
			transform: translate(-50%,-50%);box-sizing: border-box;padding-top:3.5rem;}
.content8{width: 38.40rem;height: 100%;}
.p8smpic{width: 2.94rem;height: 4.00rem;display: block;margin: 0 auto;overflow: hidden;}
.p8-mySwiper-9 .swiper-slide-thumb-active .p8smpic{height: 5.03rem;}


.mySwiper-10{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-10 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-10 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.p8bg{width: 38.40rem;height: 100%;}

.p8bg1{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg8_1.jpg) no-repeat 50% 50%;background-size: cover;}
.p8bg2{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg8_2.jpg) no-repeat 50% 50%;background-size: cover;}

.p8-mySwiper-9{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/p8bglb.png) no-repeat;width:17.14rem;position: relative;
			height: 5.05rem;background-size: 100% auto;box-sizing: border-box;z-index: 99;padding: 0 1.50rem;margin: 0.70rem 0 0 0.32rem;}
.p8-mySwiper-9 .mySwiper-9{width: 100%;height: 100%;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper{height: 100%;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide{filter: brightness(0.5) contrast(1.1);cursor: pointer;width: auto;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide.swiper-slidelight{filter: brightness(1) contrast(1);}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide img{display: block;width: 100%;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{filter: brightness(1) contrast(1);}

.swiper-button-next-10{background-position: -1.36rem -10.80rem;width: 0.33rem;height: 0.66rem;position: absolute;top: 50%;margin-top: -0.38rem;right: -0.20rem;display: none;}
.swiper-button-prev-10{background-position: -0.24rem -10.80rem;width: 0.34rem;height: 0.66rem;position: absolute;top: 50%;margin-top: -0.38rem;left: -0.20rem;display: none;}
.swiper-button-next-10.swiper-button-disabled{opacity: 1;background-position: -1.38rem -12.08rem;}
.swiper-button-prev-10.swiper-button-disabled{opacity: 1;background-position: -0.26rem -12.08rem;}

.p8boxbig{width: 17.14rem;position: absolute;left: 0.32rem;top: 50%;transform: translate(0%,-50%);z-index: 100;}
.p8tit{background-position: 0 -30.58rem;width: 17.63rem;height: 3.12rem;pointer-events: none;top: 0.60rem;left: 50%;position: absolute;}
.p8botxt{width: 14.06rem;height: 2.87rem;margin: -1rem 0 0 1.83rem;}
.p8txt1{background-position: -20.34rem -7.01rem;width: 14.06rem;height: 2.87rem;pointer-events: none;}
.p8txt2{background-position: -20.55rem -11.81rem;width: 14.06rem;height: 2.87rem;display: none;}
.p78bxbtnxq{width: 7.24rem;height: 1.59rem;margin: 0.48rem auto 0;margin: 0.48rem 0 0 15.20rem;display: none;}
.p8btnxq{display: block;background-position: -20.62rem -16.12rem;width: 7.24rem;height: 1.59rem;}
.p8btnxq span{font-family: 'zsct';color: #FFFFFF;line-height: 1;font-size: 0.58rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: 0.3s all;}
.p8btnxq:hover span{transform: scale(1.2);}
.p8btnxq2{display: none;}



.mous{display: block;background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/mous.png) no-repeat;width: 1.96rem;height: 1.74rem;background-size: 100% 100%;margin: 0 auto;}

.p8boxvid{width: 4.52rem;height: 4.04rem;margin: 2.00rem 0 0 0.2rem;}
.p8boxvida{width: 4.52rem;height: 4.04rem;display: block;position: relative;}
.p8boxvida2{display: none;}

.p8boxvida span{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -0.17rem -24.72rem;width: 4.52rem;height: 4.04rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p8boxvida span i{display: block;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);background-position: -1.49rem -30.29rem;width: 1.92rem;height: 1.94rem;}
.swiper-button-next-8{position: absolute;top: 0;right: -2.50rem;width: 3.00rem;height: 100%;}
.swiper-button-prev-8{position: absolute;top: 0;left: -2.50rem;width: 3.00rem;height: 100%;}
.swiper-button-next-8 span{width: 0.66rem;height: 1.32rem;}
.swiper-button-prev-8 span{width: 0.66rem;height: 1.32rem;}



/*----------------------------- 明日方舟联动 即将开启                                 结束 ------------------------------*/



/*--------------------------------------------------   直播活动    开始      ------------------------------------------------------------*/
.bg9{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bg9.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.p9tit{background-position: 0 -36.03rem;width: 16.32rem;height: 2.98rem;position: absolute;left: 50%;top: 0.70rem;transform: translate(-50%,0);}

/*--------------------------------------------------   直播活动  结束        ------------------------------------------------------------*/




/*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;}
/*页面样式*/
.mySwiper-1 .swiper-slide.sectionlast {height: auto !important;}
			
			
.boxflot{position: fixed;top: 50%;right: 0;transform: translate(0,-50%);background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/bgflt.png) no-repeat;width: 3.14rem;height: 7.9rem;
					background-size: 100% auto;box-sizing: border-box;padding-top: 0.29rem;z-index: 100;right: -3.14rem;}
.boxflot.on{
	animation: boxflot 0.8s linear forwards;
}
@keyframes boxflot{
	0%{right: -3.14rem;}
	100%{right: 0;}
}


.swiper-pagination-1{position: relative;}
.swiper-pagination-1 span {border-radius: 0;opacity: 1;width: 3.14rem;height: 0.62rem;display: block;margin-bottom: 0.35rem !important;margin-top: 0 !important;transition: 0.3s all;}
.swiper-pagination-1 span:nth-child(1) {width: 0;height: 0;margin-bottom: 0 !important;}
.swiper-pagination-1 span:nth-child(2) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(3) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(4) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn3.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(5) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn4.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(6) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn5.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(7) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn6.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(8) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn7.png) no-repeat;background-size: 100% 100%;margin-bottom: 0 !important;}
/*.swiper-pagination-1 span:nth-child(9) {background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btn8.png) no-repeat;background-size: 100% 100%;margin-bottom: 0 !important;}*/
.swiper-pagination-1 span:nth-child(9) {width: 0;height: 0;}
.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/a20250625she2/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/a20250625she2/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/a20250625she2/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/a20250625she2/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/a20250625she2/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/a20250625she2/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/a20250625she2/btncurr7.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(9).swiper-pagination-bullet-active{width: 0;height: 0;}
.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/a20250625she2/btn9.png) no-repeat;background-size: 100% 100%;display: block;width: 3.14rem;height: 0.62rem;margin-bottom: 0;transition: 0.8s all;}
.flbtntop:hover{background: url(//game.gtimg.cn/images/dfm/cp/a20250625she2/btncurr9.png) no-repeat;background-size: 100% 100%;}




.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}

/*---------------------------------------   动画        ------------------------------------------*/
.slg{opacity: 0;transform: translateY(-2.00rem);}
.swiper-slide-active .slg{
	animation: slg 0.4s 0.4s ease-out forwards;
}
@keyframes slg{
	0%{transform: translateY(-2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}



.p0-bxbtn{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p0-bxbtn{
	animation: p0-bxbtn 0.4s 0.8s ease-out forwards;
}
@keyframes p0-bxbtn{
	0%{transform: translateY(2.00rem) scale(0.7);opacity: 0;}
	100%{transform: translateY(0) scale(0.7);opacity: 1;}
}


.titbiti{opacity: 0;transform: translateY(-4.00rem);}
.swiper-slide-active .titbiti{
	animation: titbiti 0.4s 0.4s ease-out forwards;
}
@keyframes titbiti{
	0%{transform: translateY(-4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}

.p1-box1-lf{opacity: 0;transform: translateX(-4.00rem);}
.swiper-slide-active .p1-box1-lf{
	animation: p1-box1-lf 0.4s 0.4s ease-out forwards;
}
@keyframes p1-box1-lf{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}

.p1-box1-rig{opacity: 0;transform: translateX(4.00rem);}
.swiper-slide-active .p1-box1-rig{
	animation: p1-box1-rig 0.4s 0.4s ease-out forwards;
}
@keyframes p1-box1-rig{
	0%{transform: translateX(4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}

.p3box{opacity: 0;transform: translateX(-4.00rem);}
.swiper-slide-active .p3box{
	animation: p3box 0.4s 0.4s ease-out forwards;
}
@keyframes p3box{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}




.p4tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);}
.swiper-slide-active .p4tit{
	animation: p4tit 0.4s 0.4s ease-out forwards;
}
@keyframes p4tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p4tita{opacity: 0;transform:translate(-50%,0) translateY(4.00rem);}
.swiper-slide-active .mySwiper-5 .swiper-slide-active .p4tita{
	animation: p4tita 0.6s 0.4s ease-out forwards;
}
@keyframes p4tita{
	0%{transform: translate(-50%,0) translateY(4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p4-mySwiper-4{transform: translate(0,-50%) scale(0.9) translateX(-6.00rem);}
.swiper-slide-active .p4-mySwiper-4{
	animation: p4-mySwiper-4 0.4s 0.4s ease-out forwards;
}
@keyframes p4-mySwiper-4{
	0%{transform: translate(0,-50%) scale(0.9) translateX(-6.00rem);}
	100%{transform: translate(0,-50%) scale(0.9) translateX(0);}
}


.p5tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);}
.swiper-slide-active .p5tit{
	animation: p5tit 0.4s 0.4s ease-out forwards;
}
@keyframes p5tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}



.p5-mySwiper-6{opacity: 0;transform:translate(-50%,0) translateY(4.00rem);}
.swiper-slide-active .p5-mySwiper-6{
	animation: p5-mySwiper-6 0.4s 0.6s ease-out forwards;
}
@keyframes p5-mySwiper-6{
	0%{transform: translate(-50%,0) translateY(4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}

.p8-mySwiper-8{opacity: 0;transform:translateY(4.00rem);}
.swiper-slide-active .p8-mySwiper-8{
	animation: p8-mySwiper-8 0.4s 0.6s ease-out forwards;
}
@keyframes p8-mySwiper-8{
	0%{transform: translateY(4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}

.p7logo{opacity: 0;transform:translate(-50%,-50%) scale(0.3);}
.swiper-slide-active .p7logo{
	animation: p7logo 0.4s 0.4s ease-out forwards;
}
@keyframes p7logo{
	0%{opacity: 0;transform:translate(-50%,-50%) scale(0.3);}
	100%{opacity: 1;transform:translate(-50%,-50%) scale(1);}
}


.p9tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);}
.swiper-slide-active .p9tit{
	animation: p9tit 0.4s 0.4s ease-out forwards;
}
@keyframes p9tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p8tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);z-index: 100;}
.swiper-slide-active .p8tit{
	animation: p8tit 0.4s 0.4s ease-out forwards;
	margin-left: 5.80rem;
}
.swiper-slide-active .p8tit.on{
	margin-left: -5.00rem;
}
@keyframes p8tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p8boxvid{opacity: 0;transform:translateX(-4.00rem);}
.swiper-slide-active .p8boxvid{
	animation: p8botxt 0.4s 0.2s ease-out forwards;
}
@keyframes p8boxvid{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}

.p8botxt{opacity: 0;transform:translateX(-4.00rem);}
.swiper-slide-active .p8botxt{
	animation: p8botxt 0.4s 0.4s ease-out forwards;
}
@keyframes p8botxt{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}


.p8-mySwiper-9{opacity: 0;transform:translateX(-4.00rem);}
.swiper-slide-active .p8-mySwiper-9{
	animation: p8-mySwiper-9 0.4s 1.2s ease-out forwards;
}
@keyframes p8-mySwiper-9{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}


.p78bxbtnxq{opacity: 0;transform:translateY(4.00rem);}
.swiper-slide-active .p78bxbtnxq{
	animation: p78bxbtnxq 0.4s 1.4s ease-out forwards;
}
@keyframes p78bxbtnxq{
	0%{transform: translateY(4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}








/*---------------------------------------   动画        ------------------------------------------*/