html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0}
a,img,input {border:none; outline: none;-webkit-tap-highlight-color: transparent;}
em {font-style: normal;}
body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing: border-box;
/* padding:
constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left); /* 兼容 iOS < 11.2 */
/* padding:
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left); /* 兼容 iOS >= 11.2 */
}
:root {
--scale:1;
--font-size: calc(100 / 2560 * 100vw);
--uvh:100vh;
}
a {text-decoration:none;}
ul,li{list-style: none}
@font-face {
font-family: "font_en";
src: url(fonts/condensed-regular.ttf);
}
@font-face {
font-family: "font_en_bold";
src: url(fonts/condensed-bold.ttf);
}
body {background:#0f171b;font-family: "font_en",-apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color: #2e2e2e;}
/* .spr,.video-list li::after,.demo-popup h3::before,.filter>h5,.filter li.selected,.ranking-nav li.current {background: url(//game.gtimg.cn/images/aqtw/act/a20230427patroller/spr.png) no-repeat 0 0/7rem 6.3rem;} */
body{width: 100%;font-size: 0.24rem;}
@media all and (orientation : landscape ) and (min-width:480px) and (min-aspect-ratio: 750/600){
html,body { position: relative !important;; 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; }
body::after {content: "For a better experience, hold your phone vertically."; text-align:center; font-size:16px; color:#fff; position:absolute; top:50%; left:0; height:30px; width:100%; margin-top:50px; z-index:99999; }
body::before { content: "";position:absolute; z-index:99999; height:200px; width:100px; left:50%; top:50%; margin:-140px 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; transform:rotateZ(-90deg);}
.EN::after{content: 'For a better experience, hold your phone vertically.';}
.ES::after{content: 'Para mejorar la experiencia, sujeta el teléfono en posición vertical.';}
.JA::after{content: '見やすくするためには、スマートフォンを縦に持ってください。';}
.PT::after{content: 'Para obter uma experiência melhor, segure seu telefone na vertical.';}
.IT::after{content: "Per un'esperienza di gioco migliore, tieni il dispositivo in posizione verticale.";}
.FR::after{content: "Pour une meilleure expérience, veuillez tenir votre téléphone à la verticale.";}
.DE::after{content: "Halte dein Smartphone senkrecht, um das Spielerlebnis zu verbessern.";}
.ID::after{content: 'Untuk pengalaman yang lebih baik, pegang ponselmu secara vertikal.';}
.KO::after{content: '더 나은 게임 경험을 위해 휴대전화를 세로화면으로 변경해주세요.';}
.TR::after{content: 'Daha iyi bir deneyim için telefonunu dikey olarak tut';}
.RU::after{content: 'Держите телефон вертикально, чтобы вам было удобнее.';}
.AR::after{content: 'للحصول على تجربة أفضل، أمسك هاتفك بشكل عمودي.'; direction: rtl;}
.TH::after{content: 'โปรดถือมือถือของคุณในแนวตั้งเพื่อประสบการณ์ที่ดียิ่งขึ้น';}
.VI::after{content: 'Để có trải nghiệm tốt hơn, hãy cầm dọc điện thoại.';}
.ZH-HK::after{content: '為了更好的體驗，請將手機豎起來';}
.ZH-HANT::after{content: '為了良好的遊戲體驗，請以直式螢幕遊玩';}
}
.wrap { height: var(--vh); width: 100vw; overflow: hidden; overflow-y: auto; box-sizing: border-box; padding: 1.5rem 0.3rem 1.68rem;}
.btn {display: flex; width: 4.61rem; height: 1.23rem; background:url(../img/icon4.png) no-repeat 0 50%/auto 80%,url(../img/btn.png) no-repeat 0 0/100% 100%; justify-content: center; align-items: center; text-align: center; font-size: 0.32rem; color: #000; line-height: 1; box-sizing: border-box; }
.btn1::before {display: inline-block; content: ''; width: 0.29rem; height: 0.35rem; background: url(../img/icon2.png) no-repeat 0 0/100%; margin-right: 0.1rem;}
.btn-none {opacity: 0; pointer-events: none; margin: 0;}
.btn2 {display: flex; width: 1.44rem; height: 0.43rem; background: url(../img/btn2.png) no-repeat 0 0/1.44rem auto,url(../img/btn2_hover.png) no-repeat 0 0/1.44rem auto; align-items: center; justify-content: center; font-size: 0.18rem; color: #000000;}
.btn2:hover {background: url(../img/btn2_hover.png) no-repeat 0 0/1.44rem auto; color: #ffffff;}
.btn3,.btn4 {width: 2.75rem; height: 0.67rem; background:url(../img/btn3.png) no-repeat 0 0/100%;font-size: 0.28rem; color: #000; padding:0 0.1rem 0.03rem; text-align: center; line-height: 1;}
.btn3 {color: #fff;}
.btn4 {filter: grayscale(1);}
._nav_ {background: #000;}
header {height: 1.68rem; width: 100%; background: #1a1b1d; position: fixed; bottom: 0; left: 0; z-index: 666;}
header>h1 {text-indent: -9999rem; position: absolute; pointer-events: none;}
header>ul {width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; font-size: 0.4rem;font-family: 'font_en'; font-weight: bold; gap: 0.7rem;}
header li {text-transform: uppercase; padding: 0 0.3rem; height: 0.64rem; display: flex; align-items: center; position: relative;}
header li a {color: #708392;}
header ul a::before {content: ''; display: block;height: 0.38rem; background: url(../img/m/icon_store.png) no-repeat 50% 0/auto 0.38rem;}
header li:nth-of-type(2) a::before {background-image: url(../img/m/icon_mine.png)}
header li:nth-of-type(3) a::before {background-image: url(../img/m/icon_fq.png)}
header li:nth-of-type(4) a::before {background-image: url(../img/m/icon_report.png)}
header li.current,header li.current a {color: #ff6921;}
header li:nth-of-type(1).current a::before {background-image: url(../img/m/icon_store_hl.png);}
header li:nth-of-type(2).current a::before {background-image: url(../img/m/icon_mine_hl.png);}
.content {width: 100%; margin:0 auto; position: relative;}
.box {background: url(../img/line.jpg) repeat-x 0 0/0.05rem 0.05rem,url(../img/line.jpg) repeat-x 0 100%/0.05rem 0.05rem,url(../img/line.jpg) repeat-y 0 0/0.05rem 0.05rem,#1d2023 url(../img/line.jpg) repeat-y 100% 0/0.05rem 0.05rem; padding: 0.05rem; position: relative; box-sizing: border-box; min-height: 1rem;}
.box::before {content: ''; width: 100%; height: 0.2rem; background: url(../img/corner.png) no-repeat 0 0/1.59rem 0.86rem,url(../img/corner.png) no-repeat 100% -0.66rem/1.59rem 0.86rem; position: absolute; left: 0; top: 0; pointer-events: none; z-index: 0;}
.box::after {content: ''; width: 100%; height: 0.2rem; background: url(../img/corner.png) no-repeat 0 -0.22rem/1.59rem 0.86rem,url(../img/corner.png) no-repeat 100% -0.44rem/1.59rem 0.86rem; position: absolute; left: 0; bottom: 0;pointer-events: none; z-index: 0;}
.scrollbar {user-select: none;}
.scrollbar::-webkit-scrollbar {
width: 0.15rem; /* 设置纵轴(y轴)轴滚动条 */
height: 0.15rem; /* 设置横轴(x轴)轴滚动条 */
padding: 0.15rem; box-sizing: border-box;
}
.scrollbar::-webkit-scrollbar-thumb {
margin: 0 0.05rem;
/* box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); */
/* border: 0.04rem solid #232b2c; */
background: #5c6770;
border-radius: 0.02rem;
}
.scrollbar::-webkit-scrollbar-track{
border-radius: 0;
/* box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); */
background: #1c1e21;
}
.scrollbar::-webkit-scrollbar-corner{background: #1c1e21; }
.store-title {height: 1rem; padding-top: 0.3rem; display: flex; align-items: center; font-size: 0.42rem; color: #708392;}
.store-title::before {content: ''; width: 0.44rem; height: 0.44rem; background: url(../img/m/title_icon1.png) no-repeat 50% 0/auto 0.44rem; margin-right: 0.1rem;}
.store-title.str21::before {background-image: url(../img/m/title_icon2.png);}
.store-index .store-index {display: flex; flex-wrap: wrap; justify-content: space-between;}
.check-btn {width: 2.04rem; height: 0.77rem; margin-top: 0.3rem; font-size: 0.34rem; font-weight: bold; padding: 0 0.2rem; box-sizing: border-box;}
.check-in-date {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 0.6rem; box-sizing: border-box; border: 0.01rem solid #c44f34; background: url(../img/twill.png) repeat 0 0/1.09rem 1.09rem; padding-right: 0.25rem; color: #ea6f34; font-size: 0.34rem;}
.check-in-date::before {content: ''; width: 0.02rem; height: 100%; border-left: 0.1rem solid #ea6f34; border-right: 0.02rem solid #ca4d31; overflow: hidden; margin-right: 0.25rem;}
.check-in-date h4 {flex: auto; font-size: 0.4rem; color: #aac6ca; font-weight: initial;}
.daily-gift {border: 0.04rem solid #424a53; background: #1d2023; box-sizing: border-box; width: 100%; justify-content: center; gap: 0.12rem; padding: 0.26rem 0; margin: 0.3rem auto 0;}
.daily-gift li {width: 1.28rem; text-align: center;}
.gift li>span {margin: 0.2rem auto 0; font-size: 0.26rem; color: #708392; line-height: 1.2; display: block;}
.gift {display: flex;}
.gift li>div,.days-gift .gift li:nth-of-type(3)>div div {width: 1.28rem; height: 1.28rem; background: url(../img/m/box3.png) no-repeat 0 0/1.28rem 2.6rem; margin: 0 auto; position: relative; color: #aac6ca;}
.gift li>div img {display: block; width: 100%; height: 100%; object-fit: contain; padding: 0.07rem; box-sizing: border-box;}
.gift li>div span {position: absolute; bottom: 0.05rem; right: 0.1rem; font-size: 0.24rem; line-height: 1.1; text-align: right;}
.gift li.checked div {background-position: 0 -1.32rem!important; color: #ea6f34!important;}
.week-gift {width: 3.38rem; height: 2.72rem; margin-top: 0.2rem;}
.week-gift h3,.days-gift h3 {display: flex; width: 100%; font-size: 0.35rem; color: #aac6ca; font-weight: normal; line-height: 1.2; padding-top: 0.1rem;}
.week-gift h3 span,.days-gift h3 span {color: #ca4d31; display: inline-block; padding: 0 0.1rem;}
.days-gift h3 span {padding-right: 0;}
.week-gift h3::before,.days-gift h3::before {content: ''; width: 0.08rem; height: 0.42rem; background: #ae4033; margin:0 0.1rem 0 0.25rem;}
.week-gift .gift {width: 100%; justify-content: center; gap: 0.12rem; align-items: center; padding-top: 0.1rem;}
.days-gift {width: 6.75rem; height: 2.72rem; margin-top: 0.2rem;}
.days-gift .gift {width: 100%;justify-content: center; padding-right: 0.2rem; margin-top: 0.1rem;}
.days-gift .gift li {width: 1.5rem; text-align: center; height: 1.84rem; box-sizing: border-box;}
.days-gift .gift li>span {margin-top: 0.1rem; line-height: 1; font-size: 0.24rem;}
.days-gift .gift li:nth-of-type(3) {justify-content: center; gap: 0.3rem; align-items: center; width: 3.1rem; border: 0.02rem solid #3e454d; padding-top: 0.1rem; margin-left: 0.1rem;}
.days-gift .gift li:nth-of-type(3)>div {display: flex; width: 3.1rem; height: 1.28rem; background: none; box-sizing: border-box;}
/* .days-gift .gift li:nth-of-type(3)>div div {position: relative;width: 2.52rem; height: 1.75rem;} */
.days-gift .btn{font-size: 0.35rem; width: 2.5rem; height: 0.6rem; margin: 0.1rem auto 0;}
.EN .days-gift>span {width:3.5rem;}
.daily-Shop {width: 100%; display: flex; padding: 0.28rem; justify-content: space-between; flex-wrap: wrap;}
.daily-Shop>img {display: block; width: 9.6rem; height: 5.06rem; box-sizing: border-box; border: 0.01rem solid #494f56;}
.daily-Shop>div {width: 100%; display: flex;justify-content: space-between; align-items: center; padding-bottom: 0.2rem;}
.daily-Shop h3 {text-align: center; font-size: 0.33rem; color: #ca4d31;}
.daily-Shop h3 span {background: #ca4d31; color: #1a1b1d; padding: 0 0.2rem;}
.daily-Shop p {text-align: center; font-size: 0.3rem; color: #6a7c8b;line-height: 1.1;}
.daily-Shop p strong {color: #ea6f34; font-weight: normal; margin-left: 0.1rem; white-space: nowrap;}
.daily-Shop .btn {margin: 0.4rem auto 0; width: 9.6rem; height: 1.08rem; font-size: 0.5rem; font-weight: bold;}
.temporary-store-top {height: 4.8rem; width: 10.2rem; background: url(../img/m/store_header.jpg) no-repeat 50% 0/100% auto; display: flex; flex-direction: column; justify-content: space-between; position: relative; margin-top: 0.2rem;}
.temporary-store-top h3 {background: #1a1b1d; height: 1.23rem!important; border-radius: 0.5rem 0.5rem 0 0; display: flex; align-items: center; font-size: 0.43rem; color: #ca4d31;}
.temporary-store-top h3::before {content: ''; width: 0.45rem; height: 0.45rem; background: url(../img/icon12.png) no-repeat 0 0/100% 100%; margin: 0 0.05rem 0 0.25rem;}
.temporary-store-top p {flex: auto; display: flex; justify-content: flex-end; align-items: flex-end; padding: 0 0.4rem 0.2rem 0; font-size: 0.28rem; color: #6a7c8b; line-height: 1;}
.temporary-store-top p span {font-size: 0.57rem; color: #ea6f34; line-height: 1; margin-left: 0.1rem; font-weight: bold;}
.help-btn {position: absolute; right: 0.6rem; bottom: 0.3rem; display: block; width: 0.59rem; height: 0.53rem; background: url(../img/icon11.png) no-repeat 0 0/100% 100%; overflow: hidden; text-indent: -9999rem;}
.temporary-store-top .btn {margin: 2.4rem 0 0 7rem; width: 3.03rem; height: 0.85rem; font-size: 0.37rem; line-height: 0.8;}
.temporary-store-list {background: #151617; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.18rem; padding-bottom: 0.3rem;}
.temporary-store-list li {width: 5.01rem; height: 3.58rem; background: url(../img/m/box4.jpg) no-repeat 0 0/100% 100%; box-sizing: border-box; padding: 0.15rem; position: relative; cursor: pointer;}
.temporary-store-list h4 {line-height: 0.3rem; color: #aac6ca; font-size: 0.34rem;}
.temporary-store-list li>strong {color: #708392; font-size: 0.26rem;}
.temporary-store-list li>strong>span {color: #ea6f34;}
.temporary-store-list li>img {display: block; width: 4.5rem; height: 1.8rem; object-fit: contain; padding: 0.2rem 0 0.2rem 0.2rem; box-sizing: border-box;}
.temporary-store-list li>div {position: absolute; bottom: 0.15rem; right: 0.15rem; display: flex;}
.temporary-store-list li>div>div {width: 0.76rem; height: 0.76rem; position: relative; background: #181818; border: 0.01rem solid #404750;}
.temporary-store-list li>div>div span {position: absolute; bottom: 0; right: 0.05rem; line-height: 1.2; font-size: 0.2rem; color: #708392;}
.temporary-store-list li>div>div img {display: block; width: 100%; height: 100%; object-fit: contain; box-sizing: border-box; padding: 0.12rem;}
/* .store-index .store-details,.store-details .store-index {display: none!important;}
.store-details .store-details {display: block!important;} */
.store-details {width: 10.2rem; margin: 0 auto;}
.mine {padding-top: calc(1.5rem + var(--userh) + var(--levelh) + var(--totalh) - 1.5rem);background: url(../img/m/bg2.png) no-repeat 50% 2rem/10.2rem auto;}
.user-info {display: flex; flex-direction: column; width: 10.2rem; height: 1.75rem; flex-wrap: wrap; align-content: flex-start; padding: 0.3rem 0.3rem 1.8rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 10;}
.avatar {width: 1.75rem; height: 1.75rem; box-sizing: border-box; border: 1px solid #464e56; display: flex; justify-content: center; align-items: center; margin:0 0.3rem;}
.avatar img {width: 1.65rem; height: 1.65rem;display: block;}
.user-info p {font-size: 0.28rem; color: #708392; line-height: 1.7;}
.user-info p:nth-of-type(1) {font-size: 0.42rem; font-weight: bold; color: #aac6ca;}
.user-info p strong {font-weight: normal; margin-right: 0.3rem;}
/* .user-info p>span {font-size: 0.35rem; color: #708392;} */
.user-info>a {font-size: 0.4rem; color: #aac6ca; height: 0.45rem; line-height: 0.45rem; margin-top: 0.3rem; background: url(../img/icon5.png) no-repeat 0 50%/0.42rem 0.45rem; text-indent: 0.5rem; display: inline-block; width: 3rem; white-space: nowrap;}
.info-fixed .user-info {position: fixed; top: 1.5rem; /*padding: 1rem 0 0.3rem;*/ background: url(../img/m/user_bg.jpg) no-repeat 50% 100%/10.8rem 5.78rem;transition: top 0.3s;}
.info-fixed .user-data-total {transform: translateY(-100%); transition: transform 0.3s;}
.level {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;z-index: 10; transform: translateY(-0.3rem);}
.mine>.level {position: absolute; top: calc(var(--userh) - 1.5rem);z-index: 10;}
.level>img {display: block; width: 2.02rem; height:2.02rem; object-fit: contain; margin: 0 auto; box-sizing: border-box; }
.level>strong {display: inline-block; white-space: nowrap; height: 0.55rem; line-height: 0.55rem; margin: 0.1rem auto; color: #aac6ca; font-weight: normal; background: #151617; position: relative;}
.level>strong::before,.level>strong::after {content: ''; display: block; width: 0.59rem; height: 0.55rem; background: url(../img/level_bg2.png) no-repeat 0 0/100% 100%; position: absolute; top: 0; right: -0.58rem; pointer-events: none;}
.level>strong::before {left: -0.58rem; transform: rotate(-180deg);}
.level>span {display: inline-flex;align-items: center; height: 0.3rem; line-height: 1; font-size: 0.26rem;color: #fff; padding-bottom: 0.1rem;}
.level>span>img {display: none; width: 0.3rem; height: 0.3rem; object-fit: contain; box-sizing: border-box; padding: 0.02rem;}
.level>span>img:nth-child(1),.level>span.star3>img:nth-child(-n+3),.level>span.star4>img:nth-child(-n+4),.level>span.star5>img:nth-child(-n+5) {display: inline-block;}
.level>span.star3>img:nth-child(1),.level>span.star3>img:nth-child(3){transform: translateY(-30%);}
.level>span.star4>img:nth-child(1),.level>span.star4>img:nth-child(4){transform: translateY(-30%);}
.level>span.star5>img:nth-child(1),.level>span.star5>img:nth-child(5){transform: translateY(-90%);}
.level>span.star5>img:nth-child(2),.level>span.star5>img:nth-child(4){transform: translateY(-30%);}
.user-data-total {display: flex; padding: 0 0 0.2rem; flex-wrap: wrap; justify-content: center; position: absolute; top: calc(var(--userh) + var(--levelh) - 1.5rem); width: 100%;}
.user-data-total li {display: flex; flex-direction: column-reverse; text-align: center; flex: 33%; border-right: 0.01rem solid #424a53; color: #708392; font-size: 0.28rem; margin: 0.18rem 0; line-height: 1.3;}
.user-data-total li strong {color: #ca4d31; font-size: 0.87rem;}
.user-data-total li:nth-of-type(3n) {border: none;}
.user-data-nav {width: 10.2rem; margin: 0 auto; display: flex; background: #1a1b1d;border-radius: 0.2rem 0.2rem 0 0; position: absolute;top: calc(var(--userh) + var(--levelh) + var(--totalh) - 1.5rem); z-index: 11; left: 50%; transform: translateX(-50%); /*border-bottom: 0.2rem solid #151617;*/ border-top: 0.01rem solid #262b34;}
.info-fixed .user-data-nav {position: fixed;top: calc(var(--userh));width: 10.2rem;}
.user-data-nav li {padding: 0 0.7rem; height: 1.5rem; display: flex; align-items: center; box-sizing: border-box; font-size: 0.4rem; color: #708392;border-bottom: 0.04rem solid rgba(0, 0, 0, 0); cursor: pointer; font-weight: bold;flex: 1;}
.user-data-nav li.current {border-bottom: 0.04rem solid #ae4033; color: #ae4033;}
.user-data-content {display: none; padding:0.4rem 0; overflow: hidden; background: #151617;}
/* .info-fixed .user-data-content {overflow-y: auto;} */
.record {width: 10.2rem; min-height: 5rem; padding: 0.1rem 0; margin: 0 auto; box-sizing: border-box;}
.data-list {display: flex; flex-direction: column; gap: 0.12rem; width: 100%; overflow: hidden; overflow-X: auto;border: 0.02rem solid #424a53; box-sizing: border-box;}
/* .info-fixed .data-list {display: flex; flex-direction: column; gap: 0.12rem; width: 100%; overflow: auto;} */
.data-list li {height: 1.54rem; width: 300%; border: 0.02rem solid #424a53; border-width: 0.02rem 0; background: #1d2023 url(../img/icon4.png) no-repeat 0.08rem 50%/1.55rem 0.96rem; display: flex; box-sizing: border-box; align-items: center; justify-content: space-between; color: #708392; font-size: 0.32rem; line-height: 1.2;}
.data-list li:nth-of-type(1) {background-color: #15171a; border-top: none;}
.data-list li:nth-last-of-type(1) {border-bottom: none;}
.data-list li:nth-of-type(1)>div {font-size: 0.4rem; color: #aac6ca; line-height: 1.2;}
.data-list li:nth-of-type(1)>div::before {content: initial!important;}
.data-list li>div {flex: 1; text-align: center; height: 1rem; display: flex; justify-content: center; align-items: center; position: relative;}
.data-list li>div::after {content: ''; display: block; width: 0.02rem; height: 0.4rem; background: #3e454d; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.data-list li>div:nth-last-of-type(1)::after {content: initial}
.data-list li>div:nth-of-type(2)::before {display: inline-block; width: 0.55rem; height: 0.55rem; background: url(../img/icon3.png) no-repeat 0 0/100% 100%; content: ''; margin-right: 0.05rem;}
.failure::before,.success::before {display: inline-block; width: 0.48rem; height: 0.48rem; background: url(../img/icon2.png) no-repeat 50% 50%/0.46rem 0.48rem; content: ''; margin-right: 0.05rem;}
.success::before {background: url(../img/icon1.png) no-repeat 50% 50%/0.47rem 0.47rem; color: #34c644;}
.pager {display: flex; justify-content: center; gap: 0.3rem; color: #708392; padding-top: 0.2rem;}
.pager a {color: #ae4033; font-weight: bold;}
.pager a.disabled {filter: grayscale(1); pointer-events: none;}
.filter {padding: 0 0 0.2rem; display: flex; gap: 0.2rem;}
.career,.asset,.modify-index,.modify-details {width: 10.2rem; margin: 0 auto;}
.career-content {width: 100%;}
.career-data1 {width: 9.74rem; display: flex; margin: 0.2rem auto 0; border: 1px solid #414952; padding: 0.4rem 0;}
.career-data1 .level {transform: initial; flex: 4rem; height: 5.3rem; align-items: center; z-index: initial;}
.career-data1 .level>img {width: 100%; height: 2.76rem; padding: 0;}
.career-data1 .level>strong {font-size: 0.4rem; line-height: 1.2; margin: 0.23rem auto 0.33rem; height: 0.55rem; display: inline-flex; align-items: center;}
.career-data1 .level>strong>img {display: inline-block; width: 0.4rem; height: 0.4rem; object-fit: contain; box-sizing: border-box; padding: 0.02rem;}
/* .career-data1 .level>span {display: inline-block; height: 1.17rem; line-height: 1.17rem; color: #aac6ca; font-size: 0.48rem; background: url(../img/level_bg3.png) no-repeat 0 0/100% 1.17rem; min-width: 4rem; text-align: center;} */
.radar-chart {width: 5.3rem; height: 5.3rem; box-sizing: border-box; border-right: 0.02rem dashed #424a53; display: flex; align-items: center;}
.career-data2 {width: 10.2rem; flex: none; padding: 0.3rem 0;}
.career-data2 .filter {padding: 0 0.2rem 0.2rem; justify-content: space-between;}
.career-data2 ul {width: 9.74rem; height: 4rem; border: 1px solid #414952; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-end; margin: 0 auto;}
.career-data2 li {height: 2rem; width: 2.2rem; border-left: 1px solid #414952; box-sizing: border-box; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; text-align: center; color: #708392; font-size: 0.28rem; line-height: 1.2;}
.career-data2 li strong {font-size: 0.46rem; color: #aac6ca; padding-top: 0.35rem;}
.career-data2 li span {padding: 0 0.1rem; display: block; min-height: 0.7rem;}
.career-data2 li:nth-of-type(1) {height: 4rem; width: 3.06rem; border-left: none;}
.career-data2 li:nth-of-type(1)>strong {font-size: 0.9rem; color: #ca4d31;}
.career-data2 li:nth-last-of-type(2n) {border-bottom: 1px solid #414952;}
.career-data3 {width: 10.2rem; padding-bottom: 0.2rem; flex: none; position: relative; margin: 0.2rem auto 0;}
.career-data3 h3 {font-size: 0.4rem; color: #aac6ca; display: flex; align-items: center; width: 9.74rem; margin: 0 auto; border-bottom: 0.02rem solid #1a1b1d; padding-top: 0.1rem;}
.career-data3 h3::before {content: ''; display: inline-block; height: 0.45rem; width: 0.04rem; overflow: hidden; background: #ca4d31; margin-right: 0.1rem;}
.more-btn {position: absolute; top: 0.1rem; right: 0.3rem; display: inline-flex; font-size: 0.28rem; color: #708392; height: 0.75rem; align-items: center;}
.more-btn::after {content: ''; width: 0.15rem; height: 0.15rem; border-top: 0.04rem solid #708392;border-right: 0.04rem solid #708392; transform: rotate(45deg);}
.recent {width: 9.74rem; margin: 0.32rem auto 0;border-top: 1px solid #414952;border-left: 1px solid #414952; display: flex; flex-wrap: wrap;}
.recent li {width: 50%; height: 1.52rem; box-sizing: border-box; display: flex; flex-wrap: wrap;border-bottom: 1px solid #414952;border-right: 1px solid #414952; align-items: center; justify-content: center; font-size: 0.28rem; color: #708392; flex-direction: column-reverse; line-height: 1.2;}
.recent li:nth-of-type(1) {width: 100%; height: 0.98rem; justify-content: flex-start; text-indent: 0.15rem;flex-direction:initial; font-size: 0.36rem; color: #aac6ca;}
.recent li>strong {color: #aac6ca; font-size: 0.46rem;}
.career-data3 .data-list {width: 9.74rem; margin: 0.2rem auto 0; gap: 0; }
.career-data3 .data-list li {border-width: 0 0 0.02rem;}
select{outline:none; padding: 0.1rem 0.8rem 0.1rem 0.2rem; border: 0.02rem solid #424a53;border-radius: 0; font-size: 0.4rem; color: #708392; transition: all 0.3s; cursor: pointer; appearance: none; background:#1d2023 url(../img/select_arrow.png) no-repeat right 0.12rem center/0.47rem 0.34rem;}
.asset-top {display: flex; justify-content: space-between; padding-bottom: 0.2rem;}
.asset-top>h3 {font-size: 0.57rem; color: #708392;}
.asset-top .btn {width: 3.03rem; height: 0.85rem; font-size: 0.37rem; line-height: 0.8;}
.fund-info {display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0;}
.fund-info li {flex: 1; height: 1.2rem; line-height: 1; text-align: center; color: #708392; font-size: 0.34rem; border-right: 1px solid #424a53; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center;}
.fund-info li:nth-last-child(1) {border: none;}
.fund-info li strong{color: #ca4d31; font-size: 0.56rem;}
.prop {margin: 0.35rem auto 0;}
.prop h4 {width: 9.74rem; height: 1.14rem; margin: 0 auto; background: url(../img/icon6.png) no-repeat 0 50%/0.63rem 0.59rem; display: flex; align-items: center; text-indent: 0.85rem; font-size: 0.46rem; color: #708392; font-weight: normal;}
/* .prop ul {column-count: 2; column-gap: 0.2rem; position: relative; z-index: 1; padding: 0 0.2rem 0.35rem; margin:0 auto 0.3rem; width: 10.2rem;}
.prop li {width:4.5rem; box-sizing: border-box; border: 1px solid #32383e; background: url(../img/variegated.jpg) no-repeat 0 0/cover; position: relative; padding-top: 0.6rem; margin-bottom: 0.2rem;break-inside: avoid;} */
.prop ul {display: flex; justify-content: space-between; gap: 0.2rem; flex-wrap: wrap; overflow: hidden; overflow-x: auto; position: relative; z-index: 1; padding: 0 0 0.25rem; margin:0 auto; width: 9.74rem;}
.prop li {width:4.77rem; height:4rem; box-sizing: border-box; border: 1px solid #32383e; background: url(../img/variegated.jpg) no-repeat 0 0/cover; position: relative; padding-top: 0.6rem;}
.prop li strong {padding: 0.1rem 0.2rem 0; line-height: 1.2; box-sizing: border-box; font-size: 0.34rem; color: #708392; position: absolute; top: 0;right: 0;}
.prop li span {position: absolute; bottom: 0; right: 0.2rem;color: #708392; font-size: 0.28rem;}
.prop li em {position: absolute; font-style: normal; bottom: 0; left: 0.2rem;color: #708392; font-size: 0.28rem;}
.prop li img {display: block; object-fit: contain; margin: 0 auto; width:100%; height: 3.2rem; box-sizing: border-box; padding: 0 0.2rem;}
.modify-index .filter {padding: 0; justify-content: flex-end;}
.plan {display: flex; flex-wrap: wrap; padding-bottom: 0.4rem; justify-content: space-between; margin: 0.2rem auto 0;}
.plan-top {width: 100%; height: 1.2rem; display: flex; justify-content: space-between; align-items: center;}
.plan-top h3 {flex: auto; font-size: 0.4rem; color: #ca4d31; height: 100%; display: flex; align-items: center;}
.plan-top h3::before {content: ''; display: inline-block; height: 0.52rem; width: 0.04rem; overflow: hidden; background: #ca4d31; margin:0 0.1rem 0 0.25rem;}
.plan-top h3>span {font-size: 0.35rem;text-transform: initial; font-weight: initial; border: 1px solid #ca4d31; padding: 0 0.1rem; box-sizing: border-box; line-height: 1.2; margin-left: 0.2rem;}
.plan-tags {display: flex;gap: 0.1rem; padding-right: 0.2rem;}
.plan-tags span {display: block; color: #708392; font-size: 0.4rem; border: 1px solid #343a41; height: 0.6rem;background: url(../img/variegated.jpg) no-repeat 0 0/5.16rem 3.63rem; line-height: 0.6rem; padding: 0 0.1rem;}
.plan-content {width: 9.74rem; border: 1px solid #23262a; margin: 0 auto;background: url(../img/variegated2.jpg) repeat 0 0/1.06rem 1.13rem; box-sizing: border-box;}
.gun-info {width: 100%; height: 0.86rem; border: 1px solid #3b4249; transform: translate(-1px,-1px); display: flex; align-items: center; justify-content: space-between;}
.plan-content h4 {text-indent: 0.2rem; color: #aac6ca; font-size: 0.42rem;}
.gun-info p {flex: auto; text-align: right; color: #ca4d31; font-size: 0.35rem; padding-right: 0.2rem;}
.gun-info .btn {width: 2.06rem; height: 0.62rem; margin-right: 0.15rem; font-size: 0.34rem; font-weight: bold;filter: brightness(1.2)}
.gun-img {height: 2.69rem; display: flex; align-items: center; justify-content: center;}
.gun-img img{height: 2.69rem; width: 90%; display: block; object-fit: contain; box-sizing: border-box; padding: 0.2rem 0;}
.part {width: 100%; display: flex; gap: 0.2rem; justify-content: center; padding-bottom: 0.25rem;}
.part li {width: 3rem;}
.part li img {background: linear-gradient(to bottom, #1a1c1e, #252526); border: 1px solid #3c434b;width: 100%; height: 1.9rem; display: block; object-fit: contain; box-sizing: border-box; padding: 0.2rem;}
.part li strong {display: block;line-height: 1; text-align: center; font-size: 0.32rem; color: #aac6ca; font-weight: normal; padding: 0.1rem 0; position: relative;}
.part li span {display: block; width: 100%; padding: 0 0 0.05rem; box-sizing: border-box; position: absolute; text-align: center; line-height: 1.2; bottom: 0; left: 0; background: rgba(26, 27, 29, 0.8); font-size: 0.32rem; color: #708392;}
.plan-info {width: 9.74rem; box-sizing: border-box; padding: 0.3rem 0 0 0; margin: 0 auto;}
.plan-info div:nth-of-type(1) {display: flex; height: 1rem; align-items: center; justify-content: space-between;}
.plan-info div:nth-of-type(1)>img {display: block; width: 1rem; height: 1rem;}
.plan-info div:nth-of-type(1)>div {display: flex; height: 1rem; align-items: flex-start; flex-direction: column; justify-content: center; flex: auto; padding-left: 0.25rem;}
.plan-info h5 {font-size: 0.42rem; color: #aac6ca;}
.plan-info p {font-size: 0.26rem; color: #708392;}
.like,.liked {display: inline-block; height: 0.44rem; line-height: 0.44rem; background: url(../img/icon9.png) no-repeat 0 50%/0.36rem 0.36rem; padding-left: 0.4rem; font-size: 0.4rem; color: #ca4d31; filter: grayscale(1) brightness(2);}
.liked {filter: initial;}
.plan-info div:nth-of-type(2) {display: flex; justify-content: space-between; padding-top: 0.5rem;}
.app-btn,.share-btn {display: flex; width: 4.45rem; height: 1.04rem; background:url(../img/icon7.png) no-repeat 0.3rem 50%/0.4rem 0.49rem,url(../img/icon4.png) no-repeat 0 50%/auto 70%,url(../img/btn.png) no-repeat 0 0/100% 100%; justify-content: center; align-items: center; text-align: center; font-size: 0.42rem; font-weight: bold; color: #1a1b1d; line-height: 1; box-sizing: border-box; padding-left: 0.2rem;filter: brightness(1.2) saturate(1.2);}
.share-btn {width: 2.62rem;background:url(../img/icon8.png) no-repeat 0.3rem 50%/0.52rem 0.47rem,url(../img/icon4.png) no-repeat 0 50%/auto 70%,url(../img/btn.png) no-repeat 0 0/100% 100%; filter: saturate(1.5) hue-rotate(-3deg);}
.plan-details {margin: 0;}
.plan-details .plan-top {justify-content: flex-start;}
.plan-details .plan-top h3 {flex: initial; margin-right: 0.25rem;}
.plan-details .plan-top h3::before {margin-left: 0}
.plan-details .plan-content {border:1px solid #383f46; width: 10.2rem;}
.back-btn {display: block; width: 0.8rem; height: 0.6rem; background: url(../img/back.png) no-repeat 50% 50%/0.57rem 0.47rem; overflow: hidden; text-indent: -9999rem;left: 0.1rem; top: 1.8rem; position: fixed; z-index: 99;}
.plan-details .part {gap: 0.1rem; flex-wrap: wrap; margin: 0.1rem auto; padding: 0;}
.plan-data {width: 10.2rem; height: 9.15rem; margin: 0.2rem auto 0;}
.page-popup .plan-data>h3 {font-size: 0.46rem; color: #ca4d31; height: initial; border-bottom: 0.02rem solid #1a1c1e; margin-bottom: 0.1rem;}
.parameter {width: 10.2rem;box-sizing: border-box; display: flex; flex-direction: column; gap: 0.15rem;}
.parameter li {display: flex; padding: 0.14rem 0.07rem; background: #1a1b1d; box-sizing: border-box;}
.parameter li>div:nth-of-type(1) {width: 0.87rem; height: 0.87rem; border: 1px solid #393f46; position: relative;}
.parameter li img {display: block; width: 100%; height: 100%; object-fit: contain;box-sizing: border-box; padding: 0.05rem;}
.parameter li em {position: absolute; font-style: normal; bottom: 0; right: 0.02rem; line-height: 1.1; font-size: 0.24rem; color: #708392;}
.parameter li>div:nth-of-type(2) {flex: auto; display: flex; justify-content: space-between; position: relative; margin-left: 0.15rem; line-height: 1; color: #aac6ca;font-size: 0.32rem; padding-top: 0.1rem;}
.parameter li>div>div {position: absolute; width: 100%; bottom: 0.1rem; left: 0; height: 0.02rem; background: #313639;}
.parameter li>div>div>div {height: 0.02rem; background: #a1bbbf;}
.parameter li strong {font-weight: initial;}
.red {color: #d8402b;}
.green {color: #72dd8a;}
.plan-data>div {display: flex; height: 0.86rem; align-items: center; padding: 0.25rem 0 1rem;}
.plan-data>div p {width: 6.25rem; font-size: 0.35rem; color: #aac6ca; line-height: 1.2;}
.plan-data>div .btn {width: 3.9rem; height:0.86rem; margin: 0 0.2rem 0 0; font-size: 0.35rem; font-weight: bold;}
.modify-index .plan-details,.modify-details .filter,.modify-details .plan {display: none;}
.modify-details .plan-details {display: flex;}
.plan-copy {width: 10.2rem; margin: 0.2rem auto; background: #1a1b1d; border: 1px solid #383f46; padding: 0.2rem;}
.plan-copy input {font-size: 0.32rem; color: #ca4d31; line-height: 1.2;width: 7.4rem; height: 0.76rem; background: #1d2124; border: none;}
.plan-copy div:nth-of-type(2) {padding: 0.3rem 0 0;}
.plan-copy .btn {width: 2.09rem; height: 0.76rem;}
/* popup */
.toast {position: fixed; top: 50%; left: 50%; min-width: 5.6rem; transform: translate(-50%,-50%);line-height: 1.2; text-align: center; color: #ffffff!important; z-index: 99999; font-size: 0.22rem; background: rgba(0, 0, 0, 0.7); border-radius: 0.05rem; white-space: nowrap; padding: 0.2rem; display: block;}
.popup {margin: 0 auto; position: fixed; display: none; top: 50%; left: 50%;z-index: 9999; transform: scale(1) translate(-50%, -50%); color: #708392; width: 9rem;}
/* .popup {display: block; transform: translate(0,0); margin: 0.8rem auto; left: 20%;position: initial;} */
.popup .btn {width: 3rem;height: 0.8rem; margin: 0.2rem auto 0; font-weight: bold;}
.popup h3 {height: 1.05rem; background: url(../img/popup_icon.png) no-repeat 0.1rem 50%/0.45rem 0.45rem; display: flex; align-items: center; text-indent: 0.7rem; font-size: 0.4rem; color: #708392; line-height: 1.1;}
._close-btn {display: block; width: 0.78rem; height: 0.73rem; background: url(../img/close_btn.png) no-repeat 0 0/100% 100%; overflow: hidden; text-indent: -9999rem; position: absolute; top: 0.15rem; right: 0.15rem;}
.page-popup {width: 100%; height: var(--vh); background: #1d2023; display: none; box-sizing: border-box; padding-top: 0.73rem; overflow-y: auto; transform: initial!important; left: 0!important;top: 0!important;}
.page-popup-top {width: 100%; height: 0.73rem; background: #141719; position: fixed; top: 0; left: 0; z-index: 9999;}
.page-popup ._close-btn {position: relative; background: none; top: 0;left: 0.1rem; transform: initial;}
.page-popup ._close-btn::before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(0,-50%) rotate(-45deg); border: 0.03rem solid #708392; width: 0.3rem; height: 0.3rem; border-width: 0.05rem 0 0 0.05rem;}
.popup-content {background: url(../img/bp_bg.jpg) repeat 50% 50%/1.25rem 1.19rem; padding: 0.25rem; font-size: 0.36rem;}
.page-popup h3 {height: 1.05rem; width: 10.2rem; margin: 0 auto;}
.career-popup .data-list { width: 22rem; margin: 0 auto; gap: 0;}
.career-popup .data-list li:not(:first-child) {border-top: 0;}
.history-top {display: flex; justify-content: space-between; align-items: center; border: 0.02rem solid #424a53; padding: 0.1rem; width: 10.2rem; margin: 0 auto; box-sizing: border-box; background: #1d2023;}
.history-top h4 {font-size: 0.48rem; height: 0.48rem; line-height: 0.48rem; text-indent: 0.2rem; color: #708392;}
.history-list {width: 10.2rem; margin: 0.15rem auto 0; padding: 0.86rem 0 0; position: relative;}
.history-list ul {max-height: calc(var(--vh) - 4.2rem); overflow: hidden; overflow-y: auto; width: 10.5rem;}
.history-list li {width: 10.2rem; height: 0.86rem;border: 0.02rem solid #424a53; border-top: none; background: #151617; display: flex; justify-content: space-between; box-sizing: border-box; font-size: 0.4rem; color: #aac6ca;}
.history-list li:nth-of-type(1) {background: #1d2023;position: absolute; border: 0.02rem solid #424a53; width: 100%; height: 0.86rem; top: 0; left: 50%; transform: translate(-50%,0); box-sizing: border-box; font-size: 0.34rem; color: #c2c2c2; border: 0.02rem solid rgba(255,255,255,0.2); color: #708392; font-weight: bold;}
.history-list li>div{flex: 1; display: flex; justify-content: center; align-items: center; line-height: 1.1; text-align: center;}
.no-history {font-size: 0.4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 5.4rem; color: #708392;}
.no-history .btn {font-size: 0.4rem; font-weight: bold; margin-top: 0.8rem;}
.box2 {width: 6.5rem; max-height: 6.5rem; background: url(../img/box2.jpg) no-repeat 0 0/6.5rem auto; position: relative; box-sizing: border-box; padding: 0.15rem; margin: 0 auto; word-break: break-all}
.box2::after {width: 100%; height: 0.15rem; background: url(../img/box2.jpg) no-repeat 0 100%/6.5rem auto; content: ''; position: absolute; bottom: 0; left: 0; pointer-events: none;}
.copy-txt {font-size: 0.2rem; color: #ca4d31; line-height: 1.2;}
.copy-btn {width: 3rem; height: 0.8rem; background:url(../img/icon10.png) no-repeat 0.7rem 48%/0.28rem 0.27rem,url(../img/icon4.png) no-repeat 0 50%/auto 50%,url(../img/btn.png) no-repeat 0 0/100% 100%; filter: saturate(1.5) hue-rotate(-3deg); font-size: 0.24rem; font-weight: bold; box-sizing: border-box; padding-left: 0.2rem; margin: 0.3rem auto 0;}
.copy-tips {font-size: 0.2rem; color: #708392; text-align: center; line-height: 1.2; padding: 0.1rem 0;}
.gun-code .copy-btn {background-position: 0.2rem 48%, 0 50% , 0 0;}
.store-gift-popup h4 {font-size: 0.4rem; color: #ea6f34; text-align: center; line-height: 1.2; padding-bottom: 0.25rem;}
.popup-gift {display: flex; justify-content: center; flex-wrap: wrap; gap: 0.2rem; padding: 0.5rem 0;}
.popup-gift li{ width: 1.28rem;}
/* .popup-gift li>div{ width: 1.1rem; height: 1.1rem; position: relative; background: url(../img/box5.png) no-repeat 0 0/100% 100%; color: #708392;} */
.popup-gift li>div {width: 1.28rem; height: 1.28rem; background: url(../img/m/box3.png) no-repeat 0 0/1.28rem 2.6rem; margin: 0 auto; position: relative; color: #aac6ca;}
.popup-gift li>div img{ width: 1.28rem; height: 1.28rem; display: block; object-fit: contain; padding: 0.1rem; box-sizing: border-box;}
.popup-gift li>div span{position: absolute; bottom: 0; right: 0.05rem; font-size: 0.3rem; line-height: 1.1;}
.popup-gift li>strong{display: block; text-align: center; font-size: 0.3rem; font-weight: normal; line-height: 1.1; padding-top: 0.1rem;}
.popup-gift li>strong span{color: #e96f34;}
.popup-gift li.checked div {background-position: 0 -1.32rem!important; color: #ea6f34!important;}
.store-popup {width: 7.95rem; color: #708392;}
.store-popup h3 {text-indent: -9999rem; background: none; height: 0.9rem;}
.store-popup>div:nth-of-type(1) {background: #151617; padding: 0.1rem; position: relative;}
.store-popup h4 {line-height: 0.4rem; font-size: 0.32rem;}
.store-popup h4::after{content: ''; display: block; height: 0.02rem; overflow: hidden; background: #191b1d; margin: 0 0.5rem;}
.inventory {position: absolute; top: 0.2rem; right: 0.2rem; line-height: 1.1; font-size: 0.2rem; color: #aac6ca;}
.limit {position: absolute; top: 0.6rem; right: 0.2rem; line-height: 1.1; font-size: 0.2rem;}
.limit span:last-of-type {color: #e96f34;margin-left: 0.1rem;}
.box3 {width: 2.8rem; height: 2.8rem; box-sizing: border-box; border: 0.01rem solid #191b1d; position: relative; margin: 0.2rem auto;}
.box3::after,.box3::before {width: 100%; height: 33%; box-sizing: border-box; border: 0.01rem solid #191b1d; border-width: 0.01rem 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ''; z-index: 0;}
.box3::before {transform: translate(-50%,-50%) rotate(90deg); pointer-events: none;}
.box3>img {display: block; width: 100%; height: 100%; box-sizing: border-box; object-fit: contain; padding: 0.2rem; position: relative; z-index: 1;}
.intro {padding: 0.1rem 0; line-height: 1.2; margin: 0 0.15rem; border-bottom: 0.01rem solid #383f46;}
.price1,.price2 {height: 0.4rem; display: flex; align-items: center; padding: 0 0.15rem 0 0.5rem; box-sizing: border-box; background: url(../img/icon13.png) no-repeat 0.15rem 50%/0.26rem 0.26rem; margin-top: 0.15rem; color: #aac6ca; font-size: 0.24rem;}
.price2 {margin: 0 0 0.15rem;}
.price1 span:nth-of-type(1) {background: #1a1b1d; padding: 0 0.1rem; margin-right: 0.05rem;color: #e96f34;}
.price1 span:last-of-type,.price2 span:last-of-type {color: #e96f34;}
.store-popup ul {display: flex;}
.store-popup li {width: 0.76rem; height: 0.76rem; position: relative; background: #181818; border: 0.01rem solid #404750;}
.store-popup li span {position: absolute; bottom: 0; right: 0.05rem; line-height: 1.2; font-size: 0.2rem; color: #708392;}
.store-popup li img {display: block; width: 100%; height: 100%; object-fit: contain; box-sizing: border-box; padding: 0.12rem;}
.store-popup>div:nth-of-type(2) {margin: 0 0.15rem;border-top: 0.01rem solid #383f46; display: flex; justify-content: space-between; align-items: center; padding: 0.15rem 0 0.35rem;}
.store-popup>div:nth-of-type(2) .btn {width: 1.45rem; height: 0.55rem; font-size: 0.24rem; font-weight: bold; padding: 0 0.1rem; margin: 0 0.2rem 0 0;}
.refresh-popup .btn {width: 3.58rem; height: 0.95rem; font-size: 0.36rem;font-weight: bold; padding: 0 0.3rem; margin: 0.3rem auto;}
.btn.disabled {filter: grayscale(1);}
.footer {display: none;}