@charset "UTF-8";
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; }

ul, li { list-style: none; }

a { text-decoration: none; color: #333; }

img[src=''], img:not([src]) { opacity: 0; }

img { display: block; max-width: 100%; }

* { -webkit-tap-highlight-color: transparent; }

html { user-select: none; touch-action: none; }

input, textarea { user-select: all; user-select: auto; }

body { font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; }

em { font-style: normal; }

html { font-size: 50px; font-size: 5.20833333vw; /* 19.2rem === 100vw */ }

html, body { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.fl { float: left; }

.fr { float: right; }

.pr { position: relative; }

.pa { position: absolute; }

.ovh { overflow: hidden; }

.block { display: block; }

.flex { display: flex; }

.none { display: none; }

.main { width: 100%; height: 100%; overflow: hidden; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/bg.jpg") no-repeat; background-size: cover; position: relative; background-position: 50% 50%; }

.main .pop { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 99999; }

.main .pop .p-tips2-btn { display: flex; width: 5.2rem; justify-content: space-between; position: absolute; bottom: .5rem; left: 0; right: 0; margin: auto; }

.main .pop .p-tips2-btn .btn-qx { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-qx.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .47rem; display: block; }

.main .pop .p-tips2-btn .btn-qd { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-qd.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .47rem; display: block; }

.main .pop .p-tips2-btn .btn-xg { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-xg.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .47rem; display: block; }

.main .pop .p-tips2-btn .btn-bc { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-bc.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .47rem; display: block; }

.main .pop .address-tips { color: #a2661a; font-size: .16rem; position: absolute; text-align: center; bottom: .1rem; left: 0; margin: auto; right: 0; }

.main .pop .milo-form { display: flex; width: 5.77rem; align-items: center; height: 2.3rem; overflow: hidden; justify-content: center; margin: .3rem auto 0; position: relative; }

.main .pop .milo-form::before { content: ''; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/li.png") no-repeat; background-size: 100% 100%; width: 100%; height: .46rem; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; }

.main .pop .milo-form .mySwiper { width: 1.82rem; height: 2.5rem; }

.main .pop .milo-form .mySwiper .swiper-slide { height: .46rem; color: #a2661a; line-height: .5rem; text-align: center; font-size: .225rem; }

.main .pop .milo-form .mySwiper .swiper-slide.swiper-slide-active { color: #724f23; }

.main .pop .pop-share { width: 100%; height: 100%; }

.main .pop .pop-share .b-share { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-share.png") no-repeat; background-size: 100% 100%; width: 3.28rem; height: 2.27rem; position: absolute; right: .51rem; top: .75rem; }

.main .pop .pop-share-wx, .main .pop .pop-share-qq { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-share-wx.png") no-repeat; background-size: 100% 100%; width: 5.33rem; height: 3.44rem; display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.main .pop .pop-share-wx .share-box, .main .pop .pop-share-qq .share-box { height: 110%; display: flex; justify-content: space-between; width: 3.05rem; align-items: center; margin: auto; }

.main .pop .pop-share-wx .btn-wx-hy, .main .pop .pop-share-qq .btn-wx-hy { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-wx-hy.png") no-repeat; background-size: 100% 100%; width: .91rem; height: 1.2rem; display: block; }

.main .pop .pop-share-wx .btn-wx-py, .main .pop .pop-share-qq .btn-wx-py { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-wx-py.png") no-repeat; background-size: 100% 100%; width: .91rem; height: 1.2rem; display: block; }

.main .pop .pop-share-wx .btn-qq-hy, .main .pop .pop-share-qq .btn-qq-hy { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-qq-hy.png") no-repeat; background-size: 100% 100%; width: .91rem; height: 1.21rem; display: block; }

.main .pop .pop-share-wx .btn-qq-kj, .main .pop .pop-share-qq .btn-qq-kj { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-qq-kj.png") no-repeat; background-size: 100% 100%; width: .91rem; height: 1.21rem; display: block; }

.main .pop .btn-close { position: absolute; z-index: 111; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-close.png") no-repeat; background-size: 100% 100%; width: .36rem; height: .29rem; right: .1rem; top: .05rem; }

.main .pop .btn-close.close2 { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-close2.png") no-repeat; background-size: 100% 100%; width: .38rem; height: .33rem; position: absolute; right: .1rem; top: .1rem; }

.main .pop .pop-ch { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-ch.png") no-repeat; background-size: 100% 100%; width: 6.83rem; height: 6.95rem; position: relative; top: 50%; left: 50%; padding-top: .8rem; box-sizing: border-box; transform: translate(-50%, -50%); }

.main .pop .pop-ch .ch-box { height: 4.3rem; width: 5.91rem; margin: 0 auto .1rem; overflow-y: auto; }

.main .pop .pop-ch .ch-tips { color: #a2661a; font-size: .18rem; text-align: center; }

.main .pop .pop-ch .ch-tit { font-size: .28rem; text-align: center; /* 设置渐变背景，这里是从左到右的红到蓝渐变 */ background: linear-gradient(to bottom, #4d2204, #a4681a); /* 将背景裁剪到文字，-webkit- 前缀用于兼容 Safari 等浏览器 */ -webkit-background-clip: text; box-sizing: border-box; background-clip: text; text-align: center; height: .6rem; line-height: .6rem; /* 让文字颜色透明，这样就能显示出渐变背景 */ -webkit-text-fill-color: transparent; text-fill-color: transparent; margin-bottom: .1rem; }

.main .pop .pop-ch .ch-txt { color: #a2661a; font-size: .18rem; line-height: .25rem; width: 3.5rem; margin: auto; text-align: center; }

.main .pop .pop-ch .ch-item { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/ch-item.png") no-repeat; background-size: 100% 100%; width: 5.91rem; margin-bottom: .1rem; height: 2.33rem; display: block; }

.main .pop .pop-tips5 { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-tips5.png") no-repeat; background-size: 100% 100%; width: 4.53rem; height: 2.54rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.main .pop .pop-tips5 .btn-ok { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-ok.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .46rem; display: block; position: absolute; left: 0; right: 0; bottom: .3rem; margin: auto; }

.main .pop .pop-tips5 .p { display: flex; align-items: center; justify-content: center; line-height: .23rem; font-size: .18rem; height: 2.6rem; flex-wrap: wrap; color: #a2661a; padding: 0 .5rem; text-align: center; box-sizing: border-box; }

.main .pop .pop-tips5 .p i { font-weight: bold; font-size: .24rem; margin: 0 .05rem; color: #f08c07; font-style: normal; }

.main .pop .pop-rule { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-rule.png") no-repeat; background-size: 100% 100%; width: 7.41rem; height: 4.79rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-top: .7rem; box-sizing: border-box; }

.main .pop .pop-rule ul { width: 6.6rem; margin: .2rem auto 0; height: 3.6rem; overflow: auto; }

.main .pop .pop-rule ul .list { margin: 0; height: auto; }

.main .pop .pop-rule ul .list li { padding-left: .2rem; box-sizing: border-box; position: relative; }

.main .pop .pop-rule ul .list li span { padding-left: .25rem; }

.main .pop .pop-rule ul .tit { color: #a2661a; font-weight: bold; font-size: .22rem; display: flex; align-items: center; }

.main .pop .pop-rule ul .tit i { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/icon999.png") no-repeat; background-size: 100% 100%; width: 24px; margin-right: .1rem; height: 21px; display: inline-block; }

.main .pop .pop-rule ul span { color: #a2661a; display: block; padding-left: .4rem; line-height: .3rem; font-size: .18rem; }

.main .pop .pop-rule ul .table3 { width: 4.72rem; height: 10.67rem; display: block; margin-left: .4rem; margin-bottom: .3rem; }

.main .pop .pop-rule .rule-tit { color: #ffffff; font-size: .36rem; text-align: center; font-family: "temcemt_bold"; }

.main .pop .btn-close { top: .25rem; right: .2rem; }

.main .pop .pop-address { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-address.png") no-repeat; background-size: 100% 100%; width: 6.83rem; height: 4.24rem; display: block; position: relative; top: 50%; left: 50%; padding-top: .6rem; box-sizing: border-box; transform: translate(-50%, -50%); }

.main .pop .pop-address .btn-close { top: .25rem; right: .2rem; }

.main .pop .pop-tips, .main .pop .pop-tips2, .main .pop .pop-tips3 { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-tips.png") no-repeat; background-size: 100% 100%; width: 6.83rem; height: 4.24rem; display: block; position: relative; top: 50%; left: 50%; padding-top: .6rem; box-sizing: border-box; transform: translate(-50%, -50%); }

.main .pop .pop-tips .btn-close, .main .pop .pop-tips2 .btn-close, .main .pop .pop-tips3 .btn-close { top: .25rem; right: .2rem; }

.main .pop .pop-tips p, .main .pop .pop-tips2 p, .main .pop .pop-tips3 p { display: flex; align-items: center; justify-content: center; height: 3rem; color: #a2661a; font-size: .22rem; line-height: .3rem; padding: 0 .5rem; text-align: center; box-sizing: border-box; }

.main .pop .pop-tips3 { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-tips2_.png") no-repeat; background-size: 100% 100%; }

.main .pop .pop-tips2, .main .pop .pop-tips3 { padding-top: 1.3rem; }

.main .pop .pop-tips2 p, .main .pop .pop-tips3 p { font-size: .22rem; color: #a2661a; height: auto; }

.main .pop .pop-tips2 .p-address, .main .pop .pop-tips3 .p-address { color: #724f23; font-size: .28rem; font-weight: bold; margin: .3rem auto; }

.btn-close3 { position: absolute; z-index: 111; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-close3.png") no-repeat; background-size: 100% 100%; width: .41rem; height: .35rem; right: .2rem; top: .2rem; }

.main-frame { width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; }

.main-frame .module-top { height: 1.1rem; display: flex; align-items: center; }

.main-frame .m-t-info { margin-left: .2rem; line-height: .25rem; }

.main-frame .m-t-info span { display: block; }

.main-frame .m-t-info span:nth-child(1) { color: #f0e088; font-size: .18rem; text-align: center; }

.main-frame .m-t-info span:nth-child(2) { color: #f0e088; margin-top: .1rem; font-weight: bold; white-space: nowrap; font-size: .19rem; text-align: center; }

.main-frame .m-t-info span:nth-child(3) { color: #47d9e5; font-size: .16rem; }

.main-frame .logo { width: .9rem; height: .88rem; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/logo.png") no-repeat; background-size: 100% 100%; }

.main-frame .logo1 { width: .9rem; height: .88rem; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/logo1.png") no-repeat; background-size: 100% 100%; }

.main-frame .nav { display: block; width: .76rem; height: 100%; margin-left: .02rem; }

.main-frame .nav li { width: .76rem; height: 1.55rem; color: #72310e; margin-bottom: .02rem; display: flex; font-size: .2rem; padding-top: .1rem; box-sizing: border-box; align-items: center; flex-wrap: wrap; justify-content: center; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/nav-item-on4.png") no-repeat; background-size: 100% 100%; position: relative; flex-direction: column; }

.main-frame .nav li:last-child { margin-bottom: 0; }

.main-frame .nav li.on { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/nav-item-on.png") no-repeat; background-size: 100% 100%; width: .78rem; }

.main-frame .nav li.on span { font-size: .30rem; width: .4rem; line-height: .29rem !important; }

.main-frame .nav li.gray { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/nav-item-on3.png") no-repeat; background-size: 100% 100%; }

.main-frame .nav li.gray span { color: #555251; background: linear-gradient(to bottom, #555251, #555251); /* 将背景裁剪到文字，-webkit- 前缀用于兼容 Safari 等浏览器 */ -webkit-background-clip: text; box-sizing: border-box; background-clip: text; text-align: center; }

.main-frame .nav li.ing { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/nav-item.png") no-repeat; background-size: 100% 100%; }

.main-frame .nav li.ing span { color: #72310e; }

.main-frame .nav li span { width: .25rem; text-align: center; font-size: .26rem; /* 设置渐变背景，这里是从左到右的红到蓝渐变 */ color: #55331c; }

.main-frame .nav li span:nth-child(1) { line-height: .25rem; font-family: "temcemt_bold"; }

.main-frame .nav li span:nth-child(2) { font-size: .16rem; font-weight: bold; line-height: .2rem; margin-top: .05rem; width: 100%; }

.main-frame .module-info { display: flex; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/module-info.png") no-repeat; background-size: 100% 100%; width: 13.93rem; height: 6.27rem; }

.main-frame .module-box { width: 14.05rem; position: absolute; height: 7.3rem; left: 0; right: 0; margin: auto; top: 0; bottom: 0; margin: auto; }

.main-frame .module-box .module-title { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/module-title.png") no-repeat; background-size: 100% 100%; width: 10.99rem; height: .63rem; position: relative; }

.rank-nav { width: 100%; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/rank-nav.png") no-repeat; background-size: 100% 100%; height: .56rem; display: flex; }

.rank-nav li { font-size: .25rem; width: 25%; text-align: center; color: #744515; font-weight: bold; line-height: .56rem; }

.rank-nav li.act { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/rank-nav-act.png") no-repeat; background-size: 100% 100%; }

.module { width: 13.1rem; height: 100%; margin-left: .1rem; }

.module .module-item { width: 100%; height: 100%; }

.module .module-item.module-item1 .m1-item { display: flex; width: 100%; margin: .05rem auto 0; justify-content: space-between; }

.m1-item-left { width: 8.14rem; height: 5.14rem; }

.m1-item-right-top { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/m1-item-left.png") no-repeat; background-size: 100% 100%; width: 8.14rem; height: 5.61rem; padding-top: .6rem; box-sizing: border-box; display: block; position: relative; }

.m1-item-right-top .tips { font-family: "fzLang_gbk"; font-size: .18rem; text-align: center; width: 100%; position: absolute; color: #723316; bottom: -.35rem; }

.m1-item-right-top ul { height: 3.6rem; overflow-y: auto; position: absolute; right: 0; }

.m1-item-right-top .m1-item-right-bottom { padding-top: .2rem; box-sizing: border-box; position: absolute; bottom: .4rem; }

.m1-item-right-top li, .m1-item-right-top .my-ranking { width: 7.65rem; height: .7rem; border-bottom: .01rem solid #f1b75b; color: #a96231; display: flex; margin-bottom: .01rem; align-items: center; }

.m1-item-right-top li .ordinal, .m1-item-right-top .my-ranking .ordinal { width: .58rem; height: .33rem; text-align: center; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/ordinal4.png") no-repeat; background-size: 100% 100%; display: block; font-weight: bold; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-size: .2rem; text-shadow: .01rem 0 black; display: flex; align-items: center; justify-content: center; }

.m1-item-right-top li .numberEliminations, .m1-item-right-top .my-ranking .numberEliminations { transform: translateX(-0.05rem); }

.m1-item-right-top li .trophy, .m1-item-right-top .my-ranking .trophy { width: 1.25rem; font-size: .2rem; text-align: center; display: block; }

.m1-item-right-top li .trophy.gold, .m1-item-right-top .my-ranking .trophy.gold { width: 1.35rem; }

.m1-item-right-top li .trophy.copper, .m1-item-right-top .my-ranking .trophy.copper { width: 1.25rem; }

.m1-item-right-top li .numberEliminations, .m1-item-right-top .my-ranking .numberEliminations { font-size: .2rem; text-align: center; width: .9rem; }

.m1-item-right-top li .user-info, .m1-item-right-top .my-ranking .user-info { display: flex; margin-left: .25rem; font-family: "fzLang_gbk"; height: 100%; width: 1rem; font-size: .2rem; align-items: center; width: 2.6rem; }

.m1-item-right-top li .user-info .icon, .m1-item-right-top .my-ranking .user-info .icon { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/icon.png") no-repeat; background-size: 100% 100%; width: .16rem; height: .17rem; position: relative; display: block; margin-left: .1rem; }

.m1-item-right-top li .user-info .icon-txt, .m1-item-right-top .my-ranking .user-info .icon-txt { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/icon-txt.png") no-repeat; background-size: 100% 100%; min-width: 2.2rem; height: .45rem; color: #ffefb1; display: flex; line-height: .16rem; justify-content: center; position: absolute; left: 0.08rem; bottom: 0.1rem; transition: 1s; font-size: 0; width: 2.43rem; height: .4rem; display: none; }

.m1-item-right-top li .user-info .user-info-detail > span:nth-child(1), .m1-item-right-top .my-ranking .user-info .user-info-detail > span:nth-child(1) { width: 1.6rem; overflow: hidden; color: #724f23; font-weight: bold; display: block; text-overflow: ellipsis; white-space: nowrap; line-height: .25rem; }

.m1-item-right-top li .user-info .user-info-detail div, .m1-item-right-top .my-ranking .user-info .user-info-detail div { font-size: .18rem; display: flex; align-items: center; line-height: .15rem; color: #a0671a; }

.m1-item-right-top li .user-info .user-info-detail div span, .m1-item-right-top .my-ranking .user-info .user-info-detail div span { line-height: .1rem; }

.m1-item-right-top li .user-info img, .m1-item-right-top .my-ranking .user-info img { border-radius: 50%; width: .5rem; height: .5rem; margin-right: .1rem; display: block; border: .02rem solid #000000; }

.m1-item-right-top li:nth-child(1) .ordinal, .m1-item-right-top .my-ranking:nth-child(1) .ordinal { width: .58rem; height: .33rem; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/ordinal1.png") no-repeat; background-size: 100% 100%; }

.m1-item-right-top li:nth-child(2) .ordinal, .m1-item-right-top .my-ranking:nth-child(2) .ordinal { width: .58rem; height: .33rem; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/ordinal2.png") no-repeat; background-size: 100% 100%; }

.m1-item-right-top li:nth-child(3) .ordinal, .m1-item-right-top .my-ranking:nth-child(3) .ordinal { width: .58rem; height: .33rem; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/ordinal3.png") no-repeat; background-size: 100% 100%; }

.m1-item-right-top .my-ranking { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/my-ranking.png") no-repeat !important; background-size: 100% 100% !important; color: #92572e !important; height: .73rem; width: 8.12rem; padding-left: .45rem; box-sizing: border-box; margin: .06rem auto 0 !important; margin: auto; }

.m1-item-right-top .my-ranking .ordinal { color: #fff; font-size: .2rem; display: flex; align-items: center; justify-content: center; }

.m1-item-right-top .my-ranking .ordinal.on { color: #a26f26; font-size: .155rem; font-weight: 100; padding-left: .15rem; box-sizing: border-box; background: none !important; }

.m1-item-right-top .btn-rule { position: absolute; background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-role.png") no-repeat; background-size: 100% 100%; width: 1.98rem; height: .4rem; display: block; top: .1rem; left: .5rem; }

.h5 { display: none !important; }

.m1-item-right { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/m1-item-right.png") no-repeat; background-size: 100% 100%; width: 4.81rem; position: relative; height: 5.63rem; }

.m1-item-right .m1-txt { color: #be4819; font-size: .22rem; line-height: .25rem; margin-bottom: .5rem; text-align: center; }

.m1-item-right .m1-b-box { width: 4.3rem; display: flex; margin: .15rem auto 0; justify-content: center; }

.m1-item-right .m1-b-box.bottom { justify-content: space-between; position: absolute; margin: auto; left: 0; right: 0; bottom: .3rem; }

.m1-item-right .tips2 { color: #0086a3; text-align: center; font-size: .16rem; }

.m1-item-right .tips1 { font-size: .14rem; color: #a0671a; text-align: center; line-height: .2rem; padding: 0 0.3rem; margin-top: .1rem; }

.m1-item-right .btn-ck-gd { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-ck-gd.png") no-repeat; background-size: 100% 100%; width: 2.9rem; height: .46rem; display: block; }

.m1-item-right .btn-lq-ch { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-lq-ch.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .47rem; display: block; }

.m1-item-right .btn-lq-ch.on { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-lq-ch-act.png") no-repeat; background-size: 100% 100%; pointer-events: none; }

.m1-item-right .btn-cs-cc { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-cs-cc.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .46rem; display: block; }

.m1-item-right .btn-yq-hy { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-yq-hy.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .46rem; display: block; }

.m1-item-right .m1-task-box { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/m1-task-box.png") no-repeat; background-size: 100% 100%; width: 4.53rem; height: 1.14rem; margin: .1rem auto 0; display: flex; position: relative; align-items: center; }

.m1-item-right .m1-task-box .award-box { width: 1rem; height: 100%; text-align: center; }

.m1-item-right .m1-task-box .award-box img { transform: translateY(0.05rem); margin: auto; display: block; height: 1rem; }

.m1-item-right .m1-task-box .award-txt { color: #724f23; font-size: .2rem; margin-left: .1rem; }

.m1-item-right .m1-task-box .btn-wc { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-wc.png") no-repeat; background-size: 100% 100%; width: 1.03rem; height: .37rem; position: absolute; top: 0; bottom: 0; right: .2rem; display: block; margin: auto; }

.m1-item-right .m1-task-box .btn-wc.no { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-wc-no.png") no-repeat; background-size: 100% 100%; }

.m1-item-right .m1-task-box .btn-wc.act { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/btn-wc-act.png") no-repeat; background-size: 100% 100%; }

.m1-item-right .m1-ch { font-size: .3rem; font-family: "temcemt_bold"; /* 设置渐变背景，这里是从左到右的红到蓝渐变 */ background: linear-gradient(to bottom, #4d2204, #a4681a); /* 将背景裁剪到文字，-webkit- 前缀用于兼容 Safari 等浏览器 */ -webkit-background-clip: text; padding-top: .03rem; box-sizing: border-box; background-clip: text; text-align: center; /* 让文字颜色透明，这样就能显示出渐变背景 */ -webkit-text-fill-color: transparent; text-fill-color: transparent; margin-bottom: .25rem; height: .8rem; line-height: .8rem; }

@font-face { font-family: "temcemt_bold"; src: url("//game.gtimg.cn/images/gp/act/a20250714rank/font/temcemt_bold.ttf"); }

@font-face { font-family: "fzLang_gbk"; src: url("//game.gtimg.cn/images/gp/act/a20250714rank/font/fzLangt_gbk.ttf"); }

@font-face { font-family: "tttgb"; src: url("//game.gtimg.cn/images/gp/act/a20250714rank/font/tttgb.ttf"); }

::-webkit-scrollbar { display: none; }

.portrait { display: none; }

.login { display: none; }

.foot-btn { position: relative; z-index: 11; display: flex; flex-wrap: wrap; font-size: .187rem; }

.foot-btn a { color: #c3ff1f; width: 100%; }

.icon { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/icon.png") no-repeat; background-size: 100% 100%; width: .16rem; height: .17rem; position: relative; display: block; margin-left: .1rem; }

.icon-txt { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/icon-txt1.png") no-repeat; background-size: 100% 100%; min-width: 2.2rem; height: .45rem; color: #ffefb1; display: flex; line-height: .16rem; justify-content: center; font-size: .13rem; position: absolute; left: .25rem; bottom: -.08rem; transition: 1s; padding: .12rem; box-sizing: border-box; padding-left: .2rem; padding-top: .05rem; box-sizing: border-box; display: none; }

.m1-ch-logo { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/m1-ch-logo.png") no-repeat; background-size: 100% 100%; width: 4.12rem; height: .9rem; font-weight: bold; display: block; margin: auto; color: #ffea9f; text-shadow: .01rem 0 black; padding-top: .11rem; padding-left: .2rem; box-sizing: border-box; font-size: .18rem; text-align: center; margin-bottom: .2rem; line-height: .62rem; }

.pop-open-game { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop_logo.png") no-repeat; background-size: 100% 100%; width: 4.53rem; height: 2.54rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-top: 1.2rem; box-sizing: border-box; font-size: .18rem; color: #a2661a; }

.pop-open-game p { line-height: .25rem; text-align: center; }

.pop-open-game .btn-go-game { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop_login_go.png") no-repeat; background-size: 100% 100%; width: 1.97rem; height: .46rem; position: absolute; bottom: .15rem; left: 0; right: 0; margin: auto; }

.m1-tips { font-size: .17rem; display: flex; padding: 0 .2rem; justify-content: space-between; position: absolute; bottom: .05rem; width: 100%; font-weight: bold; box-sizing: border-box; }

.m1-tips .m1-tips-w { color: #7c5024; }

.m1-tips .m1-tips-b { color: #7c5024; }

.m1-tips3 { width: 100%; text-align: center; font-size: .22rem; margin-bottom: .1rem; color: #be4819; }

.pop-finishes { background: url("//game.gtimg.cn/images/gp/act/a20250714rank/pop-finishes.png") no-repeat; background-size: 100% 100%; width: 4.53rem; height: 2.54rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.finishes-txt { font-size: .18rem; color: #a2661a; height: 1.78rem; position: absolute; bottom: 0; text-align: center; line-height: .25rem; left: 0; justify-content: center; display: flex; align-items: center; width: 100%; }

@media all and (orientation: portrait) { html, body { position: relative; overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; }
  html::before { content: ""; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #333; z-index: 99999; }
  html::after { content: "为了更好的体验，请将手机横过来"; position: absolute; top: 50%; left: 0; height: 30px; width: 100%; margin-top: 30px; z-index: 99999; text-align: center; font-size: 16px; color: #fff; }
  body::before { content: ""; position: absolute; z-index: 99999; height: 200px; width: 100px; left: 50%; top: 50%; margin: -160px 0 0 -50px; color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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"); background-repeat: no-repeat; background-position: center center; background-size: 100px auto; } }

.pop-ch-tit { font-size: .3rem; text-align: center; font-family: 'temcemt_bold'; }