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; box-sizing: border-box;height: 100%; } 
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样式初始化 */
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; } 
.pc_hide { display: none !important; } 

@media (max-width: 1200px) { html { font-size: 62.5px; /* 最小字体大小 */ } }
html { font-size: calc(100vw / 2560);cursor: url("https://game.gtimg.cn/images/dfm/cp/a20251021lhctrlr/mouse.png"), auto; } 
@font-face { font-family: 'font'; src: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/font.TTF); } 
@font-face { font-family: 'fzlt1'; src: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/FZLTCUH.TTF); } 
@font-face { font-family: 'fzlt2'; src: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/FZLTXIH.TTF); } 
@font-face { font-family: 'fzlt3'; src: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/fzltzch.ttf); } 

.six_box{width: 100%;box-sizing: border-box;padding: 0 0.1rem;display: flex;justify-content: space-between;align-items: center;height: 0.5rem;background-color: #fff;color: #b4b4b5;font-size: 0.15rem;
    position: relative;display: none;
    z-index: 15;}
.six_box .six_link{display: flex;}
.six_box a{display: block;line-height: 0.5rem;margin: 0 0.1rem;color: #828397;}
.six_box span{display: block;line-height: 0.45rem;}
.wrap_qq .six_box{display: flex;}
 
.wrap { width:100%; height:100%; position: relative;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/bg.jpg) 0 0/100% no-repeat;overflow: hidden;}
.container{width: 100%; height: 13.34rem; position: absolute;top: 50%;transform: translateY(-50%); z-index: 9;} 
.wrap .vid { width: 100%; height: auto; position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1; } 

.wrap .cont { width: 100%; height: 100%; position: relative; z-index: 2; } 

.qd_box{width: auto;height: 1rem;position: absolute;top: 0.3rem;right: 0.3rem;pointer-events: none;}
.qd_box a{display: block; height: 1rem;transform: scale(0.3);transform-origin: 100% 25%;pointer-events: auto;}
/* 233乐园 */
.qd_box .ly233{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_233.png) 0 0/100% no-repeat;width: 4.65rem;}
/* WeGame */
.qd_box .wegame{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_wegame.png) 0 0/100% no-repeat;width: 4.33rem;}
/* 4399游戏盒 */
.qd_box .yxh4399{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_4399.png) 0 0/100% no-repeat;width: 4.72rem;}
/* 哔哩哔哩 */
.qd_box .bilibili{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_bilibili.png) 0 0/100% no-repeat;width: 2.18rem;}
/* 荣耀 */
.qd_box .honor{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_honor.png) 0 0/100% no-repeat;width: 5.95rem;}
/* 华为 */
.qd_box .huawei{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_huawei.png) 0 0/100% no-repeat;width: 4.93rem;}
/* 虎牙 */
.qd_box .hy{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_hy.png) 0 0/100% no-repeat;width: 3.35rem;}
/* 好游快爆 */
.qd_box .hykb{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_hykb.png) 0 0/100% no-repeat;width: 4.23rem;}
/* 快手 */
.qd_box .ks{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_ks.png) 0 0/100% no-repeat;width: 4.39rem;}
/* oppo */
.qd_box .oppo{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_oppo.png) 0 0/100% no-repeat;width: 3.33rem;}
/* vivo */
.qd_box .vivo{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_vivo.png) 0 0/100% no-repeat;width: 5.89rem;}
/* 小米 */
.qd_box .xiaomi{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_xiaomi.png) 0 0/100% no-repeat;width: 6.13rem;}
/* QQ浏览器 */
.qd_box .qqllq{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_qqllq.png) 0 0/100% no-repeat;width: 5.05rem;}
/* TapTap */
.qd_box .taptap{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_taptap.png) 0 0/100% no-repeat;width: 3.68rem;}
/* 腾讯视频 */
.qd_box .txsp{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_txsp.png) 0 0/100% no-repeat;width: 4.82rem;}
/* 腾讯新闻 */
.qd_box .txxw{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_txxw.png) 0 0/100% no-repeat;width: 4.87rem;}
/* 腾讯游戏助手 */
.qd_box .txyxzs{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_txyxzs.png) 0 0/100% no-repeat;width: 5.39rem;}
/* 心悦 */
.qd_box .xy{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_xy.png) 0 0/100% no-repeat;width: 3.88rem;}
/* 应用宝 */
.qd_box .yyb{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_yyb.png) 0 0/100% no-repeat;width: 5.32rem;}
/* 云游戏 */
.qd_box .yyx{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_yyx.png) 0 0/100% no-repeat;width: 4.92rem;}
/* 抖音 */
.qd_box .douyin{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_dy.png) 0 0/100% no-repeat;width: 4.5rem;}

.logo { display: block; width: 1.4rem; height: 0.7rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo.png) 0 0/100% no-repeat; position: absolute; left: 0.3rem; top: 0.4rem; } 
.login-box { width: 4rem; position: absolute; z-index: 9; top: 0.9rem; right: 0.2rem; } 
.login_content { width: 100%; text-align: right; font-size: 0.24rem; color: #fff; } 
.login_content a { color:#0787c8; padding: 0 0.1rem; } 
.login_content .roleName{display: inline-block; max-width: 12em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}

.music_btn { width: 1.56rem; height: 0.45rem; position: absolute; right: 0.3rem; top: 1.4rem; } 
.btn_play { display: block; width: 100%; height: 100%; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/btn_on.png) 0 0/100% no-repeat; } 
.btn_play.off { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/btn_off.png) 0 0/100% no-repeat; } 

.slogan {width: 7.5rem; height: 5.8rem; box-sizing: border-box;position: absolute;top: 6.5rem;  } 
.slogan_top { width: 2.56rem; height: 0.52rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/slogan_top.png) 0 0/100% no-repeat; } 
.slogan1 { width: 6.28rem; height: 2.42rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/slogan1.png) 0 0/100% no-repeat; margin: 0.4rem auto 0.3rem; animation: op 0.8s ease-in-out; } 
.slogan2 { width: 6.26rem; height: 0.72rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/slogan2.png) 0 0/100% no-repeat; animation: op 1.2s ease-in-out; margin: 0 auto;} 
.slogan .wx_tips{width: 0.3rem;height: 1.14rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/wx_tips.png) 0 0/100% no-repeat;position: absolute;top: 0.95rem;right: 1.25rem;display: none;}
.logo_box{position: absolute;right: 0;top: 0.4rem;}
.logo_box .logo_wx{width: 2.2rem;height: 0.44rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_wx.png) 0 0/100% no-repeat;position: absolute;top:0;right:0;display: none;}
.logo_box .logo_qq{width: 2.2rem;height: 0.28rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo_qq.png) 0 0/100% no-repeat;position: absolute;top:0.3rem;right:0;margin-right: 0.3rem;display: none;}

@keyframes op { 
 0% { opacity: 0; transform: translateY(10%); } 
 100% { opacity: 1; transform: translateY(0%);} 
 }



.btn1 { width: 4.88rem; height: 1.02rem; font-size: 0.46rem; color: #fff; text-align: center; background:url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/btn1.png) 0 0/100% no-repeat; line-height: 1.02rem; font-family: 'fzlt1'; } 
.btn_ljdl {display: block; position: absolute; left:0.61rem; top: 11.2rem; overflow: hidden; transition: all 0.3s ease; backdrop-filter: blur(10px); } 
.btn_ljdl::before { content: ''; position: absolute; top: -130%; left: 0%; width: 100%; height: 400%; 
background: linear-gradient(90deg,transparent 40%,rgba(255, 255, 255, 0.1) 42%,rgba(255, 255, 255, 0.2) 46%,rgba(255, 255, 255, 0.1) 48%,transparent 50%); background-size: 200% 200%; animation: diagonalFlow 3s linear infinite; transform: rotate(45deg); z-index: 1; }


 @keyframes diagonalFlow { 
 0% { background-position: 0% 0%; opacity: 1;} 
 100% { background-position: 100% 100%; opacity: 0;} 
 }
.btn_rule { width: 1.01rem; height: 1.02rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/btn_rule.png) 0 0/100% no-repeat; position: absolute; right: 0.61rem; top: 11.2rem; } 
.btn_join{display: block;width: 1.56rem;height: 0.52rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/btn_join.png) 0 0/100% no-repeat;position: absolute;right: 0.3rem;top:2rem;}






#_overlay_ { width:7.5rem; height: 16.24rem !important; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/mask.png) 0 0/100% no-repeat; } 
.pop { display:none; position: relative; box-sizing: border-box; } 
.pop_close { display: block; width: 0.35rem; height: 0.35rem; position: absolute; right: 0rem; top: -0.4rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/pop_close.png) no-repeat; background-size: 100% 100%; z-index: 99; } 

/* .loading { width: 7.5rem; height: 2rem; top: 50% !important; margin-top: -50% !important; }  */
.loading { width: 7.5rem; height: 2rem; } 
.loading_box { position: absolute; width: 7.5rem; height: 1.54rem; top: 50%; transform: translateY(-50%); background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/loading.png) 0 0/100% no-repeat; line-height: 1.4rem; text-align: center; font-size: 0.28rem; font-family: 'fzlt3'; color: #c3c3c3; } 
.loading_img { width: 100%; height:100%; object-fit: cover; } 
/* .mask { position: absolute; left: 0; width: 100%; height: 50%; background-color: rgba(0,0,0,0.8); z-index: 2; } */
/* .mask-top { top: 0; transform-origin: center top; } 
.mask-bottom { bottom: 0; transform-origin: center bottom; }  */
.jdt_bg { position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 6.46rem; height: 0.09rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/jdt_bg.png) 0 0/100% no-repeat; overflow: hidden; z-index: 3; box-sizing: border-box; padding: 0 0.1rem; } 
.jdt { width: 0%; height: 100%; background: #049ae2; transition: width 0.5s cubic-bezier(0.65, 0, 0.35, 1); } 

.pop1 { width: 7.5rem; height: 12.2rem; transform: scale(0.9);} 
.pop .pop_con { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; } 
.pop1 .pop_con { flex-direction: column; } 

@keyframes btn-light { 
 0% { -webkit-filter: brightness(100%); filter: brightness(100%); } 
 50% { -webkit-filter: brightness(150%); filter: brightness(150%); } 
 100% { -webkit-filter: brightness(100%); filter: brightness(100%); } 
 }
/* @keyframes btn-scale {
  0%, 100% { 
    padding: 0;
  } 
  50% {
    padding: 0 0.05rem;
  }
} */

@keyframes btn-scale {
  0%, 100% { 
    clip-path: inset(0 0 0 0); /* 全显示 */
  } 
  50% {
    /* 左右各裁剪 0.115rem */
    clip-path: inset(0 0.115rem 0 0.115rem);
  }
}
.pop .tab_box { width: 100%; height: 100%; } 
.pop .tab_box .pop_bind { display: block; width: 3.13rem; height: 0.53rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/btn_bind.png) no-repeat; text-align: center; line-height: 0.53rem; font-size: 0.24rem; color: #fff;
  animation: 
    btn-light 1s ease-in-out infinite,
    btn-scale 2s linear infinite; margin: 0 auto;position: absolute; top: 4.8rem; left: -3.2rem; right: 0;} 
.pop .tab_box .time { width: 3.4rem; height: 0.41rem;  font-size: 0.18rem; color: #010101;line-height: 0.41rem; position: absolute; top: 4.8rem; left: 3.8rem; display: flex;justify-content: space-around;align-items: center;} 
.pop .tab_box .time em{display: block;height: 0.42rem;line-height: 0.21rem;width: 1.3rem;text-align: center;}
.pop .tab_box .time span { font-size: 0.4rem; color: #009ae4; display: block; } 
.pop .tab_box .num { font-size: 0.2rem; color: #000; position: absolute; top: 1.25rem; left: 5.55rem; } 
.pop .tab_box .tab { width: 7.5rem; height: 11.01rem; position: relative; box-sizing: border-box; display: none;padding: 0 0.6rem; padding-top: 5.35rem; } 
.pop .tab_box .tab1 { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop1_tab1.png) 0 0/100% no-repeat; } 
.pop .tab_box .tab2 { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop1_tab2.png) 0 0/100% no-repeat;padding-top: 6.5rem; } 
.pop .nav_box { width: 100%; display: flex; justify-content: center; align-items: center; } 
.pop .nav_box li { width:3.95rem; height: 0.68rem; line-height: 0.68rem; text-align: center; font-size: 0.26rem; color: #879aa6; font-family: 'fzlt3'; } 
.pop .nav_box li.nav1 { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/nav1.png) 0 0/100% no-repeat; margin-right: -0.2rem; } 
.pop .nav_box li.nav1.on { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/nav1_on.png) 0 0/100% no-repeat; color: #fff; } 
.pop .nav_box li.nav2 { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/nav2.png) 0 0/100% no-repeat; margin-left: -0.2rem; } 
.pop .nav_box li.nav2.on { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/nav2_on.png) 0 0/100% no-repeat; color: #fff; } 
.btn_fqjc { display: block; font-size: 0.3rem; color: #fff; width: 1.79rem;height: 0.65rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_btn2.png) 0 0/100% no-repeat; text-align: center;line-height: 0.65rem;font-family: 'fzlt1';} 
.pop_btn1 { display: block; width: 4.29rem; height: 0.65rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_btn1.png) 0 0/100% no-repeat; text-align: center; line-height: 0.65rem; font-size: 0.36rem; color: #fff; font-family: 'fzlt1'; } 
.pop_btn3 { display: block; width: 6.26rem; height: 0.65rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_btn3.png) 0 0/100% no-repeat; text-align: center; line-height: 0.65rem; font-size: 0.36rem; color: #fff; font-family: 'fzlt1'; } 
.pop_btn2 { display: block; width: 3.4rem; height: 0.87rem; text-align: center; line-height: 0.87rem; font-size: 0.26rem; color: #fff; font-family: 'fzlt1'; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/pc/pop/pop_btn2.png) 0 0/100% no-repeat; margin-top: 0.5rem; } 
.pop .tab .inp_box { width: 6.26rem;height: 2.2rem; display: flex; justify-content: space-between;align-content: space-around; flex-wrap: wrap; } 
.pop .tab .inp_box label { display: flex; flex-direction: column; } 
.pop .tab .inp_box label span { color: #2b2e30; font-size: 0.24rem; } 
.pop .tab .inp_box label select { width: 1.66rem; height: 0.78rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_select.png) 0 0/100% no-repeat; font-size: 0.28rem; color: #ffff; box-sizing: border-box; padding: 0 0.1rem; border: none;outline: none;} 
.pop .tab .inp_box label select option { color: #000; } 
.pop .tab .inp_box label input { width:4.48rem; height: 0.78rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_name.png) 0 0/100% no-repeat; font-size: 0.28rem; color: #ffff; box-sizing: border-box; padding: 0 0.1rem; text-align: center; border: none;outline: none;} 
.pop .tab .inp_box label input::placeholder { color: #7e7e7e; } 
.pop .tab .inp_box .btn_box{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 0.1rem;}
.pop .tab .tips { font-size: 0.2rem; color: #5c5c5c; margin-top: 0.1rem; } 
.pop .tab .tips span{color: #0393d8;}
.pop .tab2 .tips{text-align: center;display: none;}
.pop .tab .jl_list { width: 14rem; box-sizing: border-box; padding-left: 2.1rem; display: flex; justify-content: space-between; align-items: center; margin-top: 0.9rem; } 
.pop .tab .jl_list li { display: flex; justify-content: space-between; align-items: center; } 
.pop .tab .jl_list li img { height: 0.5rem; width: auto; margin-right: 0.1rem; } 
.pop .tab .jl_list li .jl_info { height: 0.5rem; display: flex; flex-direction: column; } 
.pop .tab .jl_list li .jl_info span { display: block; width: 0.7rem; height: 0.2rem; text-align: center; line-height: 0.2rem; font-size: 0.16rem; background-color: #f7c772; } 
.pop .tab .jl_list li .jl_info p { font-size: 0.2rem; color: #e0e2e4; } 
.pop .tab .jl_list li .jl_info p em { font-size: 0.16rem; color: #b2b2b2; display: inline-block; padding: 0rem 0.03rem; background-color: rgba(16,20,36,0.3); } 

.pop2 { width: 6.71rem; height: 6.07rem; } 
.pop2 .pop_box { width: 3.22rem; height: 6.07rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 1rem 0 0.8rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_box.png) 0 0/100% no-repeat;} 
/* .pop2 .pop_box1:hover { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/pc/pop/pop_box1_hover.png) 0 0/100% no-repeat; } 
.pop2 .pop_box2:hover { background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/pc/pop/pop_box2_hover.png) 0 0/100% no-repeat; }  */
.pop2 .pop_box .pop_logo { width: 1.63rem; height: 0.8rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/logo1.png) 0 0/100% no-repeat; } 
.pop2 .pop_box h3 { font-size: 0.32rem; color: #e0e2e4; font-weight: bold; } 
.pop2 .pop_box .btn,.pop4 .copy_box  .btn_copy { display: block; width:2.63rem; height: 0.65rem;  text-align: center; line-height: 0.65rem; font-size: 0.26rem; color: #ffffff; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_btn4.png) 0 0/100% no-repeat; font-family: 'fzlt1';} 



.pop .pop_box .status_box { width: 2.63rem; height: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } 
.pop .pop_box .status_box span { display: block; font-size: 0.18rem; color: #9f9f9f; margin-bottom: 0.2rem; } 
.pop .pop_box .status_box p { width: 2.63rem; height: 0.4rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/status1.png) 0 0/100% no-repeat; line-height: 0.4rem; text-align: center; font-size: 0.34rem; color: #8d8d8d; } 


.pop3 .pop_con img { width: 6.96rem; height: 3.54rem; } 

.pop4 { width: 6.96rem; height: 2.92rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop4.png) 0 0/100% no-repeat; }  
.pop4 .pop_con { flex-direction: column; justify-content: center; } 
.pop4 .pop_con p { font-size: 0.34rem; font-weight: bold; } 
.pop_tips4 .pop_con p { font-size: 0.2rem; color: #000; font-weight: normal; } 
.pop_tips4 .pop_con p span { color: #136ddd; } 
.pop_tips5 .pop_con p { font-size: 0.26rem; color: #000; font-weight: normal; text-align: center;margin: 0.1rem auto; } 
.pop_tips5 .pop_con h4 { font-size: 0.42rem; color: #000; text-align: center; font-weight: bold; } 
.pop_tips5 .pop_btn2 { margin-top: 0; } 
.pop .btn_box{width: 100%;display: flex;justify-content: space-around;}
.pop4 .copy_box  .btn_copy{margin: 0 auto;}

.pop_tips8 .pop_con p {font-size: 0.26rem;width: 90%;margin: 0 auto;text-align: center;font-weight: bold;}

.pop5 { width: 6.96rem; height: 5.92rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop5.png) 0 0/100% no-repeat; box-sizing: border-box; } 
.pop5 h4 { font-size: 0.55rem; font-weight: bold; width: 100%; background-color: #dadada; box-sizing: border-box; padding-left: 0.1rem; } 
.pop5 .rule_list { width: 6.1rem; height: 4rem; overflow: hidden; overflow-y: auto; padding-right: 0.2rem; box-sizing: border-box; margin: 0.5rem auto 0; display: none;} 
.pop5 .rule_list::-webkit-scrollbar { width: 0.07rem; } 
.pop5 .rule_list::-webkit-scrollbar-thumb { background-color: #1b79c5; } 
.pop5 .rule_list::-webkit-scrollbar-track { background-color: #b3b3b3; } 
.pop5 .rule_list li { font-size: 0.18rem; margin-bottom: 0.1rem; } 

.pop_tips6{ width: 6.96rem; height: 3.92rem; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop8.png) 0 0/100% no-repeat; box-sizing: border-box;}
.pop_tips6 h4 {height: 0.9rem;line-height: 0.9rem; font-size: 0.42rem; color: #000; text-align: center; font-weight: bold; } 
.pop_tips6 .pop_con{height: 2.9rem;justify-content: space-around;}
.pop_tips6 .pop_con p {width: 90%; font-size: 0.26rem; color: #000; font-weight: normal; text-align: center;margin: 0.1rem auto; } 
.pop_tips6 .pop_con .copy_box p{margin: 0rem auto 0.3rem;}
.pop_btn4 { display: block; width:2.63rem; height: 0.65rem;  text-align: center; line-height: 0.65rem; font-size: 0.26rem; color: #ffffff; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_btn4.png) 0 0/100% no-repeat; font-family: 'fzlt1';} 
.pop_btn5 { display: block; width:2.63rem; height: 0.65rem;  text-align: center; line-height: 0.65rem; font-size: 0.26rem; color: #ffffff; background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_btn5.png) 0 0/100% no-repeat; font-family: 'fzlt1';} 

.pop_tips6 .btn_box{flex-direction: row-reverse;}

.pop6{width: 6.96rem;height: 5.92rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop6.png) 0 0/100% no-repeat;box-sizing: border-box;}
.pop6 .pop_con{padding-top: 1.2rem;box-sizing: border-box;flex-direction: column;height: 5.4rem;}
.pop6 h4{font-size: 0.4rem;color: #000;height:0.74rem;line-height: 0.74rem;position: absolute;left: 0.1rem;top: 0;font-weight: bold;}
.pop6 .pop6_txt{font-size: 0.26rem;}
.pop6 .copy_box,.pop4 .copy_box{width: 5.73rem;}
.pop6 .copy_box p,.pop4 .copy_box p{width: 5.73rem;height: 0.6rem;line-height: 0.6rem;background-color: #000;}
.pop6 .copy_box p span,.pop4 .copy_box p span{display: inline-block;width: 0.9rem;height: 0.24rem;vertical-align: middle;font-size: 0.2rem;color: #b8b8b8;line-height: 0.24rem;text-align: center;}
.pop6 .copy_box p input,.pop4 .copy_box p input{width: 4.6rem;font-size: 0.2rem;color: #b8b8b8;height: 100%;background: transparent;text-align: center;border: none;outline: none;}
.pop6 .copy_box  .btn_copy{display: block;width: 5.73rem;height: 0.6rem;text-align: center;line-height: 0.6rem;font-size: 0.22rem;color: #fff;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/pc/pop/btn_copy.png) 0 0/100% no-repeat;}

.pop .pop6_right{display: flex;justify-content: space-between;align-items: center;width: 3.8rem;}
.pop6 .code_box{width: 1.66rem;height: 1.66rem;box-sizing: border-box;border: 0.03rem solid #169bd5;padding: 0.1rem;}
.pop6 .code_box img,.pop6 .code_box canvas{width: 100%;height: 100%;}

.pop7{width: 6.96rem;height: 4.04rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop7.png) 0 0/100% no-repeat;}
.pop7 h4 { font-size: 0.4rem; font-weight: bold; width: 100%;height: 0.7rem;line-height: 0.7rem;box-sizing: border-box; text-align: center; } 
.pop7 .pop_con{height: 3rem;flex-direction: column;box-sizing: border-box;padding-top: 0.4rem;}
.pop7 .select_box{width:6.4rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.pop7 .select_box p{font-size: 0.24rem;color: #2b2e30;}
.pop7 .select_box select{width: 1.66rem;height: 0.78rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_select.png) 0 0/100% no-repeat;border: none;outline: none;font-size: 0.3rem;color: #dfedf6;box-sizing: border-box;padding: 0 0.1rem;}
.pop7 .select_box select option{color: #000;}
.pop7 .select_box .role select{width: 4.06rem;height: 0.78rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/mobile/pop/pop_select2.png) 0 0/100% no-repeat;}
.pop7 .pop_btn2{margin-top: 0;}

.pop8{height: 2.5rem;width: 7.5rem;}
.pop8 .pop_con{flex-direction: column;}
.pop8 h4{font-size: 0.46rem;color: #ffffff;font-weight: bold;}
.pop8 .btn_box{width: 100%;display: flex;justify-content: center;align-items: center;}
.pop8 .btn_box a{display: block;width: 3.31rem;height: 0.88rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/login_btn.png) 0 0/100% no-repeat;display: flex;justify-content: center;align-items: center;margin: 0 0.1rem;color: #000;}
.pop8 .btn_box a img{width: 1.41rem;height: 0.5rem;}
.pop8 .btn_box a:hover{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/login_btn_hover.png) 0 0/100% no-repeat;}


.pop_share{width: 7.5rem;height: 16.24rem;transform: scale(0.8);transform-origin: 50% 0%;}
.pop_share .share_box{width: 100%;height: 100%;box-sizing: border-box;padding: 8.45rem 1.2rem 3.3rem 2.5rem;font-family: 'fzlt3';}
/* 红色 少年 中年男 少女 中年女 */
.pop_share .share1{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share1.jpg) 0 0/100% no-repeat;}
.pop_share .share1_2{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share1_2.jpg) 0 0/100% no-repeat;}
.pop_share .share1_3{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share1_3.jpg) 0 0/100% no-repeat;}
.pop_share .share1_4{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share1_4.jpg) 0 0/100% no-repeat;}
/* 蓝色 少年 中年男 少女 中年女 */
.pop_share .share2{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share2.jpg) 0 0/100% no-repeat;}
.pop_share .share2_2{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share2_2.jpg) 0 0/100% no-repeat;}
.pop_share .share2_3{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share2_3.jpg) 0 0/100% no-repeat;}
.pop_share .share2_4{background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/share2_4.jpg) 0 0/100% no-repeat;}
.pop_share .share_box .info{width: 3.79rem;height: 0.87rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/pc/pop/info_bg.png) 0 0/100% no-repeat;position: relative;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding-top: 0.22rem;padding-right: 0.1rem;}
.pop_share .share_box .info .num{font-size: 0.24rem;color: #7f7f7f;position: absolute;top: 0;right: 0;height: 0.2rem;line-height: 0.2rem;}
.pop_share .share_box .info .tx{width: 0.65rem;height: 0.65rem;}
.pop_share .share_box .info .tx img{width: 100%;height: 100%;}
.pop_share .share_box .info .info_txt{width: 3rem;height: 0.65rem;line-height: 0.65rem;font-size: 0.3rem;color: #000;text-align: center;}
.pop_share .share_box .name{margin: 0.2rem 0 0.1rem;}
.pop_share .share_box .name span{display: block;font-size: 0.18rem;color: #000;}
.pop_share .share_box .name em{display: block;font-size: 0.4rem;line-height: 0.7rem;font-family: 'fzlt1';white-space: nowrap;overflow: hidden;}
.pop_share .share_box .name em.on{font-size: 0.25rem;}
.pop_share .share_box .ai{font-size: 0.32rem;}
.pop_share .share_box .des{font-size: 0.2rem;}
.pop_share .share_box .code{width: 1.08rem;height: 1.08rem;position: absolute;left: 0.75rem;bottom: 2.5rem;}
.pop_share .share_box .code img{width: 100%;height: 100%;}
.pop_share .share_bottom{width: 6.4rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;position: absolute;left: 0;right: 0;bottom: 0.35rem;}
.pop_share .share_bottom p{font-size: 0.2rem;color: #fff;}
.pop_share .share_bottom p em{font-size: 0.16rem;color: #c7c7c7;}
.pop_share .share_bottom .btn_share,.pop_share .share_bottom .btn_save,.pop_share .share_bottom .btn_fx{display: block;width: 1.68rem;height: 0.54rem;background: url(https://game.gtimg.cn/images/nzm/cp/a20251211createrole/common/btn_share.png) 0 0/100% no-repeat;color: #fff;font-size: 0.24rem;text-align: center;line-height: 0.54rem;}

.pop_share .tit{width: 1.14rem;height: 4.65rem;position: absolute;left: 0.75rem;bottom: 3.9rem;}
.pop_share .tit img{width: 100%;height: 100%;}

#pop_tips9 .pop_con {    height: 2.3rem;
    overflow: auto;
    padding-top: 0.3rem;
    justify-content: unset;}
#pop_tips9 .pop_con p {text-align: left;}

#pop_fx {width: 100%;height: 80vh;}
#pop_fx a{display: block;width: 4.32rem;height: 1.55rem;position: absolute;right: 0;top: 0;}
#pop_fx img{width: 100%;height: 100%;}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    .slogan{
      transform: scale(0.8);
      transform-origin: 0% 100%;
    }
    .btn_ljdl{
      transform: scale(0.8);
      transform-origin: 0% 100%;
      left: 50rpx;
    }
    .btn_rule{
      transform: scale(0.8);
      transform-origin: 0% 100%;
      right: 180rpx;
    }
    .pop1{transform: scale(0.7);}
    .pop_share{transform: scale(0.55);}
}

@media screen and (width: 2232px) and (height: 3184px) {
  /* 专门为华为三折叠手机的三屏态（完全展开状态）设计 */
  .container{top: 62%;}
  .login_content{font-size: 0.2rem;}
  .music_btn{transform: scale(0.8);transform-origin: 100% 50%;}
  .slogan{top: 4.6rem;transform: scale(0.9);transform-origin: 0% 50%;}
  .btn_ljdl{transform: scale(0.9);transform-origin: 50% 50%;left: 0.3rem;top: 9.2rem;}
  .btn_rule{transform: scale(0.9);transform-origin: 50% 50%;right: 1.3rem;top: 9.2rem;}
  .btn_join{transform: scale(0.8);transform-origin: 100% 50%;}
}