@charset "UTF-8";
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; }

em { font-style: normal; }

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

i { font-style: normal; }

li { list-style: none; }

span i { font-weight: bold; color: #ffffff; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

/* reset end */
/* foot */
#afooter { position: relative; padding: 30px 0; text-align: center; font: normal 12px/19px Tahoma; z-index: 10; background-color: #191219; }

#afooter, #afooter a { color: #c0c0c0; text-decoration: none; }

@font-face { font-family: "DINCond"; src: url("//game.gtimg.cn/images/world/web202511/fonts/din.ttf"); }

@font-face { font-family: "din_regular"; src: url("//game.gtimg.cn/images/world/web202511/fonts/din_regular.ttf"); }

@font-face { font-family: "hy65w"; src: url("//game.gtimg.cn/images/world/web202511/fonts/hy65w.ttf"); }

@font-face { font-family: "ngrFontMedium"; src: url("//game.gtimg.cn/images/world/web202511/fonts/ngrFontMedium.ttf"); }

@font-face { font-family: "ngrFont"; src: url("//game.gtimg.cn/images/world/web202511/fonts/ngrFont.ttf"); }

@font-face { font-family: "ngrTitle"; src: url("//game.gtimg.cn/images/world/web202511/fonts/ngrTitle.ttf"); }

@font-face { font-family: "ngrBold"; src: url("//game.gtimg.cn/images/world/web202511/fonts/ngrBold.ttf"); }

*, *::before, *::after { box-sizing: border-box; }

.wrapper { max-width: 25.6rem; min-width: 16rem; margin: 0 auto; height: auto; overflow: hidden; position: relative; background-position: center top; background: #bfdbf6; background-size: 100% 100%; }

.wrapper.blur .header, .wrapper.blur .main { filter: blur(10px); }

.wrapper .main, .wrapper .header { z-index: 2; width: 100%; position: relative; }

.wrapper .main { background: url("//game.gtimg.cn/images/world/web202511/content.jpg") no-repeat; background-size: 100% 100%; height: 71.6rem; box-sizing: border-box; }

.wrapper .header { background: url("//game.gtimg.cn/images/world/web202511/kv.jpg") no-repeat; background-size: 100% 100%; height: 14.4rem; width: 100%; position: relative; }

.wrapper .header .time { background: url("//game.gtimg.cn/images/world/web202511/time.png") no-repeat; background-size: 100% 100%; width: 2.17rem; height: 0.36rem; line-height: 0.36rem; position: absolute; top: 1.62rem; left: 0; right: 0; margin: auto; font-size: 0.24rem; color: #fff; text-align: center; padding-left: 0.2rem; z-index: 1; }

.wrapper .header .a_login { background: url("//game.gtimg.cn/images/world/web202511/a_login01.png") no-repeat; background-size: 100% 100%; width: 5.28rem; height: 1.6rem; display: block; position: absolute; margin: auto; bottom: 1.8rem; left: 0; right: 0; }

.wrapper .header .a_login::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/a_login01_zs.png") no-repeat; background-size: 100% 100%; width: 10.68rem; height: 1.6rem; position: absolute; margin: auto; pointer-events: none; left: -50%; top: 0; }

.wrapper .header .ewm_is_m { background: url("//game.gtimg.cn/images/world/web202511/ewm_is_m.png") no-repeat; background-size: 100% 100%; width: 1.95rem; height: 2.29rem; position: absolute; right: 1rem; bottom: 4.05rem; }

.wrapper .header .ewm_is_m img { width: 1.83rem; height: 1.83rem; position: absolute; right: 0.07rem; top: 0.07rem; }

.wrapper .login-container { width: auto; position: absolute; right: 0rem; top: 0rem; background: rgba(43, 60, 69, 0.6); display: flex; text-align: center; width: 100%; justify-content: center; align-items: center; height: 0.4rem; color: #fff; line-height: 0.4rem; }

.wrapper .login-welcome { font-size: 0.2rem; color: #ffffff; margin-left: 0.1rem; }

.wrapper .logo { position: absolute; top: 0.4rem; left: 0.4rem; display: block; width: 1.94rem; height: 0.8rem; background: url("//game.gtimg.cn/images/world/web202511/logo.png") no-repeat; background-size: 100% 100%; z-index: 11; }

.wrapper .part0 { position: relative; height: 15.5rem; }

.wrapper .part0 .p0_btn { position: absolute; width: 100%; bottom: 1.9rem; display: flex; z-index: 11; justify-content: center; align-items: center; }

.wrapper .part0 .team_content { width: 17.35rem; position: relative; margin: auto; height: 12.6rem; }

.wrapper .part0 .team_content .role_img { width: 18rem; height: 18rem; pointer-events: none; z-index: 3; }

.wrapper .part0 .team_content .p0_team.not .p0_user1_info { display: none; }

.wrapper .part0 .team_content .p0_team.not::before { content: ''; display: block; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; background-size: 100% 100%; width: 18rem; height: 18rem; position: absolute; pointer-events: none; transform-origin: left top; }

.wrapper .part0 .team_content .p0_team.not.team04::before { transform: scale(0.5); left: 0; top: -29%; }

.wrapper .part0 .team_content .p0_team.not.team01::before { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -32%; }

.wrapper .part0 .team_content .p0_team.not.team02::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.wrapper .part0 .team_content .p0_team.not.team03::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.wrapper .part0 .team_content .p0_team.not .role_img { display: none; }

.wrapper .part0 .team_content .p0_team.not .not_team { width: 2.45rem; display: block; position: absolute; top: 31%; }

.wrapper .part0 .team_content .p0_team.not .not_team span { color: #fff; display: block; text-align: center; font-size: 0.24rem; }

.wrapper .part0 .team_content .p0_team.not .not_team_icon { background: url("//game.gtimg.cn/images/world/web202511/symbol_1.png") no-repeat; background-size: 100% 100%; width: 1.46rem; height: 1.46rem; margin: auto; display: block; }

.wrapper .part0 .team_content .p0_team.on .p0_user1_info { display: block; }

.wrapper .part0 .team_content .p0_team.on::before { content: ''; display: block; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; background-size: 100% 100%; width: 18rem; height: 18rem; position: absolute; pointer-events: none; transform-origin: left top; }

.wrapper .part0 .team_content .p0_team.on.team04::before { transform: scale(0.5); left: 0; top: -29%; }

.wrapper .part0 .team_content .p0_team.on.team01::before { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -32%; }

.wrapper .part0 .team_content .p0_team.on.team02::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.wrapper .part0 .team_content .p0_team.on.team03::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.wrapper .part0 .team_content .p0_team.on .role_img { display: none; }

.wrapper .part0 .team_content .p0_team.on .not_team { width: 2.45rem; display: block; position: absolute; top: 31%; }

.wrapper .part0 .team_content .p0_team.on .not_team span { color: #fff; display: block; text-align: center; font-size: 0.24rem; }

.wrapper .part0 .team_content .p0_team.on .not_team_icon { background: url("//game.gtimg.cn/images/world/web202511/symbol.png") no-repeat; background-size: 100% 100%; width: 1.46rem; height: 1.46rem; margin: auto; display: block; }

.wrapper .part0 .team_content .p0_team .not_team { display: none; z-index: 1; }

.wrapper .part0 .team_content .team01 { width: 7.3rem; height: 8.3rem; position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; margin: auto; }

.wrapper .part0 .team_content .team01::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/hero_bg_01.png") no-repeat; background-size: 100% 100%; width: 13.92rem; height: 13.92rem; display: block; position: absolute; pointer-events: none; left: -50%; top: -43%; z-index: 1; }

.wrapper .part0 .team_content .team01 .not_team { top: 53% !important; left: 28% !important; }

.wrapper .part0 .team_content .team01 .role_img { transform: scale(0.7); position: absolute; transform-origin: top left; left: -35%; top: -15%; }

.wrapper .part0 .team_content .team01 .role_img.jl { left: -55%; }

.wrapper .part0 .team_content .team01 .role_img.wzj { left: -45%; top: -22%; }

.wrapper .part0 .team_content .team01 .role_img.xs { left: -50%; }

.wrapper .part0 .team_content .team01 .p0_user1_info { bottom: 0.5rem; left: 2rem; top: unset; }

.wrapper .part0 .team_content .team02 { width: 6.5rem; position: absolute; left: 0; top: 3rem; z-index: 5; height: 8.5rem; }

.wrapper .part0 .team_content .team02 .not_team { top: 42% !important; left: 30% !important; }

.wrapper .part0 .team_content .team02 .role_img { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.wrapper .part0 .team_content .team02 .role_img.jl { left: -13%; }

.wrapper .part0 .team_content .team02 .p0_user1_info { top: 5.5rem; left: 0rem; }

.wrapper .part0 .team_content .team03 { width: 7.5rem; height: 6.55rem; position: absolute; z-index: 3; top: 3rem; right: 0.68rem; }

.wrapper .part0 .team_content .team03 .not_team { top: 57% !important; left: 48% !important; }

.wrapper .part0 .team_content .team03 .role_img { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.wrapper .part0 .team_content .team03 .role_img.jl { left: -13%; }

.wrapper .part0 .team_content .team03 .p0_user1_info { top: 5.6rem; left: 4.5rem; }

.wrapper .part0 .team_content .team04 { width: 7.5rem; height: 6.8rem; z-index: 4; position: absolute; top: 0; left: -8%; right: 0; margin: auto; }

.wrapper .part0 .team_content .team04 .not_team { top: 36% !important; left: 42% !important; }

.wrapper .part0 .team_content .team04 .role_img { transform: scale(0.5); position: absolute; transform-origin: top left; left: -10%; top: -29%; }

.wrapper .part0 .team_content .team04 .role_img.jl { left: -13%; }

.wrapper .part0 .team_content .team04 .p0_user1_info { top: 1.4rem; right: -7rem; }

.wrapper .part0 .team_content .p0_user1_info { background: url("//game.gtimg.cn/images/world/web202511/sign_03_2.png") no-repeat; background-size: 100% 100%; width: 4.54rem; height: 1.82rem; display: block; margin: auto; position: absolute; top: 0rem; left: 0.68rem; z-index: 99; }

.wrapper .part0 .team_content .p0_user1_info.notTag { background: url("//game.gtimg.cn/images/world/web202511/sign_03_2_not.png") no-repeat; background-size: 100% 100%; }

.wrapper .part0 .team_content .p0_user1_info.notTag .user0_tag { display: none; }

.wrapper .part0 .team_content .p0_user1_info.notTag .user0_name { top: 0.88rem; }

.wrapper .part0 .team_content .p0_user1_info img { width: 0.98rem; position: absolute; top: 0.57rem; left: 0.25rem; border-radius: 50%; overflow: hidden; }

.wrapper .part0 .team_content .p0_user1_info .user0_name { font-size: 0.28rem; margin-top: 0.03rem; text-align: center; background: linear-gradient(87deg, #6a89ad 0%, #485D78 87%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; position: absolute; line-height: 0.34rem; left: 1.55rem; top: 0.65rem; font-family: 'ngrFontMedium'; text-shadow: -0.01rem -0.01rem 0 #445c7b,   .01rem -0.01rem 0 #fff,   -0.01rem  .01rem 0 #fff,   .01rem  .01rem 0 #fff; display: flex; align-items: center; }

.wrapper .part0 .team_content .p0_user1_info .user0_tag { font-size: 0.24rem; margin-top: 0rem; text-align: center; color: #bddeff; position: absolute; line-height: 0.25rem; left: 1.55rem; top: 0.55rem; font-family: 'ngrFontMedium'; height: 1.6rem; display: flex; align-items: center; }

.wrapper .part0 .team_content .p0_user1_info::before { content: ''; width: 0.48rem; height: 0.48rem; display: block; position: absolute; left: 0%; top: 25%; z-index: 1; }

.wrapper .part0 .team_content .p0_user1_info.wx::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.wrapper .part0 .team_content .p0_user1_info.qq::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_qq.png") no-repeat; background-size: 100% 100%; }

.wrapper .part0 .a_icon { display: flex; color: #445466; font-size: 0.24rem; align-items: center; justify-content: center; margin-top: -0.2rem; position: absolute; bottom: -.3rem; right: 6.9rem; }

.wrapper .part0 .a_icon i { background: url("//game.gtimg.cn/images/world/web202511/a_icon.png") no-repeat; background-size: 100% 100%; width: 0.3rem; height: 0.3rem; display: block; margin-right: 0.1rem; }

.wrapper .part0 .btn_invite_someone { background: url("//game.gtimg.cn/images/world/web202511/btn_invite_someone.png") no-repeat; background-size: 100% 100%; width: 3.9rem; height: 0.84rem; display: block; font-size: .34rem; text-align: center; color: #42475a; line-height: 0.84rem; font-family: 'noto_bold'; }

.wrapper .part0 .a_select_role { background: url("//game.gtimg.cn/images/world/web202511/a_select_role.png") no-repeat; background-size: 100% 100%; width: 4.78rem; height: 1.12rem; font-family: 'ngrFontMedium'; font-size: 0.42rem; color: #4f4232; text-align: center; line-height: 1.12rem; font-family: 'noto_bold'; margin: 0 0.2rem; bottom: 2.02rem; display: block; }

.wrapper .part0 .btn_join_team { background: url("//game.gtimg.cn/images/world/web202511/btn_invite_someone.png") no-repeat; background-size: 100% 100%; width: 3.9rem; height: 0.84rem; display: block; font-size: .34rem; text-align: center; color: #42475a; line-height: 0.84rem; font-family: 'noto_bold'; }

.wrapper .part2 { position: relative; padding-top: 3rem; height: 13.7rem; }

.wrapper .part2 .a_p2_btn { background: url("//game.gtimg.cn/images/world/web202511/a_btn2_02.png") no-repeat; background-size: 100% 100%; width: 2.2rem; height: 0.67rem; display: block; color: #2e3955; font-size: 0.32rem; text-align: center; font-family: 'ngrFontMedium'; line-height: 0.69rem; position: absolute; right: 0.3rem; top: 0; bottom: 0; margin: auto; }

.wrapper .part2 .a_p2_btn.on { background: url("//game.gtimg.cn/images/world/web202511/a_btn2_01.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .a_p2_btn.not { background: url("//game.gtimg.cn/images/world/web202511/a_btn2_03.png") no-repeat; background-size: 100% 100%; pointer-events: none; color: #858b95; }

.wrapper .part2 .a_p2_btn.not2 { background: url("//game.gtimg.cn/images/world/web202511/a_btn2_03.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .a_p2_btn.not3 { background: url("//game.gtimg.cn/images/world/web202511/a_btn2_03.png") no-repeat; background-size: 100% 100%; color: #858b95; }

.wrapper .part2 .p2_tit { background: url("//game.gtimg.cn/images/world/web202511/p2_tit.png") no-repeat; background-size: 100% 100%; width: 6.41rem; height: 0.66rem; display: block; margin: auto; }

.wrapper .part2 .p2_con { width: 17.08rem; margin: 0rem auto 0; position: relative; }

.wrapper .part2 .p2_con .p2_await { width: auto; height: 0.9rem; display: flex; justify-content: space-between; position: absolute; top: 0; bottom: 0; right: 2.7rem; margin: auto; }

.wrapper .part2 .p2_con .p2_await .await_item { margin-right: 0.1rem; }

.wrapper .part2 .p2_con .p2_txt { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; margin: auto; left: 0.35rem; font-family: 'ngrFont'; color: #485d78; font-size: 0.28rem; }

.wrapper .part2 .p2_con .p2_txt i { background: url("//game.gtimg.cn/images/world/web202511/p2_txt_i.png") no-repeat; width: 0.55rem; height: 0.58rem; background-size: 100% 100%; display: block; margin-right: 0.2rem; }

.wrapper .part2 .p2_con .await_item { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; width: 0.91rem; height: 0.92rem; display: block; position: relative; }

.wrapper .part2 .p2_con .await_item.gray { background: url("//game.gtimg.cn/images/world/web202511/itembox_gray.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .p2_con .await_item.blue { background: url("//game.gtimg.cn/images/world/web202511/itembox_blue.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .p2_con .await_item.green { background: url("//game.gtimg.cn/images/world/web202511/itembox_green.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .p2_con .await_item.red { background: url("//game.gtimg.cn/images/world/web202511/itembox_red.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .p2_con .await_item.yellow { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .p2_con .await_item.purple { background: url("//game.gtimg.cn/images/world/web202511/itembox_purple.png") no-repeat; background-size: 100% 100%; }

.wrapper .part2 .p2_con .await_item img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.wrapper .part2 .p2_con .await_item span { position: absolute; font-size: 0.2rem; text-align: center; font-family: 'ngrFont'; color: #485d78; bottom: -32%; width: 160%; right: -31%; }

.wrapper .part2 .p2_con .p2_item { background: url("//game.gtimg.cn/images/world/web202511/task_b.png") no-repeat; background-size: 100% 100%; width: 10.76rem; height: 1.8rem; position: relative; display: block; margin-bottom: 0.26rem; }

.wrapper .part3 { position: relative; padding-top: 3.3rem; box-sizing: border-box; }

.wrapper .part3 .p3_tit { background: url("//game.gtimg.cn/images/world/web202511/p3_title.png") no-repeat; background-size: 100% 100%; width: 6.41rem; height: 0.65rem; display: block; margin: auto; }

.wrapper .part3 .p3_txt { width: 100%; padding-left: 1.1rem; padding-right: 0.5rem; box-sizing: border-box; color: #485d78; margin-bottom: 0.5rem; font-size: 0.28rem; }

.wrapper .part3 .p3_txt .tit { color: #485d78; font-family: 'ngrFontMedium'; font-size: 0.36rem; margin-bottom: 0.1rem; position: relative; }

.wrapper .part3 .p3_txt .tit::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/icon888.png") no-repeat; background-size: 100% 100%; width: 0.36rem; height: 0.36rem; display: block; position: absolute; top: -0.08rem; bottom: 0; left: -0.5rem; margin: auto; }

.wrapper .part3 .p3_txt span { display: block; font-family: 'ngrFont'; margin-bottom: 0.1rem; line-height: 0.4rem; }

.wrapper .part3 .p3_box { width: 15.8rem; height: 20.28rem; position: relative; padding-top: 1.4rem; box-sizing: border-box; margin: 0rem auto 0; }

.wrapper .part3 .p3_con .p3_txt:nth-child(2) { margin-bottom: 0.55rem; }

.wrapper .part3 .p3_con .p3_txt:nth-child(5) { margin-bottom: 0.4rem; }

.wrapper .part3 .p3_con .p3_txt:nth-child(6) { margin-bottom: 0.55rem; }

.wrapper .part4 { padding-top: 2.1rem; }

.wrapper .part4 .p4_con { position: relative; width: 18.4rem; height: 11.55rem; margin: auto; }

.wrapper .part4 .activity_title_b { background: url("//game.gtimg.cn/images/world/web202511/activity_title_b.png") no-repeat; background-size: 100% 100%; width: 9.21rem; height: 0.92rem; display: block; color: #485d78; font-size: 0.48rem; padding-left: 0.82rem; box-sizing: border-box; line-height: 0.92rem; font-family: 'ngrFontMedium'; }

.wrapper .part4 .p4_info_box { width: 9.22rem; position: absolute; right: -0.2rem; top: 1.6rem; }

.wrapper .part4 .p4_award_box { display: flex; padding-left: 0.82rem; box-sizing: border-box; margin-top: 0.1rem; }

.wrapper .part4 .p4_award_box .p4_award_item { background: url("//game.gtimg.cn/images/world/web202511/p4_award_item.png") no-repeat; background-size: 100% 100%; width: 0.91rem; height: 0.92rem; position: relative; margin-right: 0.4rem; }

.wrapper .part4 .p4_award_box .p4_award_item.gray { background: url("//game.gtimg.cn/images/world/web202511/itembox_gray.png") no-repeat; background-size: 100% 100%; }

.wrapper .part4 .p4_award_box .p4_award_item.blue { background: url("//game.gtimg.cn/images/world/web202511/itembox_blue.png") no-repeat; background-size: 100% 100%; }

.wrapper .part4 .p4_award_box .p4_award_item.green { background: url("//game.gtimg.cn/images/world/web202511/itembox_green.png") no-repeat; background-size: 100% 100%; }

.wrapper .part4 .p4_award_box .p4_award_item.red { background: url("//game.gtimg.cn/images/world/web202511/itembox_red.png") no-repeat; background-size: 100% 100%; }

.wrapper .part4 .p4_award_box .p4_award_item.yellow { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; }

.wrapper .part4 .p4_award_box .p4_award_item.purple { background: url("//game.gtimg.cn/images/world/web202511/itembox_purple.png") no-repeat; background-size: 100% 100%; }

.wrapper .part4 .p4_award_box .p4_award_item img { width: 100%; height: 100%; }

.wrapper .part4 .p4_award_box .p4_award_item .p4_num { position: absolute; bottom: 0.03rem; right: 0.03rem; font-size: 0.22rem; color: #fff; font-family: 'hy65w'; }

.wrapper .part4 .p4_award_box .p4_award_item .p4_txt { color: #485d78; font-family: 'ngrFont'; left: 0; font-size: 0.22rem; position: absolute; bottom: -0.4rem; width: 100%; text-align: center; }

.wrapper .part4 .p4_info1, .wrapper .part4 .p4_info2 { width: 9.2rem; position: relative; display: flex; justify-content: flex-start; margin-bottom: 1.2rem; flex-wrap: wrap; }

.wrapper .part4 .p4_info1 .p4_info_tit, .wrapper .part4 .p4_info2 .p4_info_tit { color: #485d78; padding-left: 0.82rem; box-sizing: border-box; font-size: 0.36rem; font-family: 'ngrFontMedium'; width: 100%; }

.wrapper .part4 .p4_info1 .p4_info_txt, .wrapper .part4 .p4_info2 .p4_info_txt { font-size: 0.28rem; width: 100%; padding-left: 0.82rem; box-sizing: border-box; color: #485d78; font-family: 'ngrFont'; }

.wrapper .part4 .p4_btn { width: 9.8rem; display: flex; justify-content: space-between; position: absolute; bottom: 0; left: 0; right: 0; justify-content: center; margin: auto; align-items: center; }

.wrapper .part4 .p4_btn .btn_save_pc { background: url("//game.gtimg.cn/images/world/web202511/btn_save_pc2.png") no-repeat; background-size: 100% 100%; width: 4.78rem; height: 1.12rem; padding-top: 0.2rem; text-align: center; }

.wrapper .part4 .p4_btn .btn_save_pc .pc_title { color: #4f4232; color: #4f4232; display: flex; justify-content: center; font-family: 'ngrBold'; font-size: 0.32rem; align-items: center; }

.wrapper .part4 .p4_btn .btn_save_pc .pc_title i { background: url("//game.gtimg.cn/images/world/web202511/icon1.png") no-repeat; background-size: 100% 100%; width: 0.32rem; height: 0.28rem; margin-right: 0.1rem; }

.wrapper .part4 .p4_btn .btn_save_pc .pc_txt { font-size: 0.24rem; color: #4f4232; width: 100%; text-align: center; opacity: 0.7; transform: translateY(-0.1rem); }

.wrapper .part4 .p4_btn .btn_save_m { background: url("//game.gtimg.cn/images/world/web202511/btn_save_m2.png") no-repeat; background-size: 100% 100%; padding-top: 0.2rem; width: 4.72rem; height: 1.14rem; }

.wrapper .part4 .p4_btn .btn_save_m .m_title { color: #4f4232; color: #4f4232; display: flex; justify-content: center; font-family: 'ngrBold'; font-size: 0.32rem; align-items: center; }

.wrapper .part4 .p4_btn .btn_save_m .m_title i { background: url("//game.gtimg.cn/images/world/web202511/icon2.png") no-repeat; background-size: 100% 100%; width: 0.2rem; height: 0.3rem; margin-right: 0.1rem; }

.wrapper .part4 .p4_btn .btn_save_m .m_txt { font-size: 0.24rem; color: #4f4232; width: 100%; text-align: center; opacity: 0.7; transform: translateY(-0.1rem); }

.wrapper .part4 .tit_x { color: #485d78; padding-right: 0.6rem; font-family: 'ngrFont'; font-size: 0.28rem; width: 100%; text-align: right; }

a:hover { filter: brightness(1.05); }

.m { display: none !important; }

.loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 9999999; }

.loading .loading_box { height: 2rem; width: 2rem; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-top: .5rem; box-sizing: content-box; /* 旋转圆环 */ /* 动态省略号 */ }

.loading .loading_box .loading_icon { width: 50%; height: 50%; border: .08rem solid #f3f3f3; border-top: .08rem solid #3498db; border-radius: 50%; animation: spin 1.2s linear infinite; margin-bottom: .2rem; position: relative; margin: auto; }

.loading .loading_box .loading_txt { font-size: .16rem; color: #fff; position: absolute; font-weight: 500; margin: .2rem auto 0; width: 100%; text-align: center; background-size: 300% 100%; animation: gradient 2s ease infinite; }

.loading .loading_box .loading_dots::after { content: '...'; animation: dots 1.5s steps(4, end) infinite; }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@keyframes dots { 0%, 20% { content: '.'; }
  40% { content: '..'; }
  60%, 100% { content: '...'; } }

.pop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; }

.pop .pop_tips { background: url("//game.gtimg.cn/images/world/web202511/pop_tips.png") no-repeat; background-size: 100% 100%; width: 6.77rem; height: 3.54rem; z-index: 11; }

.pop .pop_tips.on .norRole_btn_box { display: flex; }

.pop .pop_tips.on .yzx { display: none; }

.pop .pop_tips.act .norRole_btn_box { display: flex; }

.pop .pop_tips.act .a_cancel, .pop .pop_tips.act .a_suss { display: none; }

.pop .pop_tips.act .yzx { display: flex; margin-right: 0; }

.pop .pop_tips .norRole_btn_box { bottom: .4rem; display: none; justify-content: center; }

.pop .pop_tips .norRole_btn_box a { margin-right: .4rem; }

.pop .pop_tips .norRole_btn_box a:last-child { margin-right: 0; }

.pop .pop_tips .tips_tit { color: #f1f9ff; text-align: center; font-family: 'hy65w'; padding-top: 0.8rem; box-sizing: border-box; font-size: 0.48rem; margin-bottom: 0.3rem; }

.pop .pop_tips .tips_txt { text-align: center; color: #f1f9ff; padding: 0 0.2rem; font-size: 0.22rem; }

.pop .pop_notRole { background: url("//game.gtimg.cn/images/world/web202511/pop_notRole.png") no-repeat; background-size: 100% 100%; width: 6.77rem; height: 3.54rem; padding-top: 1.1rem; box-sizing: border-box; }

.pop .pop_notRole .not_txt { font-size: 0.24rem; text-align: center; color: #f1f9ff; }

.pop .norRole_btn_box { display: flex; justify-content: space-between; position: absolute; width: 5rem; left: 0; right: 0; margin: auto; bottom: 0.6rem; }

.pop .norRole_btn_box a { width: 2.25rem; height: 0.66rem; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.24rem; }

.pop .norRole_btn_box a.a_cancel { background: url("//game.gtimg.cn/images/world/web202511/btn2.png") no-repeat; background-size: 100% 100%; }

.pop .norRole_btn_box a.a_suss { background: url("//game.gtimg.cn/images/world/web202511/btn3.png") no-repeat; background-size: 100% 100%; }

.pop .pop_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop .pop_login { background: url("//game.gtimg.cn/images/world/web202511/login_pop.png") no-repeat; background-size: 100% 100%; width: 6.77rem; height: 4.59rem; display: block; }

.pop .pop_login .login_box { display: flex; justify-content: space-between; width: 5.1rem; padding-top: 1.25rem; height: 2.5rem; margin: auto; }

.pop .pop_login .login_box .login_item { position: relative; cursor: pointer; }

.pop .pop_login .login_box span { color: #f1f9ff; font-size: 0.24rem; text-align: center; display: block; margin-top: 0.1rem; }

.pop .pop_login .login_box img { width: 2.12rem; display: block; height: 2.12rem; }

.pop .pop_question { background: url("//game.gtimg.cn/images/world/web202511/question_pop.png") no-repeat; background-size: 100% 100%; width: 5.21rem; height: 8.94rem; padding: 3.5rem 0.4rem; box-sizing: border-box; }

.pop .pop_question .question_txt { background: url("//game.gtimg.cn/images/world/web202511/question_txt.png") no-repeat; background-size: 100% 100%; width: 0.63rem; height: 0.63rem; display: block; position: relative; font-size: 0.3rem; }

.pop .pop_question .question_txt span { font-family: 'DINCond'; }

.pop .pop_question .question_txt span:nth-child(1) { color: #62ebff; position: absolute; left: 0; top: -0.1rem; }

.pop .pop_question .question_txt span:nth-child(2) { font-size: 0.24rem; color: #0f3255; position: absolute; right: 0.05rem; bottom: -0.05rem; -webkit-text-stroke: 1px #9db6cd; text-stroke: 1px #9db6cd; }

.pop .pop_question .question_box { position: relative; height: 3rem; }

.pop .pop_question .question_item { background: url("//game.gtimg.cn/images/world/web202511/question_item.png") no-repeat; background-size: 100% 100%; width: 3.02rem; height: 0.54rem; position: relative; display: block; font-family: 'din_regular'; margin-bottom: 0.25rem; color: #a1c4ee; line-height: 0.6rem; box-sizing: border-box; cursor: pointer; padding-left: 0.2rem; font-size: 0.28rem; }

.pop .pop_question .question_item:hover { background: url("//game.gtimg.cn/images/world/web202511/question_item_hover.png") no-repeat; background-size: 100% 100%; color: #9eefff; }

.pop .pop_question .question_item:hover em { color: #9eefff; text-shadow: 0 0 10px rgba(158, 239, 255, 0.8); }

.pop .pop_question .question_item.on { background: url("//game.gtimg.cn/images/world/web202511/question_item_hover.png") no-repeat; background-size: 100% 100%; color: #9eefff; }

.pop .pop_question .question_item.on em { color: #9eefff; text-shadow: 0 0 10px rgba(158, 239, 255, 0.8); }

.pop .pop_question .question_item.on::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/question_item_hover_icon.png") no-repeat; background-size: 100% 100%; width: 0.26rem; height: 0.21rem; display: block; position: absolute; right: -0.5rem; top: 0; bottom: 0; margin: auto; }

.pop .pop_question .question_item span { font-size: 0.18rem; position: absolute; top: 0; line-height: 0.54rem; bottom: 0; margin: auto; right: 0.1rem; font-family: 'hy65w'; }

.pop .pop_question .question_item:nth-child(2) { transform: translateX(1.1rem); }

.pop .pop_question .question_tit { font-size: 0.26rem; font-family: "hy65w"; background-image: linear-gradient(to bottom, #d2fffe, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; position: relative; line-height: 0.35rem; margin: 0.2rem 0; }

.pop .pop_ping, .pop .join_pop { background-size: 100% 100%; width: 25.6rem; height: 14.4rem; display: block; border-radius: .08rem; background: url("//game.gtimg.cn/images/world/web202511/pop_ping2.jpg") no-repeat; background-size: cover; }

.pop .pop_ping::before, .pop .join_pop::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/logo9.png") no-repeat; background-size: 100% 100%; width: 1.7rem; height: 0.69rem; display: block; transform: scale(var(--popup-scale, 1)); position: absolute; bottom: 0.35rem; left: 0.9rem; margin: auto; transform-origin: left center; }

.pop .pop_ping::after, .pop .join_pop::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/pop_before.png") no-repeat; background-size: 100% 100%; width: 9.95rem; height: 2.66rem; display: block; pointer-events: none; transform: scale(var(--popup-scale, 1)); position: absolute; bottom: 0rem; right: 0rem; margin: auto; transform-origin: right bottom; }

.pop .pop_ping .ping2_user1_info, .pop .join_pop .ping2_user1_info { background: url("//game.gtimg.cn/images/world/web202511/sign_03.png") no-repeat; background-size: 100% 100%; width: 1.64rem; height: 4.6rem; display: block; margin: auto; position: absolute; top: 16%; left: -2%; z-index: 99; }

.pop .pop_ping .ping2_user1_info::before, .pop .join_pop .ping2_user1_info::before { content: ''; width: 0.48rem; height: 0.48rem; display: block; position: absolute; left: 5%; top: 4%; z-index: 1; }

.pop .pop_ping .ping2_user1_info.wx::before, .pop .join_pop .ping2_user1_info.wx::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping .ping2_user1_info.qq::before, .pop .join_pop .ping2_user1_info.qq::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_qq.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping .ping2_user1_info img, .pop .join_pop .ping2_user1_info img { width: 0.99rem; position: absolute; top: 0.31rem; left: 0.31rem; }

.pop .pop_ping .ping2_user1_info .user0_name, .pop .join_pop .ping2_user1_info .user0_name { font-size: 0.32rem; margin-top: 0.03rem; text-align: center; background: linear-gradient(87deg, #6a89ad 0%, #485D78 87%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; width: .3rem; position: absolute; line-height: 0.34rem; left: .43rem; top: 1.55rem; font-family: 'ngrFontMedium'; writing-mode: vertical-rl; text-orientation: inherit; display: flex; align-items: center; }

.pop .pop_ping .ping2_user1_info .user0_tag, .pop .join_pop .ping2_user1_info .user0_tag { font-size: 0.28rem; margin-top: 0.03rem; text-align: center; color: #bddeff; width: .3rem; position: absolute; line-height: 0.3rem; left: .95rem; top: 1.55rem; font-family: 'ngrFontMedium'; height: 1.6rem; display: flex; align-items: center; }

.pop .pop_ping .pop_scale, .pop .join_pop .pop_scale { transform-origin: top center; }

.pop .pop_ping .a_close, .pop .join_pop .a_close { background: url("//game.gtimg.cn/images/world/web202511/a_close2.png") no-repeat; background-size: 100% 100%; width: 0.55rem; height: 0.55rem; transform: scale(var(--popup-scale, 1)); right: 0.7rem; top: 0.65rem; transform-origin: right top; }

.pop .pop_ping .ping_bg, .pop .join_pop .ping_bg { width: 25.6rem; height: 14.4rem; position: relative; margin: auto; }

.pop .pop_ping .ping_bg::before, .pop .join_pop .ping_bg::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_bg_before.png") no-repeat; background-size: 100% 100%; width: 16.52rem; height: 14.4rem; display: block; position: absolute; pointer-events: none; left: -8%; top: 0; }

.pop .pop_ping .ping_bg .ping_role_left, .pop .join_pop .ping_bg .ping_role_left { width: 16.2rem; height: 100%; display: block; pointer-events: none; position: relative; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role, .pop .join_pop .ping_bg .ping_role_left .ping_role { width: 18rem; height: 18rem; left: -15%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.dfy, .pop .join_pop .ping_bg .ping_role_left .ping_role.dfy { left: -15%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.hml, .pop .join_pop .ping_bg .ping_role_left .ping_role.hml { left: -15%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.jl, .pop .join_pop .ping_bg .ping_role_left .ping_role.jl { left: -25%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.k, .pop .join_pop .ping_bg .ping_role_left .ping_role.k { left: -10%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.lbds, .pop .join_pop .ping_bg .ping_role_left .ping_role.lbds { left: -17%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.my, .pop .join_pop .ping_bg .ping_role_left .ping_role.my { left: -17%; top: -15%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.sb, .pop .join_pop .ping_bg .ping_role_left .ping_role.sb { left: -20%; top: -14%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.wzj, .pop .join_pop .ping_bg .ping_role_left .ping_role.wzj { left: -23%; top: -21%; }

.pop .pop_ping .ping_bg .ping_role_left .ping_role.xs, .pop .join_pop .ping_bg .ping_role_left .ping_role.xs { left: -27%; top: -13%; }

.pop .pop_ping .ping_bg .ping_role_right, .pop .join_pop .ping_bg .ping_role_right { width: 7.35rem; height: 11.33rem; position: absolute; right: 0.95rem; top: 0; bottom: 0; margin: auto; }

.pop .pop_ping .ping_btn, .pop .join_pop .ping_btn { display: flex; justify-content: space-between; width: 7.24rem; margin-top: 0.3rem; }

.pop .pop_ping .ping_btn .a_selectRole, .pop .join_pop .ping_btn .a_selectRole { background: url(//game.gtimg.cn/images/world/web202511/a_btn3_01.png) no-repeat; background-size: 100% 100%; font-family: 'ngrFontMedium'; width: 3.64rem; color: #42475a; font-size: 0.36rem; }

.pop .pop_ping .ping_btn .a_shareRole, .pop .join_pop .ping_btn .a_shareRole { background: url("//game.gtimg.cn/images/world/web202511/a_btn3_02.png") no-repeat; background-size: 100% 100%; color: #42475a; font-size: 0.36rem; font-family: 'ngrFontMedium'; text-align: center; width: 3.64rem; height: 0.84rem; line-height: 0.84rem; }

.pop .pop_ping .ping_role, .pop .join_pop .ping_role { width: 100%; position: absolute; height: auto; display: block; top: 0.2rem; left: 0; }

.pop .pop_ping .tag3, .pop .join_pop .tag3 { background-image: url("//game.gtimg.cn/images/world/web202511/tag3.png"); width: 0.38rem; height: 2.2rem; display: block; position: absolute; right: 0.29rem; top: 0.48rem; font-family: 'hy65w'; writing-mode: vertical-rl; text-orientation: mixed; line-height: 0.7rem; font-size: 0.24rem; text-align: center; }

.pop .pop_ping .tag3 span, .pop .join_pop .tag3 span { display: block; transform: translateX(0.05rem); }

.pop .pop_ping .tag4, .pop .join_pop .tag4 { background: url("//game.gtimg.cn/images/world/web202511/tag4.png") no-repeat; background-size: 100% 100%; width: 3.72rem; height: 0.23rem; display: block; color: #284a7a; font-size: 0.24rem; text-align: center; line-height: 0.25rem; margin: auto; z-index: 2; top: 6.7rem; position: absolute; margin: auto; left: 0; right: 0; }

.pop .pop_ping .ping_tag, .pop .join_pop .ping_tag { width: 100%; height: 2.71rem; display: block; margin-bottom: 0.9rem; position: relative; }

.pop .pop_ping .ping_tag::before, .pop .join_pop .ping_tag::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_tag2_before.png") no-repeat; background-size: 100% 100%; width: 7.19rem; height: 0.54rem; position: absolute; left: 0; top: 1.55rem; }

.pop .pop_ping .ping_tag .ping-name, .pop .join_pop .ping_tag .ping-name { color: #485d78; font-family: 'ngrTitle'; font-size: 1.2rem; height: 1.65rem; display: block; line-height: 1.9rem; }

.pop .pop_ping .ping_tag .ping-hero-match-box, .pop .join_pop .ping_tag .ping-hero-match-box { font-size: 0.28rem; margin-top: 0.1rem; color: #485d78; font-family: 'ngrFont'; }

.pop .pop_ping .ping_tag .ping-hero-match, .pop .join_pop .ping_tag .ping-hero-match { font-family: 'ngrBold'; margin-top: -0.2rem; color: #c1974d; display: block; font-size: 0.72rem; }

.pop .pop_ping .a_share, .pop .join_pop .a_share { background: url("//game.gtimg.cn/images/world/web202511/a_share.png") no-repeat; background-size: 100% 100%; width: 1.24rem; z-index: 2; height: 1.24rem; display: block; position: absolute; right: 0rem; top: 0rem; }

.pop .pop_ping .ai_info, .pop .join_pop .ai_info { width: 100%; height: auto; display: block; position: relative; margin: auto; }

.pop .pop_ping .ai_info .ai_tit, .pop .join_pop .ai_info .ai_tit { font-size: 0.3rem; background: url("//game.gtimg.cn/images/world/web202511/ai_tit.png") no-repeat; background-size: 100% 100%; font-family: 'ngrTitle'; width: 7.32rem; height: 0.58rem; margin-top: 0.8rem; color: #885a12; margin-bottom: 0.2rem; text-align: left; padding-left: 0.35rem; display: block; }

.pop .pop_ping .ai_info .ai_tit span, .pop .join_pop .ai_info .ai_tit span { font-size: 0.4rem; }

.pop .pop_ping .ai_info ul li, .pop .join_pop .ai_info ul li { font-size: 0.24rem; color: #6c83a0; font-family: 'ngrFont'; }

.pop .pop_ping .tag_box, .pop .join_pop .tag_box { position: relative; top: 0; width: 100%; left: 0; z-index: 2; }

.pop .pop_ping .tag_box .tag_tips, .pop .join_pop .tag_box .tag_tips { color: #6c83a0; font-size: 0.24rem; opacity: 0.9; display: block; font-family: 'ngrFont'; width: 100%; margin-bottom: 0.16rem; }

.pop .pop_ping .tag_box .tag_info, .pop .join_pop .tag_box .tag_info { background: url("//game.gtimg.cn/images/world/web202511/tag_info.png") no-repeat; background-size: 100% 100%; width: 7.25rem; position: relative; display: block; padding-top: 0.2rem; box-sizing: border-box; height: 5.56rem; }

.pop .pop_ping .tag_box .tag_list, .pop .join_pop .tag_box .tag_list { display: flex; justify-content: center; height: 0.44rem; width: 100%; margin: 0.1rem auto 0; }

.pop .pop_ping .tag_box .tag_list span, .pop .join_pop .tag_box .tag_list span { background: url("//game.gtimg.cn/images/world/web202511/sign_01.png") no-repeat; background-size: 100% 100%; width: 2.02rem; height: 0.4rem; display: flex; cursor: pointer; font-size: 0.22rem; color: #bddeff; font-family: 'ngrFont'; align-items: center; justify-content: center; position: relative; }

.pop .pop_ping .tag_box .tag_list span.on, .pop .join_pop .tag_box .tag_list span.on { background: url("//game.gtimg.cn/images/world/web202511/sign_02.png") no-repeat; background-size: 100% 100%; padding-right: .15rem; color: #885a12; box-sizing: border-box; }

.pop .pop_ping .tag_box .tag_list span.on::before, .pop .join_pop .tag_box .tag_list span.on::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/icon55.png") no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.18rem; position: absolute; right: 0.18rem; top: 0; bottom: 0; margin: auto; }

.pop .pop_ping .tit, .pop .join_pop .tit { background: url("//game.gtimg.cn/images/world/web202511/tit.png") no-repeat; background-size: 100% 100%; width: 2.22rem; height: 0.81rem; display: block; position: absolute; left: 0; right: 0; top: 5.2rem; z-index: 2; margin: auto; }

.pop .pop_ping .head_box, .pop .join_pop .head_box { position: absolute; width: auto; left: 0.4rem; top: 0.9rem; color: #e7ffff; font-size: 0.2rem; text-align: center; font-family: 'hy65w'; }

.pop .pop_ping .head_box span, .pop .join_pop .head_box span { transform: translateX(0.05rem); }

.pop .pop_ping .head_box .tx_img, .pop .join_pop .head_box .tx_img { background: url("//game.gtimg.cn/images/world/web202511/role_img.png") no-repeat; background-size: 100% 100%; width: 0.87rem; height: 0.84rem; position: relative; margin: 0 auto 0.1rem; }

.pop .pop_ping .head_box .tx_img img, .pop .join_pop .head_box .tx_img img { width: 0.68rem; height: 0.68rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; margin: auto; }

.pop .pop_ping2 { background-size: 100% 100%; width: 20.48rem; height: 11.5rem; width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; }

.pop .pop_ping2 .ping2_user1_info { background: url("//game.gtimg.cn/images/world/web202511/sign_03.png") no-repeat; background-size: 100% 100%; width: 1.64rem; height: 4.6rem; display: block; margin: auto; position: absolute; top: 16%; left: -2%; z-index: 99; }

.pop .pop_ping2 .ping2_user1_info::before { content: ''; width: 0.48rem; height: 0.48rem; display: block; position: absolute; left: 5%; top: 4%; z-index: 1; }

.pop .pop_ping2 .ping2_user1_info.wx::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping2_user1_info.qq::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_qq.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping2_user1_info img { width: 0.99rem; position: absolute; top: 0.31rem; left: 0.31rem; }

.pop .pop_ping2 .ping2_user1_info .user0_name { font-size: 0.32rem; margin-top: 0.03rem; text-align: center; background: linear-gradient(87deg, #6a89ad 0%, #485D78 87%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; width: .3rem; position: absolute; line-height: 0.34rem; left: .43rem; top: 1.55rem; font-family: 'ngrFontMedium'; writing-mode: vertical-rl; text-orientation: inherit; display: flex; align-items: center; }

.pop .pop_ping2 .ping2_user1_info .user0_tag { font-size: 0.28rem; margin-top: 0.03rem; text-align: center; color: #bddeff; width: .3rem; position: absolute; line-height: 0.3rem; left: .95rem; top: 1.55rem; font-family: 'ngrFontMedium'; height: 1.6rem; display: flex; align-items: center; }

.pop .pop_ping2 .pop_scale { transform-origin: top center; }

.pop .pop_ping2 .a_close { background: url("//game.gtimg.cn/images/world/web202511/a_close2.png") no-repeat; background-size: 100% 100%; width: 0.55rem; height: 0.55rem; transform: scale(var(--popup-scale, 1)); right: 0.7rem; top: 0.65rem; transform-origin: right top; }

.pop .pop_ping2 .ping_bg { width: 25.6rem; height: 14.4rem; position: relative; margin: auto; }

.pop .pop_ping2 .ping_bg::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_bg_before.png") no-repeat; background-size: 100% 100%; width: 16.52rem; height: 14.4rem; display: block; position: absolute; pointer-events: none; left: -8%; top: 0; }

.pop .pop_ping2 .ping_bg .ping_role_left { width: 16.2rem; height: 100%; display: block; pointer-events: none; position: relative; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role { width: 18rem; height: 18rem; left: -15%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.dfy { left: -15%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.hml { left: -15%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.jl { left: -25%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.k { left: -10%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.lbds { left: -17%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.my { left: -17%; top: -15%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.sb { left: -20%; top: -14%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.wzj { left: -23%; top: -21%; }

.pop .pop_ping2 .ping_bg .ping_role_left .ping_role.xs { left: -27%; top: -13%; }

.pop .pop_ping2 .ping_bg .ping_role_right { width: 7.35rem; height: 11.33rem; position: absolute; right: 0.95rem; top: 0; bottom: 0; margin: auto; }

.pop .pop_ping2 .ping_btn { margin-top: 0.1rem; display: flex; justify-content: right; }

.pop .pop_ping2 .ping_role { width: 100%; position: absolute; height: auto; display: block; top: 0.2rem; left: 0; }

.pop .pop_ping2 .ping_tag { width: 100%; height: 2.71rem; display: block; margin-bottom: 0.9rem; position: relative; }

.pop .pop_ping2 .ping_tag::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_tag2_before.png") no-repeat; background-size: 100% 100%; width: 7.19rem; height: 0.54rem; position: absolute; left: 0; top: 1.55rem; }

.pop .pop_ping2 .ping_tag .ping-name { color: #485d78; font-family: 'ngrTitle'; font-size: 1.2rem; height: 1.65rem; display: block; line-height: 1.9rem; }

.pop .pop_ping2 .ping_tag .ping-hero-match-box { font-size: 0.28rem; margin-top: 0.1rem; color: #485d78; font-family: 'ngrFont'; }

.pop .pop_ping2 .ping_tag .ping-hero-match { font-family: 'ngrBold'; margin-top: -0.2rem; color: #c1974d; display: block; font-size: 0.72rem; }

.pop .pop_ping2 .a_share { background: url("//game.gtimg.cn/images/world/web202511/a_share.png") no-repeat; background-size: 100% 100%; width: 1.24rem; z-index: 2; height: 1.24rem; display: block; position: absolute; right: 0rem; top: 0rem; }

.pop .pop_ping2 .ai_info { width: 100%; height: auto; display: block; position: relative; margin: auto; }

.pop .pop_ping2 .ai_info .ai_tit { font-size: 0.3rem; background: url("//game.gtimg.cn/images/world/web202511/ai_tit.png") no-repeat; background-size: 100% 100%; font-family: 'ngrTitle'; width: 7.32rem; height: 0.58rem; margin-top: 0.8rem; color: #885a12; margin-bottom: 0.2rem; text-align: left; padding-left: 0.35rem; display: block; }

.pop .pop_ping2 .ai_info .ai_tit span { font-size: 0.4rem; }

.pop .pop_ping2 .ai_info ul li { font-size: 0.24rem; color: #6c83a0; font-family: 'ngrFont'; }

.pop .pop_ping2 .tag_box .tag_info { background: none; padding-top: 0; height: auto; }

.pop .pop_ping2 .tag_box .ai_tit { margin-top: 0; }

.pop .pop_ping2 .tag_box ul { height: 2.55rem; }

.pop .pop_ping2 .tit { background: url("//game.gtimg.cn/images/world/web202511/tit.png") no-repeat; background-size: 100% 100%; width: 2.22rem; height: 0.81rem; display: block; position: absolute; left: 0; right: 0; top: 5.2rem; z-index: 2; margin: auto; }

.pop .pop_ping2 .a_save { background: url("//game.gtimg.cn/images/world/web202511/a_save.png") no-repeat; background-size: 100% 100%; width: 3.61rem; height: 0.84rem; color: #42475a; font-size: 0.36rem; font-family: 'ngrFont'; display: block; margin: 0; }

.pop .pop_ping2 .ewm_award_tit { font-size: 0.36rem; color: #445466; opacity: 0.9; font-family: 'ngrFont'; display: block; }

.pop .pop_ping2 .ping_ewm_award { display: flex; justify-content: space-between; height: 2.29rem; width: 7.25rem; padding-top: 0.2rem; box-sizing: border-box; background: url("//game.gtimg.cn/images/world/web202511/ping_ewm_award.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .qr_code { width: 1.54rem; height: 1.92rem; z-index: 2; box-sizing: border-box; }

.pop .pop_ping2 .ping_ewm_award .qr_code img { width: 1.54rem; height: 1.54rem; display: block; margin: auto; }

.pop .pop_ping2 .ping_ewm_award .qr_code span { width: 100%; display: block; color: #6c83a0; line-height: .45rem; font-size: .24rem; font-family: 'ngrFont'; text-align: center; }

.pop .pop_ping2 .ping_ewm_award .ping_award { width: 4.9rem; z-index: 2; position: relative; }

.pop .pop_ping2 .ping_ewm_award .ping_award_list { display: flex; justify-content: space-between; width: 100%; position: relative; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item { display: block; background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; width: 1.52rem; display: flex; align-items: center; justify-content: center; height: 1.52rem; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item img { width: 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item.gray { background: url("//game.gtimg.cn/images/world/web202511/itembox_gray.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item.blue { background: url("//game.gtimg.cn/images/world/web202511/itembox_blue.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item.green { background: url("//game.gtimg.cn/images/world/web202511/itembox_green.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item.red { background: url("//game.gtimg.cn/images/world/web202511/itembox_red.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item.yellow { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_item.purple { background: url("//game.gtimg.cn/images/world/web202511/itembox_purple.png") no-repeat; background-size: 100% 100%; }

.pop .pop_ping2 .ping_ewm_award .ping_award_tit { font-size: 0.24rem; color: #6c83a0; position: absolute; bottom: -0.4rem; font-family: 'ngrFont'; text-align: center; display: block; width: 115%; }

.pop .save_pop { width: 100%; height: 100%; position: relative; background-size: 100% 100%; width: 20.48rem; height: 11.5rem; display: block; }

.pop .save_pop .share_box { background: url("//game.gtimg.cn/images/world/web202511/share_box.png") no-repeat; background-size: 100% 100%; width: 7.25rem; height: 0.52rem; position: relative; margin-top: -0.75rem; z-index: 2; position: absolute; right: 1.2rem; bottom: 3.1rem; transform: scale(0.8); transform-origin: right; }

.pop .save_pop .share_box .share_txt { width: 4.6rem; height: 0.52rem; color: #445466; font-size: 0.24rem; padding-left: 0.2rem; box-sizing: border-box; line-height: 0.55rem; overflow: hidden; font-family: 'ngrFont'; text-overflow: ellipsis; display: block; white-space: nowrap; }

.pop .save_pop .share_box .a_copy { position: absolute; right: 0rem; background: url("//game.gtimg.cn/images/world/web202511/a_share2.png") no-repeat; background-size: 100% 100%; top: 0; font-size: 0; line-height: 0.52rem; bottom: 0; text-align: center; height: 0.52rem; width: 1.85rem; margin: auto; }

.pop .save_pop .share_box .a_save { position: absolute; background: url("//game.gtimg.cn/images/world/web202511/btn_show.png") no-repeat; font-size: 0.36rem; background-size: 100% 100%; font-family: 'ngrFontMedium'; color: #42475a; width: 3.61rem; height: 0.84rem; line-height: 0.84rem; display: block; right: 0; top: .6rem; }

.pop .save_pop .pop_scale { transform-origin: top center; }

.pop .save_pop .a_close { background: url("//game.gtimg.cn/images/world/web202511/a_close2.png") no-repeat; background-size: 100% 100%; display: block; width: 0.55rem; height: 0.55rem; transform: scale(var(--popup-scale, 1)); right: 0.7rem; top: 0.65rem; transform-origin: right top; }

.pop .save_pop .ping_bg { width: 25.6rem; height: 14.4rem; position: relative; margin: auto; }

.pop .save_pop .ping_bg::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_bg_before.png") no-repeat; background-size: 100% 100%; width: 16.52rem; height: 14.4rem; display: block; position: absolute; pointer-events: none; left: -8%; top: 0; }

.pop .save_pop .ping_left { width: 16.2rem; height: 100%; display: block; pointer-events: none; position: relative; left: -6%; }

.pop .save_pop .team_content { width: 17.35rem; position: relative; margin: auto; height: 12.6rem; }

.pop .save_pop .team_content .role_img { width: 18rem; height: 18rem; z-index: 2; pointer-events: none; }

.pop .save_pop .team_content .p0_team.not .p0_user1_info { display: none; }

.pop .save_pop .team_content .p0_team.not::before { content: ''; display: block; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; background-size: 100% 100%; width: 18rem; height: 18rem; position: absolute; pointer-events: none; transform-origin: left top; }

.pop .save_pop .team_content .p0_team.not.team04::before { transform: scale(0.5); left: 0; top: -29%; }

.pop .save_pop .team_content .p0_team.not.team01::before { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -32%; }

.pop .save_pop .team_content .p0_team.not.team02::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.pop .save_pop .team_content .p0_team.not.team03::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.pop .save_pop .team_content .p0_team.not .role_img { display: none; }

.pop .save_pop .team_content .p0_team.not .not_team { width: 2.45rem; display: block; position: absolute; top: 31%; }

.pop .save_pop .team_content .p0_team.not .not_team span { color: #fff; display: block; text-align: center; font-size: 0.24rem; }

.pop .save_pop .team_content .p0_team.not .not_team_icon { background: url("//game.gtimg.cn/images/world/web202511/symbol_1.png") no-repeat; background-size: 100% 100%; width: 1.46rem; height: 1.46rem; margin: auto; display: block; }

.pop .save_pop .team_content .p0_team.on .p0_user1_info { display: none; }

.pop .save_pop .team_content .p0_team.on::before { content: ''; display: block; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; background-size: 100% 100%; width: 18rem; height: 18rem; position: absolute; pointer-events: none; transform-origin: left top; }

.pop .save_pop .team_content .p0_team.on.team04::before { transform: scale(0.5); left: 0; top: -29%; }

.pop .save_pop .team_content .p0_team.on.team01::before { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -32%; }

.pop .save_pop .team_content .p0_team.on.team02::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.pop .save_pop .team_content .p0_team.on.team03::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.pop .save_pop .team_content .p0_team.on .role_img { display: none; }

.pop .save_pop .team_content .p0_team.on .not_team { width: 2.45rem; display: block; position: absolute; top: 31%; }

.pop .save_pop .team_content .p0_team.on .not_team span { color: #fff; display: block; text-align: center; font-size: 0.24rem; }

.pop .save_pop .team_content .p0_team.on .not_team_icon { background: url("//game.gtimg.cn/images/world/web202511/symbol.png") no-repeat; background-size: 100% 100%; width: 1.46rem; height: 1.46rem; margin: auto; display: block; }

.pop .save_pop .team_content .p0_team .not_team { display: none; z-index: 1; }

.pop .save_pop .team_content .team01 { width: 7.3rem; height: 8.3rem; position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; margin: auto; }

.pop .save_pop .team_content .team01::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/hero_bg_01.png") no-repeat; background-size: 100% 100%; width: 13.92rem; height: 13.92rem; display: block; position: absolute; pointer-events: none; left: -50%; top: -43%; z-index: 1; }

.pop .save_pop .team_content .team01 .not_team { top: 53% !important; left: 28% !important; }

.pop .save_pop .team_content .team01 .role_img { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -32%; }

.pop .save_pop .team_content .team01 .role_img.jl { left: -71%; }

.pop .save_pop .team_content .team01 .role_img.wzj { left: -71%; top: -42%; }

.pop .save_pop .team_content .team01 .p0_user1_info { top: 5rem; left: 2rem; }

.pop .save_pop .team_content .team02 { width: 6.5rem; position: absolute; left: 0; top: 3rem; z-index: 5; height: 8.5rem; }

.pop .save_pop .team_content .team02 .not_team { top: 42% !important; left: 30% !important; }

.pop .save_pop .team_content .team02 .role_img { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.pop .save_pop .team_content .team02 .role_img.jl { left: -13%; }

.pop .save_pop .team_content .team02 .p0_user1_info { top: 2rem; left: -0.2rem; }

.pop .save_pop .team_content .team03 { width: 7.5rem; height: 6.55rem; position: absolute; z-index: 3; top: 3rem; right: 0.68rem; }

.pop .save_pop .team_content .team03 .not_team { top: 57% !important; left: 48% !important; }

.pop .save_pop .team_content .team03 .role_img { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.pop .save_pop .team_content .team03 .role_img.jl { left: -13%; }

.pop .save_pop .team_content .team03 .p0_user1_info { top: 2rem; left: 6rem; }

.pop .save_pop .team_content .team04 { width: 7.5rem; height: 6.8rem; z-index: 4; position: absolute; top: 0; left: 0; right: 0; margin: auto; }

.pop .save_pop .team_content .team04 .not_team { top: 36% !important; left: 42% !important; }

.pop .save_pop .team_content .team04 .role_img { transform: scale(0.5); position: absolute; transform-origin: top left; left: 0; top: -29%; }

.pop .save_pop .team_content .team04 .role_img.jl { left: -13%; }

.pop .save_pop .team_content .team04 .p0_user1_info { top: 0.5rem; right: 3.8rem; }

.pop .save_pop .team_content .p0_user1_info { background: url("//game.gtimg.cn/images/world/web202511/sign_03_2.png") no-repeat; background-size: 100% 100%; width: 4.54rem; height: 1.82rem; display: block; margin: auto; position: absolute; top: 0rem; left: 0.68rem; z-index: 99; }

.pop .save_pop .team_content .p0_user1_info.notTag { background: url("//game.gtimg.cn/images/world/web202511/sign_03_2_not.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .team_content .p0_user1_info.notTag .user0_tag { display: none; }

.pop .save_pop .team_content .p0_user1_info.notTag .user0_name { top: 0.88rem; }

.pop .save_pop .team_content .p0_user1_info img { width: 0.98rem; position: absolute; top: 0.57rem; left: 0.25rem; border-radius: 50%; overflow: hidden; }

.pop .save_pop .team_content .p0_user1_info .user0_name { font-size: 0.28rem; margin-top: 0.03rem; text-align: center; background: linear-gradient(87deg, #6a89ad 0%, #485D78 87%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; position: absolute; line-height: 0.34rem; left: 1.55rem; top: 0.65rem; font-family: 'ngrFontMedium'; text-shadow: -0.01rem -0.01rem 0 #445c7b,   .01rem -0.01rem 0 #fff,   -0.01rem  .01rem 0 #fff,   .01rem  .01rem 0 #fff; display: flex; align-items: center; }

.pop .save_pop .team_content .p0_user1_info .user0_tag { font-size: 0.24rem; margin-top: 0rem; text-align: center; color: #bddeff; position: absolute; line-height: 0.25rem; left: 1.55rem; top: 0.55rem; font-family: 'ngrFontMedium'; height: 1.6rem; display: flex; align-items: center; }

.pop .save_pop .team_content .p0_user1_info::before { content: ''; width: 0.48rem; height: 0.48rem; display: block; position: absolute; left: 0%; top: 25%; z-index: 1; }

.pop .save_pop .team_content .p0_user1_info.wx::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .team_content .p0_user1_info.qq::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_qq.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right { width: 7.26rem; height: 10.37rem; position: absolute; top: 0; bottom: 0; margin: auto; right: .95rem; }

.pop .save_pop .ping_right .ping_award { width: 4.9rem; z-index: 2; position: relative; }

.pop .save_pop .ping_right .qr_code { width: 1.54rem; height: 1.92rem; z-index: 2; box-sizing: border-box; }

.pop .save_pop .ping_right .qr_code img { width: 1.54rem; height: 1.54rem; display: block; margin: auto; }

.pop .save_pop .ping_right .qr_code span { width: 100%; display: block; color: #6c83a0; line-height: .35rem; font-size: .24rem; font-family: 'ngrFont'; text-align: center; }

.pop .save_pop .ping_right .ping_tit4 { width: 100%; height: .4rem; margin: .7rem 0 .15rem; display: block; position: relative; color: #445466; font-size: .36rem; font-family: 'ngrFont'; }

.pop .save_pop .ping_right .ping_ewm_award { height: 2.9rem; padding-top: 0.1rem; display: flex; justify-content: space-between; position: relative; }

.pop .save_pop .ping_right .ping_ewm_award::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_award_list_icon.png") no-repeat; background-size: 100% 100%; width: 7.25rem; height: 0.07rem; display: block; position: absolute; top: 0; left: 0; }

.pop .save_pop .ping_right .ping_ewm_award::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_award_list_icon.png") no-repeat; background-size: 100% 100%; width: 7.25rem; height: 0.07rem; display: block; position: absolute; bottom: 0; left: 0; }

.pop .save_pop .ping_right .ping_award_list { display: flex; justify-content: space-between; width: 100%; }

.pop .save_pop .ping_right .ping_award_item { display: block; background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; width: 1.52rem; display: flex; align-items: center; justify-content: center; height: 1.52rem; position: relative; }

.pop .save_pop .ping_right .ping_award_item img { width: 100%; }

.pop .save_pop .ping_right .ping_award_item.gray { background: url("//game.gtimg.cn/images/world/web202511/itembox_gray.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right .ping_award_item.blue { background: url("//game.gtimg.cn/images/world/web202511/itembox_blue.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right .ping_award_item.green { background: url("//game.gtimg.cn/images/world/web202511/itembox_green.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right .ping_award_item.red { background: url("//game.gtimg.cn/images/world/web202511/itembox_red.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right .ping_award_item.yellow { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right .ping_award_item.purple { background: url("//game.gtimg.cn/images/world/web202511/itembox_purple.png") no-repeat; background-size: 100% 100%; }

.pop .save_pop .ping_right .ping_award_tit { font-size: .24rem; color: #6c83a0; position: absolute; bottom: -0.4rem; font-family: 'ngrFont'; text-align: center; display: block; width: 115%; }

.pop .save_pop .ping_info { background: url("//game.gtimg.cn/images/world/web202511/ping_info4.png") no-repeat; width: 7.19rem; height: 1.78rem; font-size: 0 !important; background-size: 100% 100%; text-align: center; margin: auto; }

.pop .save_pop .ai_info { width: 6.49rem; height: 2.66rem; position: relative; display: block; top: 0; margin: .6rem 0 0; }

.pop .save_pop .ai_info .ai_tit { background: url("//game.gtimg.cn/images/world/web202511/team_sign.png") no-repeat; background-size: 100% 100%; width: auto; line-height: .67rem; height: .6rem; font-family: 'ngrTitle'; font-size: .38rem; color: #885a12; min-width: 4rem; max-width: 5rem; text-align: center; display: inline-block; padding: 0 .4rem; box-sizing: border-box; margin-bottom: 0.2rem; }

.pop .save_pop .ai_info li { color: #6c83a0; font-size: .24rem; font-family: 'ngrFont'; }

.pop .join_pop { overflow: hidden; }

.pop .join_pop .a_join { background: url(//game.gtimg.cn/images/world/web202511/a_btn2_01.png) no-repeat; background-size: 100% 100%; }

.pop .join_pop ul { height: 2.45rem; }

.pop .join_pop .ai_info .ai_tit { background: url("//game.gtimg.cn/images/world/web202511/team_sign.png") no-repeat; background-size: 100% 100%; width: auto; height: 0.6rem; line-height: 0.65rem; font-family: 'ngrTitle'; font-size: 0.38rem; color: #885a12; min-width: 4rem; max-width: 5rem; text-align: center; display: inline-block; padding: 0 0.4rem; margin-top: 0.5rem; box-sizing: border-box; }

.pop .join_pop .join_right { width: 7.25rem; height: 10.37rem; position: absolute; right: 0.95rem; top: 0; bottom: 0; margin: auto; padding-top: 0.7rem; }

.pop .join_pop .ping_info { z-index: 2; display: block; position: relative; text-align: center; color: #445466; font-size: 0.48rem; text-align: left; font-family: 'ngrTitle'; line-height: 0.38rem; }

.pop .join_pop .ping_info::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/title_line.png") no-repeat; background-size: 100% 100%; width: 7.2rem; height: 0.56rem; display: block; position: absolute; top: 0.48rem; left: 0.2rem; }

.pop .join_pop .ping_info .tips { display: block; font-family: 'ngrFont'; text-align: left; color: #485978; margin-top: 0.3rem; opacity: 0.9; font-size: 0.32rem; transform: translateX(0.15rem); }

.pop .join_pop .ping_award { width: 6rem; z-index: 2; position: relative; }

.pop .join_pop .ping_tit4 { width: 100%; color: #445466; font-size: 0.36rem; font-family: 'ngrFont'; display: block; }

.pop .join_pop .ping_award_list { display: flex; width: 100%; height: 2.9rem; padding-top: 0.1rem; position: relative; }

.pop .join_pop .ping_award_list .ping_award_tit { font-size: 0.24rem; color: #6c83a0; position: absolute; bottom: -0.6rem; height: .5rem; font-family: "ngrFont"; text-align: center; display: block; width: 115%; }

.pop .join_pop .ping_award_list::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_award_list_icon.png") no-repeat; background-size: 100% 100%; width: 7.25rem; height: 0.07rem; display: block; position: absolute; top: 0; left: 0; }

.pop .join_pop .ping_award_list::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/ping_award_list_icon.png") no-repeat; background-size: 100% 100%; width: 7.25rem; height: 0.07rem; display: block; position: absolute; bottom: 0; left: 0; }

.pop .join_pop .ping_award_item { display: block; background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; width: 1.5rem; display: flex; align-items: center; justify-content: center; height: 1.5rem; position: relative; margin-right: 0.17rem; }

.pop .join_pop .ping_award_item img { width: 100%; }

.pop .join_pop .ping_award_item.gray { background: url("//game.gtimg.cn/images/world/web202511/itembox_gray.png") no-repeat; background-size: 100% 100%; }

.pop .join_pop .ping_award_item.blue { background: url("//game.gtimg.cn/images/world/web202511/itembox_blue.png") no-repeat; background-size: 100% 100%; }

.pop .join_pop .ping_award_item.green { background: url("//game.gtimg.cn/images/world/web202511/itembox_green.png") no-repeat; background-size: 100% 100%; }

.pop .join_pop .ping_award_item.red { background: url("//game.gtimg.cn/images/world/web202511/itembox_red.png") no-repeat; background-size: 100% 100%; }

.pop .join_pop .ping_award_item.yellow { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; }

.pop .join_pop .ping_award_item.purple { background: url("//game.gtimg.cn/images/world/web202511/itembox_purple.png") no-repeat; background-size: 100% 100%; }

.pop .join_pop .ping_btn { justify-content: right; }

.pop .join_pop .team_info { display: flex; width: 6.55rem; left: 0; right: 0; margin: auto; justify-content: space-between; position: absolute; z-index: 2; top: 1.8rem; }

.pop .join_pop .team_info .yes_team { width: 100%; height: 100%; position: relative; }

.pop .join_pop .team_info .yes_team .role_bg { width: 98%; padding-top: .03rem; height: 100%; margin: auto; border-radius: 0.1rem; overflow: hidden; z-index: -1; box-sizing: border-box; }

.pop .join_pop .team_info .yes_team .role_bg .images_canvas { width: 140%; z-index: -1; transform: translateX(-15%); }

.pop .join_pop .team_info .yes_team .role_bg::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/team_item_pop.png") no-repeat; background-size: 100% 100%; width: 1.51rem; height: 3.13rem; position: absolute; left: 0; top: 0; z-index: 2; }

.pop .join_pop .team_info .yes_team .role_bg img { width: 98%; display: block; margin: auto; border-radius: 0.1rem; }

.pop .join_pop .team_info .yes_team .team_tag { background: url("//game.gtimg.cn/images/world/web202511/tag5.png") no-repeat; background-size: 100% 100%; width: 1.26rem; height: 0.29rem; display: block; position: absolute; transform: scale(0.8); bottom: 0.4rem; left: 0; right: 0; margin: auto; color: #fff6d6; text-align: center; line-height: 0.3rem; font-size: 0.16rem; z-index: 3; }

.pop .join_pop .team_info .yes_team .team_tag2 { background: url("//game.gtimg.cn/images/world/web202511/tag2.png") no-repeat; background-size: 100% 100%; width: 0.63rem; height: 0.23rem; text-align: center; line-height: 0.23rem; z-index: 3; color: #88f0ff; position: absolute; left: 0; right: 0; bottom: 0.1rem; margin: auto; font-size: 0.16rem; }

.pop .join_pop .team_info .yes_team .name { position: absolute; bottom: 0.7rem; width: 100%; z-index: 3; text-align: center; color: #ffffff; font-size: 0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

.pop .join_pop .team_info .yes_team .role_img2 { background: url("//game.gtimg.cn/images/world/web202511/role_img.png") no-repeat; background-size: 100% 100%; width: 0.67rem; height: 0.64rem; position: absolute; left: 0; right: 0; z-index: 3; margin: auto; top: 1.45rem; }

.pop .join_pop .team_info .yes_team .role_img2 img { width: 0.55rem; height: 0.55rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; margin: auto; }

.pop .join_pop .team_info .not_team { width: 100%; height: 100%; position: relative; }

.pop .join_pop .team_info .not_team .role_img2 { background: url("//game.gtimg.cn/images/world/web202511/role_img.png") no-repeat; background-size: 100% 100%; width: 0.67rem; height: 0.64rem; position: absolute; left: 0; right: 0; margin: auto; top: 0.8rem; }

.pop .join_pop .team_info .not_team span { position: absolute; bottom: 0.6rem; left: 0; right: 0; text-align: center; font-size: 0.22rem; color: #96feff; }

.pop .join_pop .team_info .team_item { background: url("//game.gtimg.cn/images/world/web202511/team_item_pop2.png") no-repeat; background-size: 100% 100%; width: 1.51rem; display: block; height: 3.13rem; }

.pop .join_cool_pop .ping_tit { font-size: 1.2rem; }

.pop .join_cool_pop .cool_time { display: flex; justify-content: right; align-items: center; color: #445466; font-size: 0.36rem; margin-top: 0.25rem; opacity: 0.9; font-family: 'ngrFont'; }

.pop .join_cool_pop .cool_time i { background: url("//game.gtimg.cn/images/world/web202511/logo_time.png") no-repeat; background-size: 100% 100%; width: 0.3rem; height: 0.3rem; margin-right: 0.05rem; }

.pop .join_cool_pop .ping_info::before { content: ''; top: .75rem; left: 0; }

.pop .join_cool_pop .ping_info .tips { margin-top: 0.6rem; transform: translateX(0rem); }

.pop .my_team { background: url("//game.gtimg.cn/images/world/web202511/my_team.jpg") no-repeat; background-size: 100% 100%; width: 25.6rem; height: 14.4rem; padding-top: 0.5rem; box-sizing: border-box; border-radius: .08rem; display: block; position: relative; }

.pop .my_team::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/logo5.png") no-repeat; background-size: 100% 100%; width: 1.7rem; height: 0.69rem; display: block; position: absolute; bottom: 0.4rem; left: 0.4rem; z-index: 1; }

.pop .my_team .a_close { background: url("//game.gtimg.cn/images/world/web202511/a_close2.png") no-repeat; background-size: 100% 100%; width: 0.55rem; height: 0.55rem; position: absolute; right: 0.7rem; top: 0.65rem; transform-origin: right top; }

.pop .my_team .team_title { background: url("//game.gtimg.cn/images/world/web202511/team_title.png") no-repeat; background-size: 100% 100%; width: 19.47rem; height: 0.87rem; display: block; margin: auto; }

.pop .my_team .team_info { display: flex; height: 100%; }

.pop .my_team .team_info .info_team { width: 9.25rem; }

.pop .my_team .team_type { width: 0.48rem; height: 0.48rem; display: block; position: absolute; left: 0; top: 0; }

.pop .my_team .team_type.wx { background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.pop .my_team .team_type.qq { background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.pop .my_team .my_team_box, .pop .my_team .oneself_team { width: auto; width: 15.25rem; display: flex; height: 10rem; margin: 0.5rem auto 0; justify-content: space-between; }

.pop .my_team .my_team_box .team_role, .pop .my_team .oneself_team .team_role { width: 100%; height: 100%; pointer-events: none; overflow: hidden; position: relative; }

.pop .my_team .my_team_box .team_role.not img, .pop .my_team .oneself_team .team_role.not img { display: none; }

.pop .my_team .my_team_box .team_role.not::before, .pop .my_team .oneself_team .team_role.not::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/not_role.png") no-repeat; background-size: 100% 100%; width: 6.85rem; height: 7.48rem; display: block; position: absolute; left: -15%; top: 15%; }

.pop .my_team .my_team_box .team_role img, .pop .my_team .oneself_team .team_role img { height: 100%; left: -35%; width: auto; position: absolute; }

.pop .my_team .my_team_box .team_role img.hml, .pop .my_team .oneself_team .team_role img.hml { left: -29%; }

.pop .my_team .my_team_box .team_role img.dfy, .pop .my_team .oneself_team .team_role img.dfy { left: -38%; }

.pop .my_team .my_team_box .team_role img.jl, .pop .my_team .oneself_team .team_role img.jl { left: -50%; }

.pop .my_team .my_team_box .team_role img.k, .pop .my_team .oneself_team .team_role img.k { left: -35%; }

.pop .my_team .my_team_box .team_role img.lbds, .pop .my_team .oneself_team .team_role img.lbds { left: -35%; }

.pop .my_team .my_team_box .team_role img.my, .pop .my_team .oneself_team .team_role img.my { left: -35%; }

.pop .my_team .my_team_box .team_role img.sb, .pop .my_team .oneself_team .team_role img.sb { left: -48%; }

.pop .my_team .my_team_box .team_role img.wzj, .pop .my_team .oneself_team .team_role img.wzj { left: -48%; top: -5%; }

.pop .my_team .my_team_box .team_role img.xs, .pop .my_team .oneself_team .team_role img.xs { left: -59%; top: 0%; }

.pop .my_team .my_team_box .user_game_info, .pop .my_team .oneself_team .user_game_info { position: absolute; bottom: 0.2rem; height: auto; left: 0; right: 0; margin: auto; }

.pop .my_team .my_team_box .user_game_info.not .user_game_info_img, .pop .my_team .oneself_team .user_game_info.not .user_game_info_img { background: url("//game.gtimg.cn/images/world/web202511/sign_06_a.png") no-repeat; background-size: 100% 100%; }

.pop .my_team .my_team_box .user_game_info.not .user_game_info_img img, .pop .my_team .oneself_team .user_game_info.not .user_game_info_img img { display: none; }

.pop .my_team .my_team_box .user_game_info.not .user_game_name, .pop .my_team .oneself_team .user_game_info.not .user_game_name { color: #4a5671 !important; opacity: 0.6; transform: translateY(-0.25rem); margin-top: .35rem; }

.pop .my_team .my_team_box .user_game_info.not .user_game_info_level, .pop .my_team .oneself_team .user_game_info.not .user_game_info_level { display: none !important; }

.pop .my_team .my_team_box .user_game_info .user_game_info_name, .pop .my_team .oneself_team .user_game_info .user_game_info_name { color: #fff; font-size: 0.18rem; margin-top: 0.03rem; text-align: center; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt, .pop .my_team .oneself_team .user_game_info .user_game_info_txt { width: 100%; margin: -0.2rem auto 0; display: flex; flex-wrap: wrap; align-items: center; position: relative; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_info_level, .pop .my_team .oneself_team .user_game_info .user_game_info_txt .user_game_info_level { background: url("//game.gtimg.cn/images/world/web202511/sign_05.png") no-repeat; background-size: 100% 100%; width: 1.78rem; height: 0.34rem; display: block; font-size: 0.24rem; margin: auto; display: flex; align-items: center; color: #4a5671; justify-content: center; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_info_level i, .pop .my_team .oneself_team .user_game_info .user_game_info_txt .user_game_info_level i { background: url("//game.gtimg.cn/images/world/web202511/sign_05_icon.png") no-repeat; background-size: 100% 100%; width: 0.3rem; height: 0.25rem; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_name, .pop .my_team .oneself_team .user_game_info .user_game_info_txt .user_game_name { color: #3d3d3d; font-size: 0.28rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_name2, .pop .my_team .oneself_team .user_game_info .user_game_info_txt .user_game_name2 { color: #fcf3be; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 0.18rem; margin: 0.02rem 0; }

.pop .my_team .my_team_box .user_game_info .user_game_info_img, .pop .my_team .oneself_team .user_game_info .user_game_info_img { background: url("//game.gtimg.cn/images/world/web202511/sign_06.png") no-repeat; background-size: 100% 100%; width: 1.44rem; height: 1.44rem; display: block; position: relative; margin: auto; }

.pop .my_team .my_team_box .user_game_info .user_game_info_img img, .pop .my_team .oneself_team .user_game_info .user_game_info_img img { width: 0.88rem; height: 0.88rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; margin: auto; }

.pop .my_team .my_team_box .user_info, .pop .my_team .oneself_team .user_info { position: absolute; top: 5rem; left: 0; right: 0; background: url("//game.gtimg.cn/images/world/web202511/sign_04_1_not.png") no-repeat; width: 4.46rem; background-size: 100% 100%; height: 1.75rem; margin: auto; }

.pop .my_team .my_team_box .user_info .user_name, .pop .my_team .oneself_team .user_info .user_name { font-size: 0.32rem; margin-top: 0.03rem; text-align: center; background: linear-gradient(87deg, #6a89ad 0%, #445c7b 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; position: absolute; line-height: 0.3rem; left: 1.5rem; top: 0.58rem; font-family: 'ngrFontMedium'; text-shadow: -0.01rem -0.01rem 0 #445c7b,   .01rem -0.01rem 0 #fff,   -0.01rem  .01rem 0 #fff,   .01rem  .01rem 0 #fff; display: flex; align-items: center; }

.pop .my_team .my_team_box .user_info .user_img, .pop .my_team .oneself_team .user_info .user_img { width: .95rem; height: .95rem; display: block; position: relative; margin: auto; position: absolute; top: .25rem; left: .24rem; }

.pop .my_team .my_team_box .user_info .user_img.wx::before, .pop .my_team .oneself_team .user_info .user_img.wx::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; width: 0.48rem; height: 0.48rem; position: absolute; left: -0.2rem; top: -0.1rem; z-index: 1; }

.pop .my_team .my_team_box .user_info .user_img.qq::before, .pop .my_team .oneself_team .user_info .user_img.qq::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_qq.png") no-repeat; background-size: 100% 100%; width: 0.48rem; height: 0.48rem; position: absolute; left: -0.1rem; top: -0.1rem; z-index: 1; }

.pop .my_team .my_team_box .user_info .user_img img, .pop .my_team .oneself_team .user_info .user_img img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; margin: auto; }

.pop .my_team .my_team_box .team_invite, .pop .my_team .my_team_box .team_out, .pop .my_team .my_team_box .team_vote, .pop .my_team .oneself_team .team_invite, .pop .my_team .oneself_team .team_out, .pop .my_team .oneself_team .team_vote { width: 100%; position: absolute; left: 0; height: 2rem; right: 0; bottom: -2rem; margin: auto; }

.pop .my_team .my_team_box .team_invite .a_invite, .pop .my_team .my_team_box .team_out .a_invite, .pop .my_team .my_team_box .team_vote .a_invite, .pop .my_team .oneself_team .team_invite .a_invite, .pop .my_team .oneself_team .team_out .a_invite, .pop .my_team .oneself_team .team_vote .a_invite { display: block; width: 3.9rem; height: 0.84rem; background: url("//game.gtimg.cn/images/world/web202511/team_invite.png") no-repeat; background-size: 100% 100%; font-family: 'ngrFontMedium'; color: #5a4c42; font-size: 0.36rem; display: flex; align-items: center; justify-content: center; margin: auto; }

.pop .my_team .my_team_box .team_invite .team_btn_out, .pop .my_team .my_team_box .team_invite .team_btn_vote, .pop .my_team .my_team_box .team_out .team_btn_out, .pop .my_team .my_team_box .team_out .team_btn_vote, .pop .my_team .my_team_box .team_vote .team_btn_out, .pop .my_team .my_team_box .team_vote .team_btn_vote, .pop .my_team .oneself_team .team_invite .team_btn_out, .pop .my_team .oneself_team .team_invite .team_btn_vote, .pop .my_team .oneself_team .team_out .team_btn_out, .pop .my_team .oneself_team .team_out .team_btn_vote, .pop .my_team .oneself_team .team_vote .team_btn_out, .pop .my_team .oneself_team .team_vote .team_btn_vote { background: url("//game.gtimg.cn/images/world/web202511/team_btn_out.png") no-repeat; background-size: 100% 100%; width: 3.9rem; height: 0.84rem; font-family: 'ngrFontMedium'; color: #42475a; font-size: 0.36rem; display: flex; align-items: center; margin: auto; justify-content: center; }

.pop .my_team .my_team_box .team_invite .team_btn_out.out, .pop .my_team .my_team_box .team_invite .team_btn_vote.out, .pop .my_team .my_team_box .team_out .team_btn_out.out, .pop .my_team .my_team_box .team_out .team_btn_vote.out, .pop .my_team .my_team_box .team_vote .team_btn_out.out, .pop .my_team .my_team_box .team_vote .team_btn_vote.out, .pop .my_team .oneself_team .team_invite .team_btn_out.out, .pop .my_team .oneself_team .team_invite .team_btn_vote.out, .pop .my_team .oneself_team .team_out .team_btn_out.out, .pop .my_team .oneself_team .team_out .team_btn_vote.out, .pop .my_team .oneself_team .team_vote .team_btn_out.out, .pop .my_team .oneself_team .team_vote .team_btn_vote.out { filter: grayscale(1); }

.pop .my_team .my_team_box .team_invite .out_txt, .pop .my_team .my_team_box .team_out .out_txt, .pop .my_team .my_team_box .team_vote .out_txt, .pop .my_team .oneself_team .team_invite .out_txt, .pop .my_team .oneself_team .team_out .out_txt, .pop .my_team .oneself_team .team_vote .out_txt { text-align: center; color: #3d3d3d; opacity: 0.6; display: block; width: 100%; font-size: 0.28rem; }

.pop .my_team .my_team_box .team_page, .pop .my_team .oneself_team .team_page { display: flex; justify-content: center; margin-top: -0.1rem; }

.pop .my_team .my_team_box .team_page .page_item, .pop .my_team .oneself_team .team_page .page_item { background: url("//game.gtimg.cn/images/world/web202511/page01.png") no-repeat; background-size: 100% 100%; width: 0.55rem; height: 0.54rem; display: block; }

.pop .my_team .my_team_box .team_page .page_item.on, .pop .my_team .oneself_team .team_page .page_item.on { background: url("//game.gtimg.cn/images/world/web202511/page.png") no-repeat; background-size: 100% 100%; }

.pop .my_team .my_team_box .team_item, .pop .my_team .oneself_team .team_item { background: url("//game.gtimg.cn/images/world/web202511/sign_07.png") no-repeat; background-size: 100% 100%; height: 100%; width: 4.88rem; height: 8.58rem; position: relative; }

.pop .my_team .my_team_box .team_item.not img, .pop .my_team .oneself_team .team_item.not img { display: none; }

.pop .my_team .my_team_box .team_item.not::before, .pop .my_team .oneself_team .team_item.not::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/team_item4_before.png") no-repeat; background-size: 100% 100%; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; width: 4.26rem; height: 4.24rem; margin: auto; }

.pop .my_team .my_team_box .team_item.not .user_info, .pop .my_team .my_team_box .team_item.not .team_type, .pop .my_team .my_team_box .team_item.not .user_game_info, .pop .my_team .oneself_team .team_item.not .user_info, .pop .my_team .oneself_team .team_item.not .team_type, .pop .my_team .oneself_team .team_item.not .user_game_info { display: none; }

.pop .my_team .my_team_box .team_item.not .team_invite, .pop .my_team .oneself_team .team_item.not .team_invite { display: block !important; }

.pop .my_team .my_team_box .team_item.vote .team_vote, .pop .my_team .oneself_team .team_item.vote .team_vote { display: block !important; }

.pop .my_team .my_team_box .team_item.kick .team_out, .pop .my_team .oneself_team .team_item.kick .team_out { display: block !important; }

.pop .my_team .my_team_box .team_num, .pop .my_team .oneself_team .team_num { background: url("//game.gtimg.cn/images/world/web202511/team_num.png") no-repeat; background-size: 100% 100%; width: 0.3rem; height: 0.3rem; display: block; text-align: center; line-height: 0.37rem; color: #f0ffff; position: absolute; left: 0.1rem; font-family: 'din_regular'; top: 0.1rem; font-size: 0.2rem; }

.pop .my_team .team_info .oneself_team { width: 9.35rem; height: 9.1rem; position: relative; }

.pop .my_team .team_info .oneself_team .team_out { bottom: -1.5rem; }

.pop .my_team .team_info .oneself_team .user_game_info_txt { background: url("//game.gtimg.cn/images/world/web202511/image_mask.png") no-repeat; background-size: 100% 100%; width: 3.9rem !important; height: 1.3rem !important; display: block !important; padding-top: 0.05rem; }

.pop .my_team .team_info .oneself_team .team_role { overflow: visible; pointer-events: none; }

.pop .my_team .team_info .oneself_team .team_role.not img { display: none; }

.pop .my_team .team_info .oneself_team .team_role.not::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; height: 18rem; width: 18rem; transform: scale(0.9); position: absolute; left: -34%; background-size: 100% 100%; transform-origin: left top; top: -40%; }

.pop .my_team .team_info .oneself_team .team_role img { height: 18rem; width: 18rem; transform: scale(0.9); top: -38%; }

.pop .my_team .team_info .oneself_team .team_role img.hml { left: -49%; top: -31%; }

.pop .my_team .team_info .oneself_team .team_role img.dfy { left: -48%; top: -34%; }

.pop .my_team .team_info .oneself_team .team_role img.jl { left: -63%; top: -38%; }

.pop .my_team .team_info .oneself_team .team_role img.k { left: -55%; top: -41%; }

.pop .my_team .team_info .oneself_team .team_role img.lbds { left: -60%; top: -46%; }

.pop .my_team .team_info .oneself_team .team_role img.my { left: -46%; top: -38%; }

.pop .my_team .team_info .oneself_team .team_role img.sb { left: -57%; top: -37%; }

.pop .my_team .team_info .oneself_team .team_role img.wzj { left: -64%; top: -61%; }

.pop .my_team .team_info .oneself_team .team_role img.xs { left: -70% !important; top: -34% !important; }

.pop .my_team .a_quit { background: url("//game.gtimg.cn/images/world/web202511/btn2.png") no-repeat; background-size: 100% 100%; color: #ffffff; font-size: 0.3rem; font-family: 'hy65w'; text-align: center; width: 2.83rem; height: 0.84rem; line-height: 0.84rem; position: absolute; bottom: 0.4rem; left: 0; right: 0; margin: auto; }

.pop .a_close { background: url("//game.gtimg.cn/images/world/web202511/a_close.png") no-repeat; background-size: 100% 100%; width: 0.34rem; height: 0.34rem; display: block; position: absolute; right: 0.2rem; z-index: 22; top: 0.2rem; }

.pop .a_selectRole, .pop .a_join, .pop .a_save { background: url("//game.gtimg.cn/images/world/web202511/btn2.png") no-repeat; background-size: 100% 100%; color: #42475a; font-size: 0.36rem; font-family: 'ngrFont'; text-align: center; width: 3.61rem; height: 0.84rem; line-height: 0.84rem; }

.pop .a_save { margin: 0.1rem auto 0; background: url("//game.gtimg.cn/images/world/web202511/a_save.png") no-repeat; background-size: 100% 100%; display: block; }

.pop .share_abs { width: 7.26rem; height: 10.37rem; position: absolute; top: 0; bottom: 0; margin: auto; right: 1.54rem; }

.pop .share_abs .ads_box { height: 1.9rem; width: 7.25rem; position: absolute; bottom: 0; }

.pop .save_tips { color: #fff; text-align: center; font-size: .24rem; margin: .2rem auto; }

.scale { transform: scale(0.8) translate(-50%, -50%) !important; transform-origin: top center !important; }

.pop_tips3 { text-align: center; font-size: .3rem; width: 100%; height: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }

.pop_tips3 p { display: flex; align-items: center; }

.pop_tips3 .tips3_icon { background: url("//game.gtimg.cn/images/world/web202511/tips3_icon.png") no-repeat; background-size: 100% 100%; width: 0.32rem; height: 0.33rem; display: block; margin-right: 0.1rem; }

.bottom { position: fixed; bottom: 0; left: 0; font-size: 0.25rem; z-index: 99999; }

.pop .join_left { width: 16.2rem; height: 100%; display: block; pointer-events: none; position: relative; left: -6%; }

.pop .join_left .team_content { width: 16.2rem; position: relative; margin: auto; height: 14.4rem; }

.pop .join_left .team_content .role_img { width: 18rem; height: 18rem; pointer-events: none; z-index: 2; }

.pop .join_left .team_content .p0_team.not .p0_user1_info { display: none; }

.pop .join_left .team_content .p0_team.not::before { content: ''; display: block; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; background-size: 100% 100%; width: 18rem; height: 18rem; position: absolute; pointer-events: none; transform-origin: left top; }

.pop .join_left .team_content .p0_team.not.team04::before { transform: scale(0.5); left: 0; top: -29%; }

.pop .join_left .team_content .p0_team.not.team01::before { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -45%; }

.pop .join_left .team_content .p0_team.not.team02::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.pop .join_left .team_content .p0_team.not.team03::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.pop .join_left .team_content .p0_team.not .role_img { display: none; }

.pop .join_left .team_content .p0_team.not .not_team { width: 2.45rem; display: block; position: absolute; top: 31%; }

.pop .join_left .team_content .p0_team.not .not_team span { color: #fff; display: block; text-align: center; font-size: 0.24rem; }

.pop .join_left .team_content .p0_team.not .not_team_icon { background: url("//game.gtimg.cn/images/world/web202511/symbol.png") no-repeat; background-size: 100% 100%; width: 1.46rem; height: 1.46rem; margin: auto; display: block; }

.pop .join_left .team_content .p0_team.on .p0_user1_info { display: none; }

.pop .join_left .team_content .p0_team.on::before { content: ''; display: block; background: url("//game.gtimg.cn/images/world/web202511/role/init.png") no-repeat; background-size: 100% 100%; width: 18rem; height: 18rem; position: absolute; pointer-events: none; transform-origin: left top; }

.pop .join_left .team_content .p0_team.on.team04::before { transform: scale(0.5); left: 0; top: -29%; }

.pop .join_left .team_content .p0_team.on.team01::before { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -45%; }

.pop .join_left .team_content .p0_team.on.team02::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.pop .join_left .team_content .p0_team.on.team03::before { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.pop .join_left .team_content .p0_team.on .role_img { display: none; }

.pop .join_left .team_content .p0_team.on .not_team { width: 2.45rem; display: block; position: absolute; top: 31%; }

.pop .join_left .team_content .p0_team.on .not_team span { color: #fff; display: block; text-align: center; font-size: 0.24rem; }

.pop .join_left .team_content .p0_team.on .not_team_icon { background: url("//game.gtimg.cn/images/world/web202511/symbol.png") no-repeat; background-size: 100% 100%; width: 1.46rem; height: 1.46rem; margin: auto; display: block; }

.pop .join_left .team_content .p0_team .not_team { display: none; z-index: 1; }

.pop .join_left .team_content .team01 { width: 7.3rem; height: 8.3rem; position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; margin: auto; }

.pop .join_left .team_content .team01::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/hero_bg_01.png") no-repeat; background-size: 100% 100%; width: 13.92rem; height: 13.92rem; display: block; position: absolute; pointer-events: none; left: -50%; top: -43%; z-index: 1; }

.pop .join_left .team_content .team01 .not_team { top: 53% !important; left: 28% !important; }

.pop .join_left .team_content .team01 .role_img { transform: scale(0.8); position: absolute; transform-origin: top left; left: -50%; top: -32%; }

.pop .join_left .team_content .team01 .role_img.xs { left: -63%; }

.pop .join_left .team_content .team01 .role_img.jl { left: -71%; }

.pop .join_left .team_content .team01 .role_img.wzj { left: -71%; top: -42%; }

.pop .join_left .team_content .team01 .p0_user1_info { top: 5rem; left: 2rem; }

.pop .join_left .team_content .team02 { width: 6.5rem; position: absolute; left: 0; top: 3rem; z-index: 5; height: 8.5rem; }

.pop .join_left .team_content .team02 .not_team { top: 42% !important; left: 30% !important; }

.pop .join_left .team_content .team02 .role_img { transform: scale(0.55); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.pop .join_left .team_content .team02 .role_img.jl { left: -13%; }

.pop .join_left .team_content .team02 .p0_user1_info { top: 4.5rem; left: -0.2rem; }

.pop .join_left .team_content .team03 { width: 7.5rem; height: 6.55rem; position: absolute; z-index: 3; top: 3rem; right: 0.68rem; }

.pop .join_left .team_content .team03 .not_team { top: 57% !important; left: 48% !important; }

.pop .join_left .team_content .team03 .role_img { transform: scale(0.55); position: absolute; transform-origin: top left; left: 0; top: -18%; }

.pop .join_left .team_content .team03 .role_img.jl { left: -13%; }

.pop .join_left .team_content .team03 .p0_user1_info { top: 3rem; left: 4rem; }

.pop .join_left .team_content .team04 { width: 7.5rem; height: 6.8rem; z-index: 4; position: absolute; top: 0; left: -5%; right: 0; margin: auto; }

.pop .join_left .team_content .team04 .not_team { top: 36% !important; left: 42% !important; }

.pop .join_left .team_content .team04 .role_img { transform: scale(0.5); position: absolute; transform-origin: top left; left: 0; top: -29%; }

.pop .join_left .team_content .team04 .role_img.jl { left: -13%; }

.pop .join_left .team_content .team04 .p0_user1_info { top: 0.5rem; left: 5.8rem; }

.pop .join_left .team_content .p0_user1_info { background: url("//game.gtimg.cn/images/world/web202511/sign_03_2.png") no-repeat; background-size: 100% 100%; width: 4.54rem; height: 1.82rem; display: block; margin: auto; position: absolute; top: 0rem; left: 0.68rem; z-index: 99; }

.pop .join_left .team_content .p0_user1_info.notTag { background: url("//game.gtimg.cn/images/world/web202511/sign_03_2_not.png") no-repeat; background-size: 100% 100%; }

.pop .join_left .team_content .p0_user1_info.notTag .user0_tag { display: none; }

.pop .join_left .team_content .p0_user1_info.notTag .user0_name { top: 0.88rem; }

.pop .join_left .team_content .p0_user1_info img { width: 0.98rem; position: absolute; top: 0.57rem; left: 0.25rem; border-radius: 50%; overflow: hidden; }

.pop .join_left .team_content .p0_user1_info .user0_name { font-size: 0.28rem; margin-top: 0.03rem; text-align: center; background: linear-gradient(87deg, #6a89ad 0%, #485D78 87%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; position: absolute; line-height: 0.34rem; left: 1.55rem; top: 0.65rem; font-family: 'ngrFontMedium'; text-shadow: -0.01rem -0.01rem 0 #445c7b,   .01rem -0.01rem 0 #fff,   -0.01rem  .01rem 0 #fff,   .01rem  .01rem 0 #fff; display: flex; align-items: center; }

.pop .join_left .team_content .p0_user1_info .user0_tag { font-size: 0.24rem; margin-top: 0rem; text-align: center; color: #bddeff; position: absolute; line-height: 0.25rem; left: 1.55rem; top: 0.55rem; font-family: 'ngrFontMedium'; height: 1.6rem; display: flex; align-items: center; }

.pop .join_left .team_content .p0_user1_info::before { content: ''; width: 0.48rem; height: 0.48rem; display: block; position: absolute; left: 0%; top: 25%; z-index: 1; }

.pop .join_left .team_content .p0_user1_info.wx::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_wx.png") no-repeat; background-size: 100% 100%; }

.pop .join_left .team_content .p0_user1_info.qq::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/sign_qq.png") no-repeat; background-size: 100% 100%; }

.pop .join_left .team_role_info { width: 100%; height: 100%; }

.pop .join_left .team_join_item { width: 4.88rem; height: 8.58rem; background: #284a7a; position: absolute; }

.pop .save_img_box { width: 20.48rem; height: 11.52rem; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 11; opacity: 1; transform: scale(1.2); }

.pop .save_img_box .ping_btn { width: 3.61rem; position: absolute; right: 1.2rem; bottom: 1.5rem; }

.pop .save_img_box img { width: 100%; height: 100%; object-fit: cover; }

#join2, #join, #savePop2, #ping, #savePop1, #myTeam { transform: scale(0.8) translate(-50%, -50%) !important; transform-origin: left top; overflow: hidden; }

#savePop2, #savePop1 { overflow: visible; }

.pop .ping_tit { display: flex; align-items: center; }

.pop .ping_tit span { width: auto; max-width: 3.4rem; display: block; overflow: hidden; height: .5rem; line-height: .52rem; white-space: nowrap; /* 溢出隐藏省略号 */ text-overflow: ellipsis; overflow: hidden; }

.pop .copy { width: 5.77rem; height: 1.54rem; background-color: rgba(44, 62, 80, 0.7); border-radius: 0.2rem; /* 圆角 */ box-sizing: border-box; }

.pop .copy .copy_name { text-align: center; color: #f1f9ff; padding: 0 0.2rem; font-size: 0.22rem; }

.pop .copy .copy_box { display: flex; align-items: center; height: 100%; justify-content: center; }

.time { background: url("//game.gtimg.cn/images/world/web202511/time.png") no-repeat; background-size: 100% 100%; width: 2.17rem; height: 0.36rem; line-height: 0.36rem; position: absolute; top: -0.5rem; left: 0; margin: auto; font-size: 0.24rem; color: #fff; text-align: center; padding-left: 0.2rem; z-index: 1; }

.save_pop .tips, .pop_ping2 .tips { color: #fff; font-size: .2rem; text-align: center; width: 100%; display: block; line-height: .5rem; display: none !important; }

.btn_back, .btn_toggle { display: none; }
