body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer {margin: 0;}
body,button,input,select,textarea {font: 12px/1.5 tahoma, "\5FAE\8F6F\96C5\9ED1", sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
em,b {font-style: normal;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
img {border: 0;}
body {background: #000;}
button,input,select,textarea {font-size: 100%;outline: none;}
table {border-collapse: collapse;border-spacing: 0;}
td,th,ul,ol {padding: 0;}
ol,ul {list-style: none;}
.hid {display: block;width: 0;height: 0;overflow: hidden;}
.tn {display: block;text-indent: -99999px;}
.i {background-repeat: no-repeat;background-size: cover;}
.c:after {clear: both;}
.c {zoom: 1;}
.hide {display: none;}
.ft {text-indent: -999em;}
.fl {float: left;}
.fr {float: right;}
.pr {position: relative;}
.pa {position: absolute;}
.bg {background-repeat: no-repeat;background-position: center 0;background-size: cover;}
#afooter {padding: 0.2rem 0;line-height: 0.3rem;text-align: center;font-size: 0.2rem;font-family: "tahoma";position: relative;z-index: 3;background: #000;color: #fff;}
#afooter a {color: #ddd;text-decoration: none;}


.wrapper {width: 7.5rem;overflow: hidden;}
@font-face {font-family: tungsten;src: url(tungsten.ttf);font-style: normal;}

/* header */
.header {background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/header.jpg)no-repeat center/cover;width: 7.5rem;height: 10.12rem;box-sizing: border-box;padding-top: 8.57rem;position: relative;}
.header .h_btns {width: 5.8rem;height: 0.72rem;display: flex;justify-content: space-between;margin: 0 auto;}
.header .h_btns a {display: block;width: 2.76rem; height: 0.72rem; margin: 0 auto;}
.header .h_btns a.download { background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/download.png) no-repeat center/cover;}
.header .h_btns a.home {background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/m_home.png) no-repeat center/cover;}
.header h2 {font-size: 0rem;height: 0;overflow: hidden;}
.pop_play_btn {width: 0.48rem;height: 0.48rem;position: absolute;left: 50%;transform: translateX(-50%);top: 5.04rem;z-index: 10;background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/top_play_video.png)no-repeat center/cover;}

.t.c1 {font-size: 0.66rem;color: #3a2387;font-weight: 700;height: 1rem;line-height: 1rem;margin-left: 0.5rem;position: relative;}
.t.c2 {font-size: 0.66rem;color: #fff;font-weight: 700;height: 1rem;line-height: 1rem;margin-left: 0.5rem;position: relative;}
h1.t span {font-size: 0.36rem;font-weight: 400;display: block;}

/* part1 */
.part1 {background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part1.jpg) no-repeat center/cover;width: 7.5rem;height: 21.19rem;position: relative;padding-top: .57rem;box-sizing: border-box;}
.part1 .content { width: 6.5rem; margin: 8.75rem auto 0; color: #fff;}
.part1 h1 {margin-left: .5rem;}
.part1 h1::after {content: '';display: block;width:3.5rem;height: .66rem;background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part1_tit.png) no-repeat center / cover;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.part1 .tit {font-size: .28rem;}
.part1 .tit span {margin-left: .14rem;font-size: .28rem;font-weight: bold;}
.part1 .role_position p:nth-child(2) { font-size: .46rem; margin-left: .29rem;font-weight: bold;display: flex;align-items: center;}
.part1 .role_position p:nth-child(2) i {width: .45rem;height: .45rem;margin-left: .1rem;background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/role_position.png) no-repeat center/cover;}
.part1 .role_introduction { margin-top: .15rem;}
.part1 .role_introduction p:nth-child(2) {font-size: .22rem;margin-left: .29rem;margin-top: .05rem;}
.part1 .divide {background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/divide.png) no-repeat center/cover;width: 6.51rem;height: .04rem;margin-top: .22rem; margin-bottom: 0.22rem;}
.part1 .personal_skill .skill_content {margin-left: .28rem;}
.part1 .personal_skill .skill_content .skill_btn {display: flex;gap: .65rem; margin-top: .1rem;}
.part1 .personal_skill .skill_content .skill_btn1 { background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill1.png) no-repeat center/cover; width: 1.08rem; height: 1.08rem;display: block;}
.part1 .personal_skill .skill_content .skill_btn2 {background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill2.png) no-repeat center/cover;width: 1.08rem;height: 1.08rem;display: block;}
.part1 .personal_skill .skill_content .skill_btn3 { background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill3.png) no-repeat center/cover; width: 1.08rem;height: 1.08rem;display: block;}
.part1 .personal_skill .skill_content .skill_btn4 {background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill4.png) no-repeat center/cover;width: 1.08rem;height: 1.08rem;display: block;}
.part1 .personal_skill .skill_content .skill_btn1.on { background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill1_on.png) no-repeat center/cover;}
.part1 .personal_skill .skill_content .skill_btn2.on {background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill2_on.png) no-repeat center/cover;}
.part1 .personal_skill .skill_content .skill_btn3.on { background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill3_on.png) no-repeat center/cover;}
.part1 .personal_skill .skill_content .skill_btn4.on {background: url(//game.gtimg.cn/images/val/act/a20251008ver/skill4_on.png) no-repeat center/cover;}
.part1 .personal_skill .skill_content .skill_wrapper div {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {
    from {
        opacity: 0.3
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: 0.3
    }
    to {
        opacity: 1
    }
}
.part1 .personal_skill .skill_content .skill_name {font-size: .26rem;font-weight: bold;margin-top: .17rem;}
.part1 .personal_skill .skill_content .skill_des {font-size: .22rem;margin-top: .05rem;}
.part1 .personal_skill .skill_content .skill_video {background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part1_video_bg.png) no-repeat center/cover;width: 6.24rem;height: 3.55rem;margin-top: .22rem;display: flex;justify-content: center;align-items: center;}
.part1 .personal_skill .skill_content .skill1 .video_wrapper {width: 6.13rem;height: 3.45rem;}
.part1 .personal_skill .skill_content .skill2 .video_wrapper {width: 6.13rem;height: 3.45rem;}
.part1 .personal_skill .skill_content .skill3 .video_wrapper {width: 6.13rem;height: 3.45rem;}
.part1 .personal_skill .skill_content .skill4 .video_wrapper {width: 6.13rem;height: 3.45rem;}

/* part2 */
.part2 { background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part2.jpg)no-repeat center/cover;width: 7.5rem;height: 9.44rem;padding-top: 0.47rem;box-sizing: border-box;}
.part2 h1 {margin-bottom: .3rem;}
.part2 h1::after{content: '';display: block;width: 4.82rem;height: .66rem;background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part2_tit.png) no-repeat center/cover;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.part2 .BP_video {background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part2_video_bg.png) no-repeat center/cover;width: 6.5rem;height: 3.7rem; margin: 0 auto 0;display: flex;justify-content: center;align-items: center;}
.part2 .BP_video .video_wrapper {width: 6.42rem;height: 3.62rem;position: relative;} 
.part2 .BP_video .video_wrapper .video {width: 6.42rem;height: 3.62rem;}
.part2 .BP_video .video_wrapper .video iframe{width:100%;height:100%}
.part2 .content{color: #fff;font-size: .24rem;width: 6.5rem;margin: .4rem auto 0;}
.part2 .content p:nth-child(2){margin-top: .3rem;}

/* part3 */
.part3{background:url(//game.gtimg.cn/images/val/act/a20251008ver/m/part3.jpg) no-repeat center/cover;width:7.5rem;height:13.54rem;padding-top: .7rem;box-sizing: border-box;position: relative;}
.part3 h1::after{content: '';display: block;width: 5.31rem;height: .66rem;background: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part3_tit.png) no-repeat center/cover;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.part3 .sub_t{font-size: .24rem;color: #fff;margin: 4.1rem auto .15rem;width: 6.5rem;line-height: .34rem;}
.part3 .content{width: 6.5rem;position: relative;margin: 0 auto;}
.part3 .content .text_cont p{color: #fff;font-size: .24rem;}
.part3 .content .text_cont .t{font-size: .28rem;font-weight: bold;}
.part3 .content .text_cont .t::before{content: '//';display: inline-block;margin-right: .1rem;position: relative;}
.part3 .content .text_cont .c{margin-left: .43rem;}
.part3 .content .text_cont a{text-decoration: underline;font-size: .28rem;color: #fff;font-weight: bold;margin-top: .15rem;margin-left: .43rem;display: inline-block;text-underline-offset: .1rem;}
.part3 .img_cont{position: absolute;top: 1.98rem;left: 50%;transform: translateX(-50%);width:6.51rem;height: 3.7rem;background-image: url(//game.gtimg.cn/images/val/act/a20251008ver/m/part3_img_bg.png);display: flex;align-items: center;justify-content: center;}
.part3 .img_cont .img_wra{width: 6.4rem;height: 3.6rem;}
.part3 .img_cont .img_wra img{width: 100%;height: 100%;}

.pop_Mark {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);position: fixed;top: 0;left: 0;display: none;z-index: 9999;}
.pop {position: fixed;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s;top: 50%;}
.pop-video-close {width: 0.37rem;height: 0.37rem; background: url(//game.gtimg.cn/images/val/act/a20251008ver/close.png) no-repeat center/cover;position: absolute;right: 0px;top: -0.4rem;transition: all 0.3s;z-index: 999;color: #fff;}
.pop_video {width: 6.15rem;height: 3.5rem;}
.pop_video iframe{width:100%;height:100%}