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; } 
.fl { float: left; } 
.fr { float: right; } 
.c:before,.c:after { content:""; display:table; } 
.c:after { clear: both; } 
.c { zoom: 1; } 
body { font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1"; text-align: justify; margin: 0 auto !important; background:#101111; } 
/* body::-webkit-scrollbar { width: 0; }  */
html,body { position: relative; height:auto; box-sizing: border-box; } 
a { text-decoration: none; overflow: hidden; transition: filter .3s,border .3s,color .3s; } 
a:hover { text-decoration: none; } 
* { -webkit-tap-highlight-color:rgba(255,255,255,0); } 
:focus { outline: none; } 
.pr { position: relative; } 
.pa { position: absolute; } 
.hide { display: block; width: 0; height: 0; overflow: hidden; } 
.db { display: block; text-indent: -999em; } 
#afooter { text-align: center; line-height: .3rem; color: #6a6a6a; background-color: #0e0e0e; padding: .2rem 0; } 
#afooter a { color: #6a6a6a; } 

/* input:active,input:focus,textarea:active,textarea:focus,select:active,select:focus{outline:none;} */
/* input样式初始化 */
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } 
input:focus { background-color: transparent !important; } 
/* select样式初始化 */
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
/* ie11下select的箭头 */
select::-ms-expand { display: none; } 

.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; } 
.disable { pointer-events: none; } 


html { font-size: calc(100vw / 3840);} 
/* html { font-size: calc(100vw / 3840); cursor: url("https://game.gtimg.cn/images/dfm/cp/a20260617ma3/mouse.png"), auto; }  */
@font-face { font-family: 'zsct'; src: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/zsct.ttf); } 
@font-face { font-family: 'zst'; src: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/zst.ttf); } 
@font-face { font-family: 'sjzt'; src: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/sjzt.ttf); } 
@font-face { font-family: 'fzlth'; src: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/fzlth.ttf); } 

/* .spr{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/sp.png) no-repeat; background-size:38.40rem 21.28rem;}  */

.wrap {position: relative; box-sizing: border-box;width: 100%; height: 100vh; overflow-x: hidden; background-size: 100% auto; overflow-y: auto;} 
.container {position: relative; box-sizing: border-box;width: 100%; height: 90rem; background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/tab1bg.jpg) 0 0/100% no-repeat; overflow-x: hidden; background-size:100% 100%; }  
.page { position: relative; margin: 0 auto;} 


.logo_box {width: 36.23rem;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 0.35rem;left: 0.87rem;}
.btn_logo {display: block;width: 5.14rem;height: 1.4rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/logo.png) 0 0/100% no-repeat;}
.login_right{
  /* position: absolute;
  right: 0.7rem;
  top: 1.46rem; */
  display: flex;
}

.login-box {
  font-family: "font1";
  font-size: 0.38rem;
  color: #fff;
  margin-right: 0.33rem;
}

.login-box a {
  color: #0ff796;
  position: relative;
}

.login-box .btn-login::before{
  content: "";
  display: block;
  position: absolute;
  bottom: -0.03rem;
  left: 0;
  width: 100%;
  height: 0.02rem;
  background-color: #0ff796;
}

.txt-nickname {
  max-width: 3rem;
  /* 设置最大宽度 */
  /* 文本溢出省略号 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}
.address{
  font-family: "font1";
  font-size: 0.38rem;
  color: #0ff796;
  text-decoration: underline;
  /* border-left: #0ff796 solid 0.1rem; */
}
.address::before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0.1rem;
  left: 2.55rem;
  width: 2px;
  height: 0.4rem;
  background-color: #797f83;
}
.head-btns{width: 15.43rem;display: flex;justify-content: space-between;align-items: center;position: absolute;left: 50%;bottom: 1.4rem;transform: translateX(-50%);}
.head_btn2{width: 6.8rem;height: 1.82rem;line-height: 1.82rem; background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/head-btn.png) 0 0/100% no-repeat;font-family: 'zsct';text-align: center;display: flex;justify-content: center; align-items: center; position: relative;overflow: inherit;}
.head_btn2.active{width: 6.8rem;height: 1.82rem; background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/head-btnon.png) 0 0/100% no-repeat;font-family: 'zsct';text-align: center;}
.head_btn2 span{display: flex;justify-content: center;align-items: center; background: #828383;width: auto;height:0.22rem; font-size: 0.16rem; box-sizing: border-box;padding: 0.06rem 0.16rem 0.02rem;position: absolute;top: -0.06rem;left: -0.06rem;color: #25292f;}
.head_btn2 p{color: #dde7eb;font-size: 0.74rem;}
.head_btn2.active span{background: #0ff796;}
.head_btn2.active p{color: #1d2221;}

.head_btn2:hover {
    background-image: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/head-btnon.png);
}

.head_btn2:hover span {
    background-color: #0ff796;
}

.head_btn2:hover p {
    color: #1d2221;
}

.head{width: 100%;height:19.23rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/tab1head.jpg) 0 0/100% no-repeat;background-position: bottom;background-size: 100% auto;position: relative;}
.page_box {width: 100%;height: auto;display: flex;flex-direction: column;justify-content: space-between;margin: 0 auto;position: relative;}
/* .page_box {width: 100%;height:;display: flex;flex-direction: column;justify-content: space-around;margin: 0 auto;} */

.page0{margin-top: 0;} 
.page0 .page_box{width: 28.8rem;height: auto;}

.part {width: 100%; position: relative; margin: 0 auto; box-sizing: border-box;} 
.part .btn_box a:hover { filter: brightness(1.2); } 
.part .btn_box .box { width: 3.95rem; display: flex; flex-direction: column; align-items: center; } 
.part .btn_box .box p { font-size: 0.32rem; color: #000; font-family: 'syst'; line-height: 0.8rem; } 

.tit0,.tit1,.tit2,.tit3{margin: 0 auto;}
.part .tit0 { width: 22.65rem; height: 3.06rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/tit0.png) 0 0/100% no-repeat; } 
.part .tit1 { width: 22.65rem; height: 3.06rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/tit1.png) 0 0/100% no-repeat; } 
.part .tit2 { width: 22.66rem; height: 3.35rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/tit2.png) 0 0/100% no-repeat;margin-bottom: 0.5rem;} 
.part .tit3 { width: 22.65rem; height: 3.53rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/tit3.png) 0 0/100% no-repeat;} 

.part0{margin-top: 1.04rem;height: 13.7rem;}
.part0 .txt{font-family: 'zst';color: #102b23;font-size: 0.5rem;text-align: center;margin:0.44rem auto 1.04rem;}
.p0-img{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/p0-img.png) 0 0/100% no-repeat;width: 21.54rem;height: 6.25rem;margin:0 auto;}


.part1{height: 17.82rem;position: relative;}
.p1_cont{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/p1-bg.png) 0 0/100% no-repeat;width: 27.32rem;height: 3.83rem;margin: 0.76rem auto 0;}
.p1_cont .cont_box{display: flex;position: relative;}
.cont_box .sj_info{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/sj-info.png) 0 0/100% no-repeat;width: 14.95rem;height: 10.4rem;margin-top: 0.83rem;box-sizing: border-box;padding: 1.88rem 0.76rem 1.2rem;margin-right: 1.68rem;}
.cont_box .sj_info p{font-family: 'zst';color: #d9dfdf;font-size: 0.47rem;text-indent: 2em;line-height: 0.6rem;margin-bottom: 0.5rem;}
.sj_skill{width: 6.59rem;height: 6.64rem;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2.5rem;position: relative;z-index: 10;}
.sj_skill .skill1{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/skill1.png) 0 0/100% no-repeat;width: 2.91rem;height: 2.88rem;margin-bottom: 0.88rem;}
.sj_skill .skill2{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/skill2.png) 0 0/100% no-repeat;width: 2.89rem;height: 2.88rem;margin-bottom: 0.88rem;}
.sj_skill .skill3{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/skill3.png) 0 0/100% no-repeat;width: 2.9rem;height: 2.87rem;}
.sj_skill .skill4{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/skill4.png) 0 0/100% no-repeat;width: 2.9rem;height: 2.9rem;}
.show1{display: none; width: 9.29rem;height: 5.46rem;position: absolute;top: -3.7rem;left: -8rem;}
.show2{display: none;width: 8.35rem;height: 5.31rem;position: absolute;top: -3.7rem;left: 5.6rem;}
.show3{display: none;width: 9.13rem;height: 3.96rem;position: absolute;top: 4rem;left: -8rem;}
.show4{display: none;width: 8.35rem;height: 3.95rem;position: absolute;top: 4rem;left: 5.6rem;}
.skill1:hover .show1{display: block;}
.skill2:hover .show2{display: block;}
.skill3:hover .show3{display: block;}
.skill4:hover .show4{display: block;}
.cont_box .btn-video{ display: block; width: 3.18rem; height: 3.18rem; background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/btn_play.png) 0 0/100% no-repeat; position: absolute; top: 50%; left: 73%; transform: translate(-50%, -50%); z-index: 20;} 
.sj_role{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/sj-role.png) 0 0/100% no-repeat;width: 13.8rem;height: 19.39rem;position: absolute;right: -5.2rem;top: -3.6rem;z-index: 9;}



.part2{height: 19.38rem;position: relative;}
.part2 .cont .tab_left .left_box { width: 100%; height: 100%;position: relative;} 
.part2 .cont .tab_nav li img { width: 100%; height: 100%; } 
.part2 .cont .tab_nav li.on { background-color: #531e0d; } 
.part2 .p4_nav { width: 3rem; margin-bottom: 0.25rem; display: flex; justify-content: space-between; align-items: center; position: relative;  } 
.part2 .p4_nav p { font-size: 0.3rem; color: #ffffff; font-family: 'syst'; margin: 0 0.1rem; } 
.part2 .p4_nav p:hover{color: #cd6f3d;}
.part2 .p4_nav p.on { color: #cd6f3d; } 
.part2 .p4_nav span { display: block; font-size: 0.3rem; color: #ffffff; font-family: 'syst'; position: absolute; left: 50%; transform: translateX(-50%); } 


.part2 .cont .tab_left { height: 11.84rem;position: relative; } 
.part2 .cont .tab_nav{transform: translateY(0.58rem);}
.part2 .cont .tab_nav li {width: 4.14rem; background-color: #210f09; box-sizing: border-box;  } 
/* .part2 .p4_nav {margin-bottom: 0.3rem;}  */
.part2 .p2_tab { width: 28.13rem; margin: 0 auto;} 
.part2 .p2_tab .p2_tab_box { width: 100%; height: 100%; display: none; } 
.part2 .cont { width: 28.1rem; height: 12.73rem; display: flex; justify-content: space-between; } 
.part2 .cont .tab_cont { width: 23.45rem; height: 100%; } 
.part2 .cont .tab_cont{background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/kuang.png) 0 0/100% no-repeat;width: 23.45rem;height: 13.2rem;box-sizing: border-box;padding: 0.23rem;transform: translateY(-0.24rem);}
.part2 .cont .tab_cont .tab_box { width: 100%; height: 100%; display: none; background-color: #210f09; color: #fff; position: relative; box-sizing: border-box;  } 
.part2 .cont .tab_cont .tab_box img { width: 100%; height: 100%; position: relative; } 
.part2 .cont .tab_cont .tab_box a { display: block; width: 3.18rem; height: 3.18rem; background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/btn_play.png) 0 0/100% no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.part2 .p2_tab .p2_tab_box .ts_list { width: 20.46rem; height: 8.05rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-around;} 
.part2 .p2_tab .p2_tab_box .ts_list li { width: 6.7rem; height: 3.8rem; } 
.part2 .p2_tab .p2_tab_box .ts_list li img { width: 100%; height: 100%; } 
.part2 .tab_left .sw1-left{width: 4.15rem;height: 0.41rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/swiperl.png) no-repeat;background-size: 100% 100%;position: absolute;
    top: 0.05rem;}
.part2 .tab_left .sw1-right{width: 4.15rem;height: 0.41rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/swiperr.png) no-repeat;background-size: 100% 100%;position: absolute;
    bottom: -1.1rem;}


.part2 .tab_left .swiper-container  .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.img-dc {
  width: 100%;
  height: 100%;
  background-color: rgba(26, 27, 31, 0.9);
  position: absolute;
  display: block;
}
.part2 .tab_nav li.on .img-dc {
  display: none;
}


.part3 .page_box{width: 37.8rem;}
.part3 .part1_box{position: relative;width:100%;height: auto; margin: 0 auto;position: relative;}
.part3 .mySwiper3{width: 100%;height: 13.3rem;position: relative;}
.part3 .mySwiper3 .swiper-slide{display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.7);position: relative;opacity: 0.6;background-size: cover;background-position: center;}
.part3 .mySwiper3 .swiper-slide img{display: block;width: 19.15rem;height: auto;object-fit: cover;position: relative;}

.part3 .mySwiper3 .swiper-slide-active,.part3 .mySwiper3 .swiper-slide-duplicate-active{transform: scale(1);z-index: 9;opacity: 1;}
.part3 .mySwiper3 .swiper-button-prev::after,.part3 .mySwiper3 .swiper-button-next::after{display: none !important;}
.part3 .mySwiper3 .swiper-button-prev {position: absolute;top: 50%;transform: translateY(-50%); left: 5.5rem;width: 0.74rem;height: 1.17rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/btn_prev2.png) no-repeat;background-size: 100% 100%;}
.part3 .mySwiper3 .swiper-button-next {position: absolute;top: 50%;transform: translateY(-50%); right: 5.5rem;width: 0.74rem;height: 1.17rem;background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/btn_next2.png) no-repeat;background-size: 100% 100%;}


.item-sw{
  position: relative;
  top: 0.5rem;
}

.item-sw .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #57b475;
}

.item-sw .swiper-pagination-bullet {
    background: #96ee96;
    opacity: 0.8;
}
.item-sw .swiper-pagination-bullet {
    width: 1.05rem;
    height: 0.35rem;
    display: inline-block;
    border-radius: 0.2rem;
}

/* �����ڴ� */
.btn_ljck{display: block;background-position: -0.26rem -17.11rem;width: 14.85rem;height: 1.25rem;position: absolute;bottom: 1.06rem;left: 50%;transform: translateX(-50%);text-indent: -999em;}

/* �鿴 */
.btn_ljck2{display: block;background-position: -0.28rem -15.59rem;width: 14.85rem;height: 1.25rem;position: absolute;bottom: 1.06rem;left: 50%;transform: translateX(-50%);text-indent: -999em;}


.pop_video { padding: 0; } 
#vplay-con { width: 14.3rem; height: 8rem; } 
.close { background: url(https://game.gtimg.cn/images/dfm/cp/a20260617ma3/tab1/pop_close.png) 0 0/100% no-repeat; width: 0.5rem; height: 0.5rem; position: absolute; top: 0; right:-0.7rem; } 
.pop { position: relative; display:none; } 

@keyframes scaleup {
    0% {
        transform: translate(-50%,-50%) scale(1);
    }

    50% {
        transform: translate(-50%,-50%) scale(1.2);
    }

    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}