@charset "UTF-8";
.html_canvas { width: 702px; height: 1101px; background: url("//game.gtimg.cn/images/world/web202511/m/pop_ping2.png") no-repeat; background-size: 100% 100%; position: absolute; left: 99999px; z-index: 9999; }

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

.html_canvas.html_canvas2 .ping_tit span { width: auto; max-width: 310px; display: block; overflow: hidden; height: 50px; line-height: 52px; white-space: nowrap; /* 溢出隐藏省略号 */ text-overflow: ellipsis; overflow: hidden; }

.html_canvas.html_canvas2 .ping_info { z-index: 2; display: block; position: relative; text-align: center; color: #445466; font-size: 48px; text-align: left; font-family: 'ngrTitle'; line-height: 38px; }

.html_canvas.html_canvas2 .ping_info::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/title_line.png") no-repeat; background-size: 100% 100%; width: 720px; height: 56px; display: block; position: absolute; top: 48px; left: 20px; }

.html_canvas.html_canvas2 .ping_info .tips { display: block; font-family: 'ngrFont'; text-align: left; color: #485978; margin-top: 30px; opacity: 0.9; font-size: 32px; transform: translateX(15px); }

.html_canvas.html_canvas2 .qr_code { width: 133px; height: 151px; position: absolute; right: 0; top: -31px; z-index: 2; box-sizing: border-box; background: url("//game.gtimg.cn/images/world/web202511/m/qr_code.png") no-repeat; background-size: 100% 100%; }

.html_canvas.html_canvas2 .qr_code img { width: 115px; height: 121px; display: block; margin: 8px auto 0; }

.html_canvas.html_canvas2 .qr_code span { margin-top: -7px; width: 100%; display: block; color: #6c83a0; line-height: 35px; font-size: 17px; font-family: 'ngrFont'; text-align: center; }

.html_canvas.html_canvas2 .join_left { width: 100%; height: 100%; display: block; position: absolute; }

.html_canvas.html_canvas2::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/m/logo9.png") no-repeat; background-size: 100% 100%; width: 85px; height: 35px; display: block; position: absolute; top: 13px; left: 13px; overflow: visible; }

.html_canvas.html_canvas2 .share_box { display: none !important; }

.html_canvas.html_canvas2 .team_content { width: 100%; opacity: 1; position: relative; margin: auto; left: -20px; top: -31px; height: 580px; }

.html_canvas.html_canvas2 .team_content .role_img { width: 1800px; height: 1800px; pointer-events: none; z-index: 3; }

.html_canvas.html_canvas2 .team_content .p0_team.not .p0_user1_info { display: none; }

.html_canvas.html_canvas2 .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: 1800px; height: 1800px; z-index: 2; position: absolute; pointer-events: none; transform-origin: left top; }

.html_canvas.html_canvas2 .team_content .p0_team.not.team04::before { transform: scale(0.225); left: -10%; top: -43%; }

.html_canvas.html_canvas2 .team_content .p0_team.not.team01::before { transform: scale(0.36); position: absolute; transform-origin: top left; left: -40%; top: -44%; }

.html_canvas.html_canvas2 .team_content .p0_team.not.team02::before { transform: scale(0.25); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.html_canvas.html_canvas2 .team_content .p0_team.not.team03::before { transform: scale(0.25); position: absolute; transform-origin: top left; left: -26%; top: -17%; }

.html_canvas.html_canvas2 .team_content .p0_team.not .role_img { display: none; }

.html_canvas.html_canvas2 .team_content .p0_team.not .not_team { width: 245px; display: block; position: absolute; transform: scale(0.4); z-index: 3; top: 31%; transform-origin: top; }

.html_canvas.html_canvas2 .team_content .p0_team.not .not_team span { color: #fff; display: block; text-align: center; font-size: 24px; }

.html_canvas.html_canvas2 .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: 146px; height: 146px; margin: auto; display: block; }

.html_canvas.html_canvas2 .team_content .p0_team.on .p0_user1_info { display: none; }

.html_canvas.html_canvas2 .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: 1800px; height: 1800px; position: absolute; pointer-events: none; transform-origin: left top; z-index: 2; }

.html_canvas.html_canvas2 .team_content .p0_team.on.team04::before { transform: scale(0.225); left: -10%; top: -43%; }

.html_canvas.html_canvas2 .team_content .p0_team.on.team01::before { transform: scale(0.36); position: absolute; transform-origin: top left; left: -40%; top: -44%; }

.html_canvas.html_canvas2 .team_content .p0_team.on.team02::before { transform: scale(0.25); position: absolute; transform-origin: top left; left: -25%; top: -18%; }

.html_canvas.html_canvas2 .team_content .p0_team.on.team03::before { transform: scale(0.25); position: absolute; transform-origin: top left; left: -26%; top: -17%; }

.html_canvas.html_canvas2 .team_content .p0_team.on .role_img { display: none; }

.html_canvas.html_canvas2 .team_content .p0_team.on .not_team { width: 245px; display: block; position: absolute; z-index: 3; top: 31%; }

.html_canvas.html_canvas2 .team_content .p0_team.on .not_team span { color: #fff; display: block; text-align: center; font-size: 24px; }

.html_canvas.html_canvas2 .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: 146px; height: 146px; margin: auto; display: block; }

.html_canvas.html_canvas2 .team_content .p0_team .not_team { display: none; z-index: 1; transform: scale(0.5); }

.html_canvas.html_canvas2 .team_content .team01 { width: 350px; height: 350px; position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; margin: auto; }

.html_canvas.html_canvas2 .team_content .team01::after { content: ''; background: url("//game.gtimg.cn/images/world/web202511/hero_bg_01.png") no-repeat; background-size: 100% 100%; width: 1392px; height: 1392px; display: block; position: absolute; pointer-events: none; left: -144%; top: -143%; z-index: 1; transform: scale(0.4); }

.html_canvas.html_canvas2 .team_content .team01 .not_team { top: 41% !important; left: 15% !important; }

.html_canvas.html_canvas2 .team_content .team01 .role_img { transform: scale(0.36); position: absolute; transform-origin: top left; left: -43%; top: -32%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.jl { left: -54%; top: -42%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.k { left: -31%; top: -42%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.lbds { left: -44%; top: -52%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.my { left: -44%; top: -38%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.sb { left: -51%; top: -24%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.wzj { left: -51%; top: -57%; }

.html_canvas.html_canvas2 .team_content .team01 .role_img.xs { left: -34%; top: -14%; transform: scale(0.32); }

.html_canvas.html_canvas2 .team_content .team01 .p0_user1_info { top: 265px; left: 65px; }

.html_canvas.html_canvas2 .team_content .team02 { width: 285px; position: absolute; left: -40px; top: 170px; z-index: 5; height: 380px; }

.html_canvas.html_canvas2 .team_content .team02 .not_team { top: 36% !important; left: 8% !important; }

.html_canvas.html_canvas2 .team_content .team02 .role_img { transform: scale(0.25); position: absolute; transform-origin: top left; left: -32%; top: -18%; }

.html_canvas.html_canvas2 .team_content .team02 .role_img.jl { top: -24%; left: -42%; }

.html_canvas.html_canvas2 .team_content .team02 .role_img.hml, .html_canvas.html_canvas2 .team_content .team02 .role_img.dfy { left: -26%; top: -11%; }

.html_canvas.html_canvas2 .team_content .team02 .role_img.my { left: -21%; top: -42%; }

.html_canvas.html_canvas2 .team_content .team02 .role_img.lbds, .html_canvas.html_canvas2 .team_content .team02 .role_img.k { left: -17%; top: -24%; }

.html_canvas.html_canvas2 .team_content .team02 .p0_user1_info { top: 229px; left: 44px; }

.html_canvas.html_canvas2 .team_content .team03 { width: 285px; height: 380px; position: absolute; z-index: 3; top: 170px; right: -40px; }

.html_canvas.html_canvas2 .team_content .team03 .not_team { top: 37% !important; left: 8% !important; }

.html_canvas.html_canvas2 .team_content .team03 .role_img { transform: scale(0.25); position: absolute; transform-origin: top left; left: -20%; top: -18%; }

.html_canvas.html_canvas2 .team_content .team03 .role_img.jl { left: -54%; }

.html_canvas.html_canvas2 .team_content .team03 .p0_user1_info { top: 160px; left: 70px; }

.html_canvas.html_canvas2 .team_content .team04 { width: 300px; height: 300px; z-index: 5; position: absolute; top: 65px; right: 0; left: 0; margin: auto; }

.html_canvas.html_canvas2 .team_content .team04 .not_team { top: 19% !important; left: 14% !important; }

.html_canvas.html_canvas2 .team_content .team04 .role_img { transform: scale(0.225); position: absolute; transform-origin: top left; left: -20%; top: -29%; }

.html_canvas.html_canvas2 .team_content .team04 .role_img.jl { left: -27%; }

.html_canvas.html_canvas2 .team_content .team04 .p0_user1_info { top: 10px; left: 220px; }

.html_canvas.html_canvas2 .team_content .p0_user1_info { background: url("//game.gtimg.cn/images/world/web202511/m/sign_03_2.png") no-repeat; background-size: 100% 100%; width: 235px; height: 96px; display: block; margin: auto; position: absolute; top: 0px; left: 68px; z-index: 99; }

.html_canvas.html_canvas2 .team_content .p0_user1_info.notTag { background: url("//game.gtimg.cn/images/world/web202511/m/sign_03_2_not.png") no-repeat; background-size: 100% 100%; height: 82px; }

.html_canvas.html_canvas2 .team_content .p0_user1_info.notTag .user0_tag { display: none; }

.html_canvas.html_canvas2 .team_content .p0_user1_info.notTag .user0_name { top: 15px; }

.html_canvas.html_canvas2 .team_content .p0_user1_info.notTag img { top: 10px; }

.html_canvas.html_canvas2 .team_content .p0_user1_info img { width: 50px; position: absolute; top: 23px; left: 24px; border-radius: 50%; overflow: hidden; }

.html_canvas.html_canvas2 .team_content .p0_user1_info .user0_name { font-size: 20px; margin-top: 3px; text-align: center; color: #6a89ad; position: absolute; line-height: 35px; left: 85px; top: 18px; font-weight: 500; display: flex; align-items: center; }

.html_canvas.html_canvas2 .team_content .p0_user1_info .user0_tag { font-size: 16px; margin-top: 0px; text-align: center; color: #bddeff; position: absolute; line-height: 24px; left: 85px; top: 50px; font-weight: 500; }

.html_canvas.html_canvas2 .team_content .p0_user1_info::before { content: ''; width: 23px; height: 23px; display: block; position: absolute; left: 6%; top: 6%; z-index: 1; }

.html_canvas.html_canvas2 .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%; }

.html_canvas.html_canvas2 .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%; }

.html_canvas.html_canvas2 .ping_right { width: 607px; height: 100%; position: absolute; z-index: 11; left: 0; padding-top: 580px; box-sizing: border-box; right: 0; bottom: 0px; margin: auto; }

.html_canvas.html_canvas2 .ping_right .ai_info { width: 100%; height: auto; display: block; position: relative; margin: auto; }

.html_canvas.html_canvas2 .ping_right .ai_info .ai_tit { background: url("//game.gtimg.cn/images/world/web202511/m/team_sign.png") no-repeat; background-size: 100% 100%; width: auto; height: 35px; line-height: 38px; font-family: 'ngrTitle'; font-size: 22px; color: #885a12; font-weight: bold; width: 438px; display: inline-block; padding: 0 20px; margin-top: 15px; box-sizing: border-box; }

.html_canvas.html_canvas2 .ping_right .ai_info .ai_tit span { font-size: 40px; }

.html_canvas.html_canvas2 .ping_right .ai_info ul { height: auto; margin-top: 15px; padding-bottom: 15px; line-height: 26px; position: relative; }

.html_canvas.html_canvas2 .ping_right .ai_info ul::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/m/ping_award_list_icon.png") no-repeat; background-size: 100% 100%; width: 610px; height: 7px; display: block; position: absolute; bottom: 0; left: 0; }

.html_canvas.html_canvas2 .ping_right .ai_info ul li { font-size: 18px; line-height: 25px; color: #6c83a0; font-family: 'ngrFont'; }

.html_canvas.html_canvas2 .ping_right .tit { background: url("//game.gtimg.cn/images/world/web202511/tit.png") no-repeat; background-size: 100% 100%; width: 222px; height: 81px; display: block; position: absolute; left: 0; right: 0; top: 520px; z-index: 2; margin: auto; }

.html_canvas.html_canvas2 .ping_right .ping_info { z-index: 2; display: block; position: relative; text-align: center; color: #445466; font-size: 40px; text-align: left; font-family: 'ngrTitle'; line-height: 15px; transform: translateX(-15px); }

.html_canvas.html_canvas2 .ping_right .ping_info::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/m/title_line.png") no-repeat; background-size: 100% 100%; width: 602px; height: 37px; display: block; position: absolute; top: 60px; left: 20px; }

.html_canvas.html_canvas2 .ping_right .ping_info .tips { display: block; font-family: 'ngrFont'; text-align: left; color: #485978; margin-top: 20px; opacity: 0.9; font-size: 20px; transform: translateX(15px); }

.html_canvas.html_canvas2 .ping_right .ping_ewm_award { width: 100%; position: relative; }

.html_canvas.html_canvas2 .ping_right .ping_award { width: 600px; z-index: 2; position: relative; }

.html_canvas.html_canvas2 .ping_right .ping_tit4 { width: 100%; margin-top: 5px; color: #445466; font-size: 24px; font-family: 'ngrFont'; display: block; }

.html_canvas.html_canvas2 .ping_right .ping_award_list { display: flex; width: 100%; height: 118px; position: relative; }

.html_canvas.html_canvas2 .ping_right .ping_award_list .ping_award_item { display: block; background: url("//game.gtimg.cn/images/world/web202511/await_item.png") no-repeat; background-size: 100% 100%; width: 97px; display: flex; align-items: center; justify-content: center; height: 97px; position: relative; margin-right: 20px; }

.html_canvas.html_canvas2 .ping_right .ping_award_list .ping_award_item img { width: 100%; }

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

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

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

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

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

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

.html_canvas.html_canvas2 .ping_right .ping_award_list .ping_award_item img { width: 100%; height: 100%; object-fit: contain; transform: scale(0.8); }

.html_canvas.html_canvas2 .ping_right .ping_award_list .ping_award_tit { font-size: 18px; color: #6c83a0; position: absolute; bottom: -42px; font-family: 'ngrFont'; text-align: center; display: block; height: 40px; width: 150%; }

.html_canvas#canvas1 .ping_bg { width: 100%; height: 100%; }

.html_canvas#canvas1 .ping_ewm_award { display: flex; justify-content: space-between; position: relative; }

.html_canvas#canvas1 .qr_code { width: 133px; height: 151px; position: relative; z-index: 2; box-sizing: border-box; top: -32px; background: url("//game.gtimg.cn/images/world/web202511/m/qr_code.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .qr_code img { width: 115px; height: 121px; display: block; margin: 8px auto 0; }

.html_canvas#canvas1 .qr_code span { margin-top: -7px; width: 100%; display: block; color: #6c83a0; line-height: 35px; font-size: 17px; font-family: 'ngrFont'; text-align: center; }

.html_canvas#canvas1 .ping_award { width: 400px; z-index: 2; position: relative; }

.html_canvas#canvas1 .ping_award .ping_award_list { display: flex; width: 100%; height: 118px; position: relative; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_tit { font-size: 18px; color: #6c83a0; position: absolute; bottom: -50px; font-family: 'ngrFont'; text-align: center; display: block; height: 50px; width: 150%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item { display: block; background: url("//game.gtimg.cn/images/world/web202511/await_item.png") no-repeat; background-size: 100% 100%; width: 97px; display: flex; align-items: center; justify-content: center; height: 97px; position: relative; margin-right: 20px; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item.gray { background: url("//game.gtimg.cn/images/world/web202511/itembox_gray.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item.blue { background: url("//game.gtimg.cn/images/world/web202511/itembox_blue.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item.green { background: url("//game.gtimg.cn/images/world/web202511/itembox_green.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item.red { background: url("//game.gtimg.cn/images/world/web202511/itembox_red.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item.yellow { background: url("//game.gtimg.cn/images/world/web202511/itembox_yellow.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item.purple { background: url("//game.gtimg.cn/images/world/web202511/itembox_purple.png") no-repeat; background-size: 100% 100%; }

.html_canvas#canvas1 .ping_award .ping_award_list .ping_award_item img { width: 100%; height: 100%; object-fit: contain; transform: scale(0.8); }

.html_canvas#canvas1::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/m/logo9.png") no-repeat; background-size: 100% 100%; width: 85px; height: 35px; display: block; position: absolute; top: 13px; left: 13px; }

.html_canvas#canvas1 .ping2_user1_info { background: url("//game.gtimg.cn/images/world/web202511/m/sign_03_2.png") no-repeat; background-size: 100% 100%; width: 235px; height: 96px; display: block; margin: auto; position: absolute; top: 25px; right: 15px; z-index: 99; }

.html_canvas#canvas1 .ping2_user1_info.notTag { background: url("//game.gtimg.cn/images/world/web202511/m/sign_03_2_not.png") no-repeat; background-size: 100% 100%; height: 82px; }

.html_canvas#canvas1 .ping2_user1_info.notTag .user0_tag { display: none; }

.html_canvas#canvas1 .ping2_user1_info.notTag .user0_name { top: 15px; }

.html_canvas#canvas1 .ping2_user1_info.notTag img { top: 10px; }

.html_canvas#canvas1 .ping2_user1_info img { width: 50px; position: absolute; top: 23px; left: 24px; border-radius: 50%; overflow: hidden; }

.html_canvas#canvas1 .ping2_user1_info .user0_name { font-size: 18px; margin-top: 3px; text-align: center; color: #6a89ad; position: absolute; line-height: 35px; left: 85px; top: 18px; font-weight: 500; color: #445c7b; display: flex; align-items: center; }

.html_canvas#canvas1 .ping2_user1_info .user0_tag { font-size: 18px; margin-top: 0px; text-align: center; color: #bddeff; position: absolute; line-height: 24px; left: 85px; top: 50px; font-weight: 500; }

.html_canvas#canvas1 .ping2_user1_info::before { content: ''; width: 23px; height: 23px; display: block; position: absolute; left: 6%; top: 15%; z-index: 1; }

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

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

.html_canvas#canvas1 .ping_role { width: 100%; position: absolute; height: auto; display: block; top: 20px; left: 0; }

.html_canvas#canvas1 .ping_btn { display: flex; justify-content: space-between; width: 100%; position: absolute; bottom: 0; height: 67px; padding: 0 35px; }

.html_canvas#canvas1 .ping_btn .a_shareRole { background: url("//game.gtimg.cn/images/world/web202511/m/a_btn3_02.png") no-repeat; background-size: 100% 100%; color: #42475a; font-size: 28px; font-family: 'ngrFontMedium'; text-align: center; width: 289px; height: 67px; line-height: 70px; }

.html_canvas#canvas1 .ping_role_left { width: 100%; height: 100%; display: block; pointer-events: none; position: relative; }

.html_canvas#canvas1 .ping_role_left .ping_role { width: 1800px; height: 1800px; left: -15%; top: -11%; transform: scale(0.48); transform-origin: left top; }

.html_canvas#canvas1 .ping_role_left .ping_role.dfy { left: -10%; top: -10%; }

.html_canvas#canvas1 .ping_role_left .ping_role.hml { left: -9%; top: -8%; }

.html_canvas#canvas1 .ping_role_left .ping_role.jl { left: -24%; top: -10%; }

.html_canvas#canvas1 .ping_role_left .ping_role.k { left: -5%; top: -10%; }

.html_canvas#canvas1 .ping_role_left .ping_role.lbds { left: -9%; top: -9%; }

.html_canvas#canvas1 .ping_role_left .ping_role.my { left: -8%; top: -7%; }

.html_canvas#canvas1 .ping_role_left .ping_role.sb { left: -19%; top: -8%; }

.html_canvas#canvas1 .ping_role_left .ping_role.wzj { left: -15%; top: -14%; }

.html_canvas#canvas1 .ping_role_left .ping_role.xs { left: -17%; top: -9%; }

.html_canvas#canvas1 .ping_role_right { width: 612px; height: 100%; right: 0; position: absolute; left: 0; padding-top: 550px; box-sizing: border-box; bottom: 0; margin: auto; }

.html_canvas#canvas1 .ping_role_right .ewm_award_tit { color: #445466; font-size: 24px; font-family: 'ngrFont'; }

.html_canvas#canvas1 .ping_role_right .ai_info { width: 100%; height: auto; display: block; position: relative; margin: auto; }

.html_canvas#canvas1 .ping_role_right .ai_info .ai_tit { font-size: 18px; background: url("//game.gtimg.cn/images/world/web202511/m/ai_tit.png") no-repeat; background-size: 100% 100%; font-family: 'ngrTitle'; width: 616px; height: 35px; margin-top: 40px; color: #885a12; margin-bottom: 15px; text-align: left; padding-left: 20px; display: block; }

.html_canvas#canvas1 .ping_role_right .ai_info .ai_tit span { font-size: 24px; }

.html_canvas#canvas1 .ping_role_right .ai_info ul { padding-bottom: 15px; }

.html_canvas#canvas1 .ping_role_right .ai_info ul li { font-size: 18px; line-height: 25px; color: #6c83a0; font-family: 'ngrFont'; }

.html_canvas#canvas1 .ping_role_right .tag_box { position: relative; top: 0; width: 612px; left: 0; margin: auto; z-index: 2; }

.html_canvas#canvas1 .ping_role_right .tag_box .tag_tips { color: #6c83a0; font-size: 2px; opacity: 0.9; display: block; font-family: 'ngrFont'; width: 100%; }

.html_canvas#canvas1 .ping_role_right .tag_box .tag_info { width: 100%; position: relative; display: block; box-sizing: border-box; }

.html_canvas#canvas1 .ping_role_right .tag_box .tag_info::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/m/ping_award_list_icon.png") no-repeat; background-size: 100% 100%; width: 610px; height: 7px; position: absolute; left: 0; bottom: 0; }

.html_canvas#canvas1 .ping_role_right .ping_tag { width: 100%; height: 150px; display: block; margin-bottom: 30px; position: relative; }

.html_canvas#canvas1 .ping_role_right .ping_tag::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/m/ping_tag2_before.png") no-repeat; background-size: 100% 100%; width: 289px; height: 22px; position: absolute; left: 0; top: 80px; right: 0; margin: auto; }

.html_canvas#canvas1 .ping_role_right .ping_tag .ping-hero-match-box { font-size: 18px; margin-top: 15px; color: #485d78; text-align: center; font-family: 'ngrFont'; }

.html_canvas#canvas1 .ping_role_right .ping_tag .ping-hero-match { font-family: 'ngrBold'; margin-top: -20px; color: #c1974d; display: block; font-size: 42px; }

.html_canvas#canvas1 .ping_role_right .ping-name { color: #485d78; font-family: 'ngrTitle'; font-size: 50px; display: block; text-align: center; }