/* html{font-size:100px;} */
:root {
    --scale:1;
    --font-size: calc(100 / 2560 * 100vw)
}
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 */
}
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;}    
    .wrap {background: #1f2024 url(../img/bg.jpg) no-repeat 50% 0/25.6rem 22.4rem;}
    .wrap {
        width: 100%;

      }


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

    header {height: 2.6rem;}
    header>h1 {height: 1.44rem;text-indent: -9999rem;}
    header>ul {width: 23.4rem; margin:0 auto; display: flex; justify-content: flex-start; font-size: 0.4rem;font-family: 'font_en'; font-weight: bold; gap: 0.7rem;}
    header li {color: #ffffff; padding: 0 0.3rem; height: 0.64rem; display: flex; align-items: center; position: relative;}
    header li a {color: #ffffff;}
    header li.current,header li.current a {color: #ff6921;}
    header li.current::before,header li.current::after {width: 0.1rem; height: 100%; content: ''; border: 1px solid #ff6921; border-width: 1px 1px 1px 0; position: absolute; top: 0; right: 0;}
    header li.current::before {border-width: 1px 0 1px 1px; left: 0;}
    .content {width: 23.4rem; min-height: calc(100vh - 2.6rem); margin:0 auto; position: relative; padding: 0 0 0.5rem;}
    .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: 1.35rem; display: flex; align-items: center; font-size: 0.7rem; color: #ffffff;}
    .store-title::after {content: ''; width: 1.38rem; height: 0.53rem; background: url(../img/title_icon.png) no-repeat 0 0/100% 100%; margin-left: 0.2rem;}
    .store-index .store-index {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .check-in-date {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 1.09rem; 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.46rem;}
    .check-in-date::before {content: ''; width: 0.04rem; height: 100%; border-left: 0.15rem solid #ea6f34; border-right: 0.04rem solid #ca4d31; overflow: hidden; margin-right: 0.25rem;}
    .check-in-date h4 {flex: auto; font-size: 0.55rem; color: #ffffff; font-weight: initial;}

    .daily-gift {border: 0.04rem solid #424a53; background: #1d2023; height: 3.4rem; box-sizing: border-box; align-items: center; width: 100%;}
    .daily-gift li {flex: 1; text-align: center;}
    .gift li>a{font-size: 0.35rem; width: 2.5rem; height: 0.6rem; margin: 0.2rem auto 0;}
    .gift {display: flex;}
    .gift li>div {width: 2.52rem; height: 1.75rem; background: url(../img/box3.png) no-repeat right -5.66rem top 0/5.79rem 3.64rem,url(../img/box3.png) no-repeat -0.14rem 0/5.79rem 3.64rem; margin: 0 auto; position: relative; color: #aac6ca;}
    .gift li>div img {display: block; width: 100%; height: 100%; object-fit: contain; padding: 0.25rem; box-sizing: border-box;}
    .gift li>div span {position: absolute; bottom: 0.05rem; right: 0.1rem; font-size: 0.38rem; line-height: 1.1;}
    .gift li.checked>div {width: 2.52rem; height: 1.75rem; background: url(../img/box3.png) no-repeat right -5.66rem top -1.88rem/5.79rem 3.64rem,url(../img/box3.png) no-repeat -0.14rem -1.88rem/5.79rem 3.64rem; color: #ea6f34;}

    .week-gift {width: 7.3rem; height: 3.96rem; margin-top: 0.2rem;}
    .week-gift h3,.days-gift h3 {height: 1.2rem; display: flex; align-items: center; width: 100%; font-size: 0.46rem; color: #aac6ca; font-weight: normal;}
    .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.11rem; height: 0.56rem; background: #ae4033; margin:0 0.1rem 0 0.25rem;}
    .week-gift .gift {width: 100%; justify-content: center; gap: 0.75rem; align-items: center;}
    .week-gift .btn{font-size: 0.35rem; width: 3.5rem; height: 0.6rem; margin: 0.1rem auto 0;}

    .days-gift {width: 15.9rem; height: 3.96rem; margin-top: 0.2rem;}
    .days-gift .gift {width: 100%;justify-content: center; align-items: center;}
    .days-gift .gift li {flex: 1.5; text-align: center;}
    .days-gift .gift li:nth-of-type(3) {justify-content: center; gap: 0.75rem; align-items: center; flex: 2;}
    .days-gift .gift li:nth-of-type(3)>div {display: flex; width: 5.42rem;}
    .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 .btn {width:3.5rem;}

    .daily-Shop {width: 100%; display: flex; padding: 0.4rem; justify-content: space-between;}
    .daily-Shop>img {display: block; width: 9.86rem; height: 5.08rem; box-sizing: border-box; border: 0.01rem solid #494f56;}
    .daily-Shop>div {width: 12rem;}
    .daily-Shop h3 {text-align: center; font-size: 0.6rem; color: #ca4d31; padding:0.2rem 0 0;}
    .daily-Shop h3 span {background: #ca4d31; color: #1a1b1d; padding: 0 0.2rem;}
    .daily-Shop p {text-align: center; font-size: 0.48rem; color: #6a7c8b;  padding: 0.1rem 0 0.4rem; border-bottom: 0.04rem solid #455059; line-height: 1.1;}
    .daily-Shop p strong {color: #ea6f34; font-weight: normal; margin-left: 0.1rem;}
    .daily-Shop .btn {margin: 1rem auto 0; width: 9.23rem; height: 1.08rem; font-size: 0.5rem; font-weight: bold;}

    .temporary-store-top {height: 6.18rem; background: url(../img/store_header.jpg) no-repeat 50% 0/100% auto; display: flex; flex-direction: column; justify-content: space-between; position: relative; box-sizing: border-box; padding-top: 0.3rem;}
    .temporary-store-top h3 {background: #1a1b1d; height: 1.75rem; border-radius: 0.5rem 0.5rem 0 0; display: flex; align-items: center; font-size: 0.6rem; color: #ca4d31;}
    .temporary-store-top h3::before {content: ''; width: 0.62rem; height: 0.62rem; background: url(../img/icon12.png) no-repeat 0 0/100% 100%; margin: 0 0.25rem 0 00.33rem;}
    .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.32rem; color: #6a7c8b; line-height: 1;}
    .temporary-store-top p span {font-size: 0.6rem; color: #ea6f34; line-height: 1; margin-left: 0.1rem; font-weight: bold;}
    .help-btn {position: absolute; right: 0.7rem; bottom: 0.2rem; display: block; width: 1.35rem; height: 1.23rem; background: url(../img/icon11.png) no-repeat 0 0/100% 100%; overflow: hidden; text-indent: -9999rem;}
    .temporary-store-top .btn {margin: 1.5rem 0 0 20rem; width: 3.03rem; height: 0.85rem; font-size: 0.37rem; line-height: 0.8;}

    .temporary-store-list {background: #151617; display: flex; flex-wrap: wrap; padding: 0.5rem 0.5rem; gap: 0.35rem;}
    .temporary-store-list li {width: 7.23rem; height: 2.65rem; background: url(../img/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.5rem; color: #aac6ca; font-size: 0.3rem;}
    .temporary-store-list li>strong {position: absolute; top: 0.15rem; right: 0.15rem; color: #708392; font-size: 0.26rem;}
    .temporary-store-list li>strong>span {color: #ea6f34;}
    .temporary-store-list li>img {display: block; width: 5.4rem; 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;}


    
    .user-info {display: flex; flex-direction: column; height: 2rem; flex-wrap: wrap; justify-content: center; align-content: flex-start; padding: 0.6rem 0 0.8rem;}
    .avatar {width: 2rem; height: 2rem; box-sizing: border-box; border: 1px solid #464e56; display: flex; justify-content: center; align-items: center; margin-right: 0.1rem;}
    .avatar img {width: 1.9rem; height: 1.9rem;display: block;}
    .user-info p {font-size: 0.48rem; color: #aac6ca; line-height: 1.7;}
    .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;}
    .level {position: absolute; right: 0; top: 0; width: 4.4rem; background: url(../img/level_bg.png) no-repeat 50% 0/3.09rem 2.32rem; display: flex; flex-direction: column; align-items: center;}
    .level>img {display: block; width: 3.09rem; height:2.32rem; object-fit: contain; margin: 0 auto; box-sizing: border-box; padding:0.2rem 0.46rem 0;}
    .level>strong {display: inline-block; white-space: nowrap; height: 0.55rem; line-height: 0.55rem; margin: 0 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; border-bottom: 0.04rem solid #455059; padding: 0 0 0.8rem;}
    .user-data-total li {display: flex; flex-direction: column-reverse; text-align: center; flex: 1; border-right: 0.01rem solid #3c434b; color: #708392; font-size: 0.36rem;}
    .user-data-total li strong {font-size: 0.36rem; color: #ca4d31; font-size: 0.82rem;}
    .user-data-total li:nth-last-of-type(1) {border: none;}

    .user-data-nav {width: 22.84rem; margin: 0 auto 0.53rem; display: flex; justify-content: center; gap: 0.2rem;}
    .user-data-nav li {padding: 0 0.7rem; height: 1.2rem; 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;}
    .user-data-nav li.current {border-bottom: 0.04rem solid #ae4033; color: #ae4033;}


    .user-data-content {display: none;}
    .record {width: 22.84rem; min-height: 5rem;  padding: 0.42rem 0.36rem; margin: 0 auto;}

    .data-list {display: flex; flex-direction: column; gap: 0.12rem; width: 100%; overflow-x: auto; padding-bottom: 0.2rem; overflow: auto; max-height: 8.1rem;}
    .data-list li {height: 1.05rem; width: 200%; border: 0.02rem solid #424a53; 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.36rem;}
    .data-list li:nth-of-type(1) {background-color: #15171a;}
    .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: 22.84rem; margin: 0 auto;}
    .career-content {width: 100%; height: 12rem; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-content: space-between;}
    .career-data1 {width: 5.68rem; height: 12rem; flex: none;}

    .career-data1 .level {background: none; position: initial; margin: 0 auto; padding-top: 0.5rem;}
    .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 {padding-top: 0.1rem;}
    /* .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: 4.95rem; height: 4.95rem; margin: 0.5rem auto 0; border-top: 0.02rem solid #424a53; padding-top: 0.5rem;}

    .career-data2 {width: 17.06rem; height: 4.92rem; flex: none; padding: 0.3rem 0;}
    .career-data2 ul {width: 16.6rem; height: 4.14rem; border: 1px solid #414952; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-end; margin: 0 auto;}
    .career-data2 li {height: 2.07rem; width: 4.1rem; flex:  1 1 auto; 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.36rem; line-height: 1.2;}
    .career-data2 li strong {font-size: 0.5rem; color: #aac6ca;}
    .career-data2 li:nth-of-type(1) {height: 4.14rem; width: 4.28rem; border-left: none;}
    .career-data2 li:nth-of-type(1)>strong {font-size: 1.5rem; color: #ca4d31;}
    .career-data2 li:nth-last-of-type(2n) {border-bottom: 1px solid #414952;}
    
    .career-data3 {width: 17.06rem; height: 6.88rem; flex: none; position: relative;}
    .career-data3 h3 {font-size: 0.52rem; color: #aac6ca; display: flex; align-items: center; width: 16.58rem; margin: 0 auto; border-bottom: 0.02rem solid #1a1b1d; padding-top: 0.1rem;}
    .career-data3 h3::before {content: ''; display: inline-block; height: 0.55rem; width: 0.04rem; overflow: hidden; background: #ca4d31; margin-right: 0.1rem;}
    .more-btn {position: absolute; top: 0.2rem; right: 0.3rem; display: inline-flex; font-size: 0.36rem; color: #708392; height: 0.85rem; 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);}
    .career-data3 ul {width: 16.6rem; margin: 0.32rem auto 0;border-top: 1px solid #414952;border-left: 1px solid #414952; display: flex; flex-wrap: wrap;}
    .career-data3 li {width: 50%; height: 1.88rem; 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.4rem; color: #708392; flex-direction: column-reverse; line-height: 1.2;}
    .career-data3 li:nth-of-type(1) {width: 100%; height: 1.3rem; justify-content: flex-start; text-indent: 0.1rem;flex-direction:initial; font-size: 0.47rem; color: #aac6ca;}
    .career-data3 li>strong {color: #aac6ca; font-size: 0.51rem;}

    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.4rem;}
    .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 {height: 1.4rem; display: flex; align-items: center; justify-content: space-between;}
    .fund-info li {flex: 1; height: 0.6rem; line-height: 1; text-align: center; color: #708392; font-size: 0.51rem; border-right: 1px solid #424a53; display: flex; align-items: center; justify-content: center; gap: 0.2rem;}
    .fund-info li strong{color: #ca4d31; font-size: 0.58rem;}
    .prop {margin: 0.35rem auto 0;}
    .prop h4 {width: 22.44rem; 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.5rem; color: #708392; font-weight: normal;}
    .prop ul {display: flex; justify-content: flex-start; gap: 0.1rem; overflow: hidden; overflow-x: auto; position: relative; z-index: 1; padding: 0 0 0.35rem; margin:0 auto 0.3rem; width: 22.44rem;}
    .prop li {width:5.18rem; height:3.65rem; 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.4rem; color: #708392; position: absolute; top: 0;right: 0;}
    .prop li span {position: absolute; bottom: 0; right: 0.2rem;color: #708392; font-size: 0.35rem;}
    .prop li img {height: 2.8rem; display: block; object-fit: contain; margin: 0 auto; width:5.18rem; box-sizing: border-box; padding: 0 0.2rem;}

    .plan {display: flex; flex-wrap: wrap; padding-bottom: 0.4rem; justify-content: space-between; margin-bottom: 0.2rem;}
    .plan-top {width: 100%; height: 1.2rem; display: flex; justify-content: space-between; align-items: center;}
    .plan-top h3 {flex: auto; font-size: 0.47rem; color: #ca4d31; height: 100%; display: flex; align-items: center;}
    .plan-top h3::before {content: ''; display: inline-block; height: 0.55rem; 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: 10.6rem; border: 1px solid #23262a; margin: 0 0 0 0.25rem;background: url(../img/variegated2.jpg) repeat 0 0/1.06rem 1.13rem}
    .gun-info {width: 100%; height: 0.96rem; 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.48rem;}
    .gun-info p {flex: auto; text-align: right; color: #ca4d31; font-size: 0.35rem; padding-right: 0.2rem;}
    .gun-info .btn {width: 2.38rem; height: 0.72rem; margin-right: 0.15rem; font-size: 0.4rem; 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.05rem; justify-content: center; padding-bottom: 0.25rem;}
    .part li {width: 3.41rem;}
    .part li img {background: linear-gradient(to bottom, #1a1c1e, #252526); border: 1px solid #3c434b;width: 3.41rem; 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.3rem; color: #aac6ca; font-weight: normal; padding: 0.2rem 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: 10.5rem; box-sizing: border-box; padding: 0.9rem 1.25rem 0 0;}
    .plan-info div:nth-of-type(1) {display: flex; height: 1.14rem; align-items: center; justify-content: space-between;}
    .plan-info div:nth-of-type(1)>img {display: block; width: 1.14rem; height: 1.14rem;}
    .plan-info div:nth-of-type(1)>div {display: flex; height: 1.14rem; align-items: flex-start; flex-direction: column; justify-content: center; flex: auto; padding-left: 0.25rem;}
    .plan-info h5 {font-size: 0.48rem; color: #aac6ca;}
    .plan-info p {font-size: 0.32rem; 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: 1.6rem;}

    .app-btn,.share-btn {display: flex; width: 5.13rem; height: 1.2rem; 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.48rem; 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: 3rem;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 .plan-top {justify-content: flex-start;}
    .plan-details .plan-top h3 {flex: initial; margin-right: 0.25rem;}
    .plan-details .plan-content {border:1px solid #383f46; width: 10.6rem;}
    .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;margin-left: 0.25rem;}
    .plan-details .part {gap: 0.1rem; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; padding-left: 0.08rem;}
    .plan-data {width: 11.3rem; height: 9.15rem; padding-right: 0.35rem;}
    .parameter {width: 11.25rem; height: 8rem; padding-right: 0.25rem; box-sizing: border-box; overflow: hidden; overflow-y: auto; 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.55rem; height: 0.55rem; 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.08rem; line-height: 1; color: #aac6ca;font-size: 0.32rem;}
    .parameter li>div>div {position: absolute; width: 100%; bottom: 0; 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-top: 0.25rem;}
    .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; 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;}






    /* 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: 7rem;}

/* .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: 22.8rem; max-height: 10.3rem;}
    .popup-content {background: url(../img/bp_bg.jpg) repeat 50% 50%/1.25rem 1.19rem; padding: 0.25rem;}
    .page-popup h3 {height: 1.05rem;}
    /* .page-popup ._close-btn { top: 0.15rem; right: 0.15rem; left: initial; transform: initial;} */
    
    .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: 21.6rem; margin: 0 auto; box-sizing: border-box; background: #1d2023;}
    .history-top h4 {font-size: 0.48rem; text-indent: 0.2rem; color: #708392;}
    
    .history-list {width: 21.6rem; margin: 0.15rem auto 0; padding: 0.86rem 0 0; position: relative;}
    .history-list ul {max-height: 5.92rem; overflow: hidden; overflow-y: auto; width: 101%;}
    .history-list li {width: 21.6rem; 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;}

    .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: 6rem; max-height: 6rem; background: url(../img/box2.jpg) no-repeat 0 0/6rem 6rem; 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%/6rem 6rem; 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.3rem; padding: 0.5rem 0;}
    .popup-gift li{ width: 1.1rem;}
    .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 img{ width: 1.1rem; height: 1.1rem; 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;}
    .popup-gift li>strong span{color: #e96f34;}

    .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.2rem; height: 2.2rem; 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;}
    .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);}