/* reset */
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

a, img, input { border: none; }

body { font: .14rem/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; }

ul, li { list-style: none; }

a, img { -webkit-touch-callout: none; /* ???????????????????????????????????????? */ }

html, body { -webkit-user-select: none; /* ???????????????????????????????? */ user-select: none; }

em { font-style: normal; }

/* reset end */
html { font-size: .5rem; /* ????????vw???? */ font-size: 13.33333333vw; /* 750px === 100vw */ }

@media (max-width: 10.24rem) { html, body { max-width: 10.24rem; overflow-x: hidden; width: 100%; height: 100%; } }

#afooter { background-color: #000; text-align: center; font-size: .22rem; padding: .2rem 0; }

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

@font-face { font-family: "lol_bold"; src: url("//game.gtimg.cn/images/lol/act/a20260106ver/font/lol_bold.OTF"); }

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

.wrapper { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/bg.jpg") no-repeat; background-size: 100% 88.07rem; height: 87.07rem; max-width: 7.5rem; margin: 0 auto; overflow: hidden; position: relative; }

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

.wrapper .header { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/kv.png") no-repeat; background-size: 100% 100%; height: 4.76rem; width: 100%; position: relative; }

.wrapper .header .logo5 { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/logo4.png") no-repeat; background-size: 100% 100%; width: 1.28rem; height: 0.35rem; position: absolute; top: 0.25rem; left: 0.25rem; }

.wrapper .part1 { height: 9.6rem; position: relative; padding-top: 0.3rem; box-sizing: border-box; }

.wrapper .part1 .p1_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p1_title.png") no-repeat; background-size: 100% 100%; width: 3.35rem; height: 1.16rem; display: block; margin: auto; }

.wrapper .part1 .p1_content { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p1_content.png") no-repeat; background-size: 100% 100%; width: 7.17rem; height: 7.17rem; position: relative; display: block; margin: 0.2rem auto 0; }

.wrapper .part1 .p1_content .p1_text { font-size: 0.2rem; color: #ffe05c; line-height: 0.3rem; position: absolute; width: 6.7rem; margin: auto; left: 0; right: 0; bottom: 1.02rem; }

.wrapper .part1 .p1_content .p1_text span { display: block; }

.wrapper .part1 .p1_content .a_btn_go { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p1_btn_go.png") no-repeat; background-size: 100% 100%; width: 2.47rem; height: 0.69rem; display: block; position: absolute; bottom: 0.2rem; right: 0; left: 0; margin: auto; }

.wrapper .part2 { height: 15.8rem; position: relative; padding-top: 1.7rem; box-sizing: border-box; }

.wrapper .part2 .p2_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p2_title.png") no-repeat; background-size: 100% 100%; width: 2.74rem; height: 1.16rem; display: block; margin: 0 auto 0.25rem; }

.wrapper .part2 .p2_txt { color: #dee8ff; font-size: 0.2rem; text-align: center; width: 7.1rem; margin: auto; }

.wrapper .part2 .p2_txt span { display: block; }

.wrapper .part2 .swiper1 { width: 7.1rem; margin: auto; position: relative; height: 9rem; }

.wrapper .part2 .swiper1 .swiper-button-next { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_btn_toggle.png") no-repeat; background-size: 100% 100%; width: 1.32rem; height: 1.32rem; display: block; position: absolute; right: 0; cursor: pointer; top: 2rem; margin: auto; }

.wrapper .part2 .swiper1 .swiper-button-prev { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_btn_toggle.png") no-repeat; background-size: 100% 100%; width: 1.32rem; height: 1.32rem; display: block; position: absolute; left: 0; transform: rotate(180deg); cursor: pointer; top: 2rem; margin: auto; }

.wrapper .part2 .swiper1 .p2_con { width: 100%; margin: auto; }

.wrapper .part2 .swiper1 .p2_con .p2_left { width: 3.89rem; height: 4.05rem; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p2_left.png") no-repeat; background-size: 100% 100%; pointer-events: none; position: relative; margin: 0.5rem auto 0; }

.wrapper .part2 .swiper1 .p2_con .p2_left::before { content: ''; width: 3.89rem; height: 4.05rem; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p2_left.png") no-repeat; background-size: 100% 100%; position: absolute; left: 0; z-index: 11; top: 0; }

.wrapper .part2 .swiper1 .p2_con .p2_left img { width: 3.85rem; height: 3.89rem; display: block; width: auto; transform: translateY(0.12rem); margin: auto; }

.wrapper .part2 .swiper1 .p2_con .p2_right { width: 100%; height: 100%; margin-top: 0.4rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list { color: #ccd9ff; font-size: 0.2rem; height: 2rem; overflow-y: auto; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list::-webkit-scrollbar { width: 0.04rem; background: #7da6ff; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list::-webkit-scrollbar-thumb { background: #d6e3ff; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list::-webkit-scrollbar-track { background: #7da6ff; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list li { margin-bottom: 0.25rem; padding-left: 0.35rem; box-sizing: border-box; line-height: 0.25rem; position: relative; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list li::before { content: ''; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/icon1.png") no-repeat; background-size: 100% 100%; width: 0.13rem; height: 0.28rem; display: block; position: absolute; left: 0; top: -0.05rem; margin: auto; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list li span { margin-bottom: 0.1rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_right_title { display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold; position: relative; font-size: 0.7rem; margin-bottom: 0.2rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_right_title .a_p2_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_btn_play.png") no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.83rem; display: block; margin-left: 0.15rem; }

.wrapper .part2 .swiper_tab { width: 7.1rem; height: 1.7rem; display: flex; margin: auto; justify-content: space-between; position: absolute; bottom: 1.05rem; left: 0; right: 0; margin: auto; }

.wrapper .part2 .swiper_tab li { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/swiper_tab_li.png") no-repeat; background-size: 100% 100%; width: 1.67rem; height: 1.7rem; position: relative; overflow: hidden; }

.wrapper .part2 .swiper_tab li .num { color: #9dbcff; font-family: 'lol_bold'; font-size: 0.18rem; display: block; position: absolute; width: 100%; text-align: center; bottom: 0.4rem; }

.wrapper .part2 .swiper_tab li img { position: absolute; top: 0; left: -0.1rem; right: 0; margin: auto; width: auto; height: 1rem; }

.wrapper .part2 .swiper_tab li .txt { color: #d2e5fc; font-weight: bold; display: block; position: absolute; width: 100%; text-align: center; bottom: 0.1rem; font-size: 0.22rem; }

.wrapper .part2 .swiper_tab li.on { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/swiper_tab_li_on.png") no-repeat; overflow: visible; background-size: 100% 100%; }

.wrapper .part2 .swiper_tab li.on .num { color: #c19c00; }

.wrapper .part2 .swiper_tab li.on .txt { color: #0b0e57; }

.wrapper .part3 { height: 12rem; position: relative; }

.wrapper .part3 .p3_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p3_title.png") no-repeat; background-size: 100% 100%; width: 4.08rem; height: 1.16rem; display: block; margin: auto; }

.wrapper .part3 .p3_box { width: 7.1rem; margin: 0.8rem auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

.wrapper .part3 .p3_box .p3_con { width: 3.4rem; padding-left: 0.1rem; box-sizing: border-box; position: relative; }

.wrapper .part3 .p3_box .p3_con .p3_info { margin-top: -0.2rem; }

.wrapper .part3 .p3_box .p3_con:nth-child(2n)::before { display: none; }

.wrapper .part3 .p3_box .p3_con:last-child::before { content: ''; display: none; }

.wrapper .part3 .p3_box .p3_con .num { color: #cbdbff; font-family: 'lol_bold'; font-size: 1.33rem; line-height: 1.7rem; }

.wrapper .part3 .p3_box .p3_con .p3_i_tit { color: #0b2ea7; font-size: 0.39rem; font-weight: bold; display: block; }

.wrapper .part3 .p3_box .p3_con .p3_i_tit.on { font-size: 0.25rem; line-height: 0.3rem; }

.wrapper .part3 .p3_box .p3_con .p3_i_txt { color: #676767; line-height: 0.25rem; width: 3.35rem; font-size: 0.2rem; }

.wrapper .part3 .p3_box .p3_con .p3_i_txt.on { width: 3.8rem; display: block; }

.wrapper .part4 { position: relative; height: 22rem; padding-top: 1.43rem; box-sizing: border-box; }

.wrapper .part4 .p4_ul { width: 6.48rem; margin: auto; padding-left: 0.15rem; }

.wrapper .part4 .p4_ul .desc { width: 5.7rem; }

.wrapper .part4 .p4_ul .characteristic_item { margin-bottom: 0.1rem; }

.wrapper .part4 .p4_ul li { padding-left: 0.35rem; color: #575757; font-size: 0.24rem; margin-bottom: 0.1rem; position: relative; }

.wrapper .part4 .p4_ul li::before { content: ''; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/icon1.png") no-repeat; width: 0.13rem; height: 0.28rem; display: block; background-size: 100% 100%; position: absolute; left: 0; top: 0; }

.wrapper .part4 .p4_ul li .bold { font-weight: bold; }

.wrapper .part4 .p4_ul span { display: block; }

.wrapper .part4 .p4_con_info { position: relative; margin-top: 0.05rem; }

.wrapper .part4 .p4_con_info .a_p4_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_btn_play.png") no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.83rem; margin-left: 0.2rem; display: block; }

.wrapper .part4 .p4_con_info .p4_con_tit { color: #010759; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.51rem; }

.wrapper .part4 .p4_con_img_box { width: 1.82rem; background: #c19c00; height: 1.82rem; display: flex; align-items: center; justify-content: center; margin: auto; }

.wrapper .part4 .p4_con_img { width: 1.75rem; height: 1.75rem; }

.wrapper .part4 .p4_con_info2 { width: 6.7rem; height: 4.07rem; margin: 0.2rem auto 0; }

.wrapper .part4 .p4_con_info2 span { color: #575757; font-weight: bold; font-size: 0.3rem; padding-left: 0.3rem; display: block; margin-bottom: 0.35rem; }

.wrapper .part4 .p4_con_info2 img { width: 4.3rem; height: 3.27rem; display: block; margin: auto; }

.wrapper .part4 .p4_tips { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_tips.png") no-repeat; background-size: 100% 100%; width: 9.58rem; height: 0.83rem; display: block; margin: auto; position: absolute; bottom: 0.68rem; left: 0; right: 0; color: #2653c9; font-size: 0.18rem; text-align: center; display: flex; align-items: center; padding: 0 1.2rem; margin: auto; }

.wrapper .part4 .p4_con { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p4_con.png") no-repeat; background-size: 100% 100%; width: 7.19rem; height: 13.5rem; position: relative; display: block; padding-top: 0.45rem; box-sizing: border-box; margin: 0.05rem auto 0; }

.wrapper .part4 .p4_tab { width: 7.1rem; height: auto; display: block; display: flex; flex-wrap: wrap; margin: 0.35rem auto 0; }

.wrapper .part4 .p4_tab .tab_item { width: 1.21rem; height: 1.21rem; display: flex; align-items: center; position: relative; margin-right: 0.25rem; justify-content: center; cursor: pointer; margin-bottom: 0.35rem; }

.wrapper .part4 .p4_tab .tab_item:nth-child(5n) { margin-right: 0; }

.wrapper .part4 .p4_tab .tab_item.on::before { content: ''; width: 1.25rem; height: 1.25rem; position: absolute; left: 0; right: 0; top: 0; border: 0.05rem solid #c19c00; }

.wrapper .part4 .p4_tab .tab_item span { display: none; }

.wrapper .part4 .p4_tab .tab_item img { width: 100%; height: 100%; }

.wrapper .part4 .p4_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p4_title.png") no-repeat; background-size: 100% 100%; width: 2.7rem; height: 1.16rem; display: block; margin: 0 auto 0.25rem; }

.wrapper .part4 .p4_txt { text-align: center; color: #dee8ff; font-size: 0.2rem; width: 7.1rem; margin: auto; display: block; }

.wrapper .part4 .p4_txt span { display: block; }

.wrapper .part5 { position: relative; height: 16.6rem; }

.wrapper .part5 .p5_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p5_title.png") no-repeat; background-size: 100% 100%; width: 2.7rem; height: 1.16rem; display: block; margin: 0 auto 0.27rem; }

.wrapper .part5 .p5_txt { color: #797979; font-size: 0.2rem; text-align: center; width: 7.1rem; margin: 0 auto; margin-bottom: 0.2rem; }

.wrapper .part5 .p5_txt span { display: block; }

.wrapper .part5 .p5_ul { width: 7.1rem; margin: 0 auto 0; justify-content: space-between; }

.wrapper .part5 .p5_ul li { width: 7.1rem; height: 4.68rem; box-sizing: border-box; position: relative; }

.wrapper .part5 .p5_ul li .p5_logo_img { color: #636363; font-size: 0.32rem; height: 1.6rem; line-height: 0.9rem; padding-left: 2.3rem; box-sizing: border-box; }

.wrapper .part5 .p5_ul li::before { content: ''; background: #bdc5c7; width: 100%; height: 0.01rem; position: absolute; bottom: 0; }

.wrapper .part5 .p5_ul li:nth-child(2n) { height: 4rem; }

.wrapper .part5 .p5_ul li:last-child::before { display: none; }

.wrapper .part5 .p5_ul li span { color: #041372; font-size: 0.41rem; font-weight: bold; display: block; padding-top: 0.25rem; text-align: left; padding-left: 2.25rem; box-sizing: border-box; }

.wrapper .part5 .p5_ul li img { display: block; width: 0.68rem; height: 0.68rem; display: block; position: absolute; left: 2.3rem; top: 0.9rem; }

.wrapper .part5 .p5_ul li .p5_logo { width: auto; height: 1.7rem; position: absolute; top: 0.45rem; left: 0; }

.wrapper .part5 .p5_ul li .txt { color: #636363; font-size: 0.18rem; width: 4.8rem; text-align: left; margin: auto; position: absolute; left: 2.3rem; top: 1.85rem; }

.wrapper .part5 .p5_ul li .p5_btn_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_btn_play.png") no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.83rem; display: block; position: absolute; top: 0.2rem; right: 2.2rem; margin: auto; }

.wrapper .part6 .p6_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p6_title.png") no-repeat; background-size: 100% 100%; width: 3.4rem; height: 1.16rem; display: block; margin: 0 auto 0.45rem; }

.wrapper .part6 .p6_con { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/m/p6_bg.jpg") no-repeat; background-size: 100% 100%; width: 7.11rem; height: 4.2rem; margin: auto; display: block; position: relative; }

.wrapper .part6 .p6_btn_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p6_btn_play.png") no-repeat; background-size: 100% 100%; width: 1rem; height: 1rem; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

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

.pc { display: none !important; }

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

.pop .pop_box { position: relative; 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; }

.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: absolute; left: 0.4rem; bottom: 4.6rem; 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: absolute; height: 3rem; left: 0.4rem; bottom: 0.55rem; }

.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.28rem; 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: absolute; left: 0.4rem; bottom: 4rem; }

.pop .pop_ping, .pop .join_pop { background-size: 100% 100%; width: 7.07rem; height: 12.8rem; display: block; }

.pop .pop_ping .ping_bg, .pop .join_pop .ping_bg { background: url("//game.gtimg.cn/images/world/web202511/pop_ping2.png") no-repeat; background-size: 100% 100%; width: 7.07rem; height: 11.57rem; position: relative; }

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

.pop .pop_ping .ping_btn, .pop .join_pop .ping_btn { display: flex; justify-content: space-between; width: 6.35rem; margin: 0.2rem auto 0; padding: 0 0.2rem; }

.pop .pop_ping .ping_btn .a_shareRole, .pop .join_pop .ping_btn .a_shareRole { background: url("//game.gtimg.cn/images/world/web202511/btn3.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; }

.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: url("//game.gtimg.cn/images/world/web202511/tag3.png") no-repeat; background-size: 100% 100%; 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_logo, .pop .join_pop .ping_logo { position: absolute; background: url("//game.gtimg.cn/images/world/web202511/ping_logo.png") no-repeat; background-size: 100% 100%; width: 1.13rem; height: 0.46rem; display: block; position: absolute; bottom: 0.45rem; left: 0; right: 0; margin: auto; z-index: 11; }

.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: 0.72rem; z-index: 2; height: 0.72rem; display: block; position: absolute; right: 0.3rem; top: 1rem; }

.pop .pop_ping .ai_info, .pop .join_pop .ai_info { background: url("//game.gtimg.cn/images/world/web202511/ai_txt.png") no-repeat; background-size: 100% 100%; width: 6.49rem; height: 2.66rem; display: block; position: absolute; left: 0; right: 0; z-index: 2; margin: auto; bottom: 1.2rem; }

.pop .pop_ping .ai_info .ai_tit, .pop .join_pop .ai_info .ai_tit { font-size: 0.24rem; font-family: 'hy65w'; color: #844501; width: 100%; margin-bottom: 0.2rem; text-align: left; padding-left: 0.25rem; display: block; }

.pop .pop_ping .ai_info .ai_tit span, .pop .join_pop .ai_info .ai_tit span { font-family: 'DINCond'; font-size: 0.36rem; }

.pop .pop_ping .ai_info ul, .pop .join_pop .ai_info ul { padding: 0 0.2rem; }

.pop .pop_ping .ai_info ul li, .pop .join_pop .ai_info ul li { font-size: 0.2rem; }

.pop .pop_ping .tag_box, .pop .join_pop .tag_box { position: absolute; top: 6.8rem; width: 6.45rem; left: 0; right: 0; margin: auto; z-index: 2; }

.pop .pop_ping .tag_box span, .pop .join_pop .tag_box span { color: #22749e; font-size: 0.22rem; text-align: center; display: block; width: 100%; }

.pop .pop_ping .tag_box .tag_list, .pop .join_pop .tag_box .tag_list { display: flex; justify-content: space-between; 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/tag_list_li.png") no-repeat; background-size: 100% 100%; width: 1.64rem; height: 0.31rem; display: flex; cursor: pointer; font-size: 0.18rem; color: #fff; align-items: center; justify-content: center; }

.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/tag_list_li_active.png") no-repeat; background-size: 100% 100%; padding-right: .15rem; box-sizing: border-box; }

.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 .a_close, .pop .join_pop .a_close { position: absolute; top: -0.1rem; }

.pop .pop_ping .head_box, .pop .join_pop .head_box { position: absolute; width: auto; z-index: 2; 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 .join_pop .ai_info .ai_tit { padding-left: .25rem; box-sizing: border-box; font-size: .24rem; font-family: 'hy65w'; color: #844501; width: 100%; display: block; line-height: .57rem; margin-bottom: .2rem; }

.pop .save_pop { width: 7.07rem; height: auto; position: relative; }

.pop .save_pop .a_close { top: 0; }

.pop .save_pop .save_img_box { width: 7.07rem; height: 12.17rem; overflow: hidden; }

.pop .save_pop img { transform: translateY(-0.01rem); width: 7.07rem; height: 12.17rem; }

.pop .join_pop .ping_bg { background: url("//game.gtimg.cn/images/world/web202511/pop_ping.png") no-repeat; background-size: 100% 100%; width: 7.07rem; height: 12.17rem; position: relative; }

.pop .join_pop .ping_bg::before { content: ''; background: url("//game.gtimg.cn/images/world/web202511/pop_ping_before.png") no-repeat; background-size: 100% 100%; width: 100%; pointer-events: none; height: 100%; display: block; z-index: 1; top: 0; left: 0; position: absolute; }

.pop .join_pop .ping_bg .ai_info { bottom: 2.8rem; }

.pop .join_pop .ping_tag2 { background: url("//game.gtimg.cn/images/world/web202511/ping_tag2.png") no-repeat; background-size: 100% 100%; width: 1.28rem; height: 0.52rem; position: absolute; left: 0; right: 0; margin: auto; top: 5.5rem; z-index: 2; }

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

.pop .join_pop .ping_info { background: url("//game.gtimg.cn/images/world/web202511/ping_info.png") no-repeat; background-size: 100% 100%; width: 5.14rem; z-index: 2; height: 0.64rem; display: block; position: absolute; top: 0.75rem; left: 0; right: 0; text-align: center; margin: auto; color: #f0ffff; font-size: 0.3rem; font-family: 'hy65w'; line-height: 0.38rem; }

.pop .join_pop .ping_info span { color: #bceeff; }

.pop .join_pop .ping_award { width: 6rem; z-index: 2; position: absolute; left: 0; right: 0; bottom: 0.45rem; margin: auto; }

.pop .join_pop .ping_tit4 { background: url("//game.gtimg.cn/images/world/web202511/ping_tit5.png") no-repeat; background-size: 100% 100%; width: 3.72rem; height: .23rem; margin: auto; display: block; }

.pop .join_pop .ping_award_tit { font-size: .18rem; color: #3778bc; position: absolute; bottom: -0.3rem; text-align: center; display: block; }

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

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

.pop .join_pop .a_join { margin: auto; }

.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 .my_team { background: url("//game.gtimg.cn/images/world/web202511/my_team.png") no-repeat; background-size: 100% 100%; width: 9.07rem; height: 6.14rem; display: block; transform: scale(0.8) translate(-50%, -50%); transform-origin: left; }

.pop .my_team .my_team_box { width: 8.75rem; display: flex; height: 3.3rem; margin: auto; justify-content: space-between; position: absolute; left: 0; right: 0; top: 0.9rem; }

.pop .my_team .my_team_box .user_game_info { position: absolute; bottom: 0; height: 1rem; left: 0; right: 0; margin: auto; display: flex; justify-content: space-between; }

.pop .my_team .my_team_box .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 { width: 1.3rem; line-height: 0.22rem; display: flex; flex-wrap: wrap; align-items: center; height: 50%; top: 50%; position: relative; transform: translateY(-75%); }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_info_level { background: url("//game.gtimg.cn/images/world/web202511/user_game_info_level.png") no-repeat; background-size: 100% 100%; width: 0.56rem; height: 0.2rem; display: block; font-size: 0.16rem; padding-left: 0.04rem; line-height: 0.2rem; color: #eac287; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_name { color: #d9b88e; font-size: 0.16rem; }

.pop .my_team .my_team_box .user_game_info .user_game_info_txt .user_game_name2 { color: #fcf3be; font-size: 0.18rem; margin: 0.02rem 0; }

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

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

.pop .my_team .my_team_box .user_info { position: absolute; top: 0.27rem; left: 0; right: 0; margin: auto; }

.pop .my_team .my_team_box .user_info .user_name { color: #e7ffff; font-size: 0.18rem; margin-top: 0.03rem; text-align: center; }

.pop .my_team .my_team_box .user_info .user_img { background: url("//game.gtimg.cn/images/world/web202511/role_img.png") no-repeat; background-size: 100% 100%; width: 1.09rem; height: 1.09rem; display: block; position: relative; margin: auto; }

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

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

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

.pop .my_team .my_team_box .team_item.not .user_game_name { color: #8ab0df; font-size: 0.16rem; }

.pop .my_team .my_team_box .team_item.not .user_game_info_txt { transform: translateY(-55%); }

.pop .my_team .my_team_box .team_item.not .user_game_name2 { color: #a0c0ec; font-size: 0.18rem; }

.pop .my_team .my_team_box .team_item.not .user_game_info_level { display: none; }

.pop .my_team .my_team_box .team_item.not .team_type { display: none; }

.pop .my_team .my_team_box .team_item.not .user_name { color: #a5c1f3; }

.pop .my_team .my_team_box .team_item.not .user_game_info_name { color: #ffe3b1; }

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

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

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

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

.pop .my_team .my_team_box .team_item .team_vote { background: url("//game.gtimg.cn/images/world/web202511/team_vote.png") no-repeat; background-size: 100% 100%; width: 2.13rem; height: 0.8rem; position: absolute; bottom: -0.78rem; left: 0; }

.pop .my_team .my_team_box .team_item .team_vote span { color: #4ef9ff; font-size: 0.2rem; text-align: center; line-height: 0.5rem; opacity: 0.8; display: block; }

.pop .my_team .my_team_box .team_item .team_vote .team_btn_vote { background: url("//game.gtimg.cn/images/world/web202511/team_btn_vote.png") no-repeat; background-size: 100% 100%; width: 0.77rem; height: 0.26rem; font-size: 0; position: absolute; left: 0; right: 0; bottom: 0.1rem; margin: auto; display: block; }

.pop .my_team .my_team_box .team_item .team_out { background: url("//game.gtimg.cn/images/world/web202511/team_out.png") no-repeat; background-size: 100% 100%; width: 2.13rem; height: 0.79rem; position: absolute; bottom: -0.78rem; left: 0; }

.pop .my_team .my_team_box .team_item .team_out span { color: #faffa3; font-size: 0.2rem; text-align: center; line-height: 0.5rem; opacity: 0.8; display: block; }

.pop .my_team .my_team_box .team_item .team_out .team_btn_out { background: url("//game.gtimg.cn/images/world/web202511/team_btn_out.png") no-repeat; background-size: 100% 100%; width: 0.77rem; height: 0.26rem; font-size: 0; position: absolute; left: 0; right: 0; bottom: 0.1rem; margin: auto; display: block; }

.pop .my_team .my_team_box .team_item:last-child .team_type { background: url("//game.gtimg.cn/images/world/web202511/team_type5.png") no-repeat; background-size: 100% 100%; }

.pop .my_team .my_team_box .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 .my_team_box .team_type2 { background: url("//game.gtimg.cn/images/world/web202511/team_type2.png") no-repeat; background-size: 100% 100%; width: 0.69rem; height: 0.27rem; display: block; position: absolute; right: 0rem; top: 1.8rem; font-size: 0.18rem; color: #ffeeaa; text-align: center; font-family: 'hy65w'; line-height: 0.26rem; padding-left: 0.15rem; }

.pop .my_team .my_team_box .team_type { background: url("//game.gtimg.cn/images/world/web202511/team_type.png") no-repeat; background-size: 100% 100%; width: 0.5rem; height: 0.22rem; display: block; position: absolute; right: 0.4rem; font-family: 'hy65w'; z-index: 1; top: 1.1rem; font-size: 0.14rem; color: #abf2ff; text-align: center; line-height: 0.22rem; }

.pop .my_team .my_team_box .team_icon { background: url("//game.gtimg.cn/images/world/web202511/team_icon.png") no-repeat; background-size: 100% 100%; width: 0.31rem; height: 0.3rem; display: block; position: absolute; left: 0; top: 0.3rem; bottom: 0; right: 0; margin: auto; }

.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 .my_team .a_close { top: 0.15rem; }

.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: #ffffff; font-size: 0.3rem; font-family: 'hy65w'; text-align: center; width: 2.83rem; 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%; font-size: 0 !important; display: block; }

.pop .share_box { background: url("//game.gtimg.cn/images/world/web202511/share_box.png") no-repeat; background-size: 100% 100%; width: 6.42rem; height: 0.52rem; position: absolute; z-index: 2; top: 11.5rem; left: 0; right: 0; margin: auto; }

.pop .share_box .share_txt { width: 4.6rem; height: 0.52rem; color: #e9f5ff; font-size: 0.18rem; padding-left: 0.5rem; box-sizing: border-box; line-height: 0.5rem; }

.pop .share_box .a_copy { position: absolute; right: 0.05rem; background: url("//game.gtimg.cn/images/world/web202511/a_share2.png") no-repeat; background-size: 100% 100%; top: 0; font-size: 0; color: #8d530e; font-size: 0.24rem; line-height: 0.5rem; bottom: 0; text-align: center; height: 0.46rem; width: 1.67rem; margin: auto; }

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

.pop .ping_tag { background: url("//game.gtimg.cn/images/world/web202511/ping_tag.png") no-repeat; background-size: 100% 100%; width: 2.22rem; height: 1.76rem; left: 0; right: 0; z-index: 111; text-align: center; position: absolute; top: 4.9rem; padding-top: .05rem; box-sizing: border-box; margin: auto; }

.pop .ping_tag span:nth-child(1) { color: #e2f2ff; font-size: .42rem; margin-top: -.1rem; display: block; width: 100%; font-family: 'hy65w'; }

.pop .ping_tag span:nth-child(2) { color: #fff2bc; font-size: .42rem; display: block; width: 100%; margin-top: .3rem; font-family: "DINCond"; }

.scale { transform: translate(-50%, -50%) scale(1) !important; }

.html_canvas .ping_tag span:nth-child(2) { margin-top: 20px !important; }

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

.pop .pop_video { position: relative; top: 50%; left: 50%; width: 6.85rem; height: 4rem; border: 0.02rem solid #c19c00; transform: translate(-50%, -50%); }

.pop .pop_video .video_box { width: 100%; height: 100%; }

.pop .pop_close { width: 0.55rem; height: 0.55rem; position: absolute; right: -0.1rem; top: -0.5rem; font-size: 0.6rem; line-height: 0.45rem; text-align: center; color: #c19c00; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

em { display: block; }