.bar.bar-theme.auc-bg {
    color: #fff !important;
}

.bar.bar-theme.conv-bg {
    color: #fff !important;
}

.dis-img, .CarouselA.fil-slide {
    /*height: 150px !important;*/
    height: calc(100vw / 375 * 150) !important;
}

.discount-header {
    /*top: 10px;*/
    padding: calc(100vw / 375 * 10);
    /*margin-bottom: 15px;*/
    position: unset;
    /*margin-top: 10px;*/
}

.CarouselA.fil-slide {
    border-radius: calc(100vw / 375 * 10);
}

.discount-headerUl {
    box-shadow: none;
}

.home-transfer--title {
    /*font-size: calc(100vw / 375 * 12);*/
    /*height: calc(100vw / 375 * 12);*/
    /*line-height: calc(100vw / 375 * 12);*/
    font-weight: 500;
    color: #FFFFFF;
}

.fil-scroll {
    /*padding-left: 14px; *!*/
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: rgba(37, 37, 37, 1);
    line-height: calc(100vw / 375 * 30);
    /* max-height: 37px; */
    /* overflow: hidden; */
    height: calc(100vw / 375 * 30);
    margin: 0 calc(100vw / 375 * 15);
    padding-left: calc(100vw / 375 * 5);
    position: relative;
    z-index: 9999;
    /*top: -15px;*/
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    border-radius: calc(100vw / 375 * 5);
}

.fil-scroll > .fil-scroll--list {
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    position: relative;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.no-image {
    opacity: 0.8;
}

.marquee-list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box
}

.marquee-list--li {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #CCCCCC;
}

.ppw-line {
    background: #F4F6F8;
    width: 100%;
    height: calc(100vw / 375 * 15);
}

.ppw-myOrders-line {
    background: #F4F6F8;
    width: 100%;
    height: 10px;
}

.chooseBtc-boxMarginTop {
    margin-top: 0;
}

.chooseBtc-box--titleLine {
    background: #D8AF8B;
}

.chooseBtc-box--title {
    padding: 0;
}

.chooseBtc-box.auction {
    padding: 0 calc(100vw / 375 * 20) !important;
}

.auctionList-img {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 110);
    min-width: calc(100vw / 375 * 100);
    position: relative;
}

/*.auctionList-img--bg{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 30px;*/
/*    height: 28.5px;*/
/*    z-index: 100;*/
/*    background: red;*/
/*}*/
.auctionList-img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    /*border-radius: 5px 0 0 5px;*/
}

.auction-img-back {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: calc(100vw / 375 * 5) 0 0 calc(100vw / 375 * 5);
}

.auctionList-main {
    margin: 0 calc(100vw / 375 * 20) calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    position: relative;
}

.auctionList-main.main-content {
    margin: 0;
    height: calc(100vw / 375 * 110);
    border-radius: calc(100vw / 375 * 5) 0 0 calc(100vw / 375 * 5);
}

.auctionList-main--no {
    filter: grayscale(100%);
}

.auctionList-main-detail {
    /*margin: 0 20px 15px 20px;*/
    height: 95px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.auctionList-main-detail.nodata {
    background: #A5A5A5;
    font-size: calc(100vw / 375 * 12);
    color: #FFFFFF;
    height: auto;
    padding: calc(100vw / 375 * 10) 0;
    border-radius: calc(100vw / 375 * 5);
}

.auctionList-main.nodata {
    background: #1A1F29;
    font-size: calc(100vw / 375 * 12);
    color: #FFFFFF;
    height: auto;
    padding: calc(100vw / 375 * 10) 0 !important;
    border-radius: calc(100vw / 375 * 5);
}

.no-area {
    padding: calc(100vw / 375 * 10) 0 !important;
}

.ppw-auctionList {
    width: 100%;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    background: #1A1F29;
}

.ppw-auctionList:last-child {
    margin-bottom: 0;
}

.auction-header {
    font-size: calc(100vw / 375 * 18);
    font-weight: bold;
    color: #FFFFFF;
    margin: calc(100vw / 375 * 5) 0;
    line-height: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 18);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-header-sub {
    font-size: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #FFFFFF;
    margin: calc(100vw / 375 * 5) 0;
    /*height: calc(100vw / 375 * 16);*/
    line-height: calc(100vw / 375 * 16);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-header-line {
    height: 0.5px;
    background: #BEBEBE;
    margin: 0 calc(100vw / 375 * 3);
}

.auction-time {
    font-size: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #FFFFFF;
    /*height: calc(100vw / 375 * 14);*/
    line-height: calc(100vw / 375 * 14);
    margin: calc(100vw / 375 * 2) 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-schedule {
    background: transparent;
    border-radius: calc(100vw / 375 * 4);
    position: relative;
    height: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    margin: calc(100vw / 375 * 4) 0;
    border: 1px solid #54A7A7;

}

.auction-schedule--num {
    position: absolute;
    height: calc((100vw / 375 * 8) - 2px);
    line-height: calc((100vw / 375 * 8) - 2px);
    left: 0;
    top: 0;
    /*background: #5D65FF;*/
    border-radius: calc((100vw / 375 * 8) - 2px);
    /*box-shadow: 0px 0px calc(100vw / 375 * 10) 0px #5d65ff, 0 0 0px #5d65ff, 0 0 0px #5d65ff, 0 0 0px #5d65ff, 0 0 0px #5d65ff, 0 0 0px #5d65ff, 0 0 0px #5d65ff;*/
    /*width: 50px;*/
    background-image: linear-gradient(90deg, #1A1F29, #55A8A8);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.auction-schedule--round {
    border-radius: 50%;
    height: calc((100vw / 375 * 8) - 2px);
    line-height: calc((100vw / 375 * 8) - 2px);
    width: calc((100vw / 375 * 8) - 2px);
    background: #5CB5B5;
    position: absolute;
    right: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.auction-text {
    font-size: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 10);*/
    line-height: calc(100vw / 375 * 10);
    margin: calc(100vw / 375 * 4) 0;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-left {
    width: 100%;
}

.auction-right {
    margin-left: 10px;
}

.auction-btn {
    background: #BDBEC7;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 23px;
    margin-bottom: 5px;
    padding: 1px 0;
    width: 88px;
    margin-top: 6px;
}

.auction-btn--tips {
    font-size: 10px;
    font-weight: 500;
    color: #616166;
    line-height: 23px;
}

.auction-btn-y {
    background: linear-gradient(90deg, #FF6B00 0%, #FF9F23 100%);
}

.auction-btn-s {
    background: linear-gradient(90deg, #5949EE 0%, #5b65ee 100%);
}

.bar.auction-theme.auc-bg {
    background: url('../img/ppw/bidd-header.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.bar.auction-theme.conv-bg {
    background: url('../img/ppw/bidd-con-header.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.bar.auction-theme .title1 {
    font-size: 18px !important;
    font-weight: 500;
    color: #FFFFFF !important;
}

.auction-list-header {
    padding: 25px 20px;
    background: url('../img/ppw/bidd-bottom.png') no-repeat !important;
    background-size: 100% 100% !important;
    height: calc(100vw / 375 * 138);
}

.conver-list-header {
    padding: calc(100vw / 375 * 25) calc(100vw / 375 * 20);
    background: url('../img/ppw/commodity-list-bd.png') no-repeat !important;
    background-size: 100% 100% !important;
    height: calc(100vw / 375 * 138);
}

.auction-list--title {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #292929;
    margin-bottom: calc(100vw / 375 * 7);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-list--num {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #292929;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-list--right {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}

.auction-list--time-title {
    margin-left: 5px;
    margin-bottom: 5px;
}

.auction-list--time {
    margin-left: 5px;
    margin-bottom: 4px;
}

.auction-list--time.count_down_time {
    margin-left: 5px;
    margin-bottom: 0;
    min-width: 130px;
}

.auction-list--hour {
    display: inline-block;
    background: #E06305;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 7px;
    /*height: 20px;*/
    box-sizing: border-box;
    border: 2px solid #BC5304;
    color: #fff;
}

.auction-list--t {
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
}

.item-img {
    width: 100%;
    position: relative;
}

.item-img img {
    width: 100%;
    /*min-height: 160px;*/
    border: 0;
    height: calc(100vw / 375 * 125);
}

.auction-b {
    position: relative;
    width: 100%;
}

.auction-c {
    padding: calc(100vw / 375 * 12) calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 10);
}

.auction-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 18);
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 18);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-sub-title {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #999999;
    margin-bottom: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 32);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.auction-info {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #D8AF8B;
}

.auction-details--slide {
    position: relative;
}

.bar.auction-theme.auction-details {
    background: transparent !important;
}

.auction-details--slide .CarouselA.fil-slide, .auction-details--slide .dis-img {
    border-radius: 0;
    /*height: 230px !important;*/
    height: calc(100vw / 375 * 230) !important;
}

.slide-back {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
    font-size: 25px;
    color: #1B1B1C;
}

.auction-info--header {
    background: #EEC8A3;
    height: calc(100vw / 375 * 50);
    padding: 0 0 0 calc(100vw / 375 * 20);
    width: 100%;
}

.auction-info--left .auc-spa {
    display: inline-block;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 4);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 2);
    font-size: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #000000;
    line-height: calc(100vw / 375 * 12);
    margin-bottom: calc(100vw / 375 * 3);
    width: calc(100vw / 375 * 50);
    text-align: center;
    margin-top: calc(100vw / 375 * 5);
}

.auction-info--left .auc-spa-con {
    display: inline-block;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 4);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 2);
    font-size: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #FD9202;
    line-height: calc(100vw / 375 * 12);
    margin-bottom: calc(100vw / 375 * 3);
    width: calc(100vw / 375 * 50);
    text-align: center;
    margin-top: calc(100vw / 375 * 5);
}

.auc-p {
    font-size: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 10);*/
    line-height: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.auction-price {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #000000;
}

.auction-price--title {
    min-width: 27px;
}

.auction-price--title-exchange {
    /*min-width: 46px;*/
}

.auction-price--count {
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.auction-info--right {
    min-width: calc(100vw / 375 * 124);
    background: #4D4D4D;
    height: calc(100vw / 375 * 50);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.auc-r-spa {
    margin-top: 3px;
    font-size: 10px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 2px;
}

.auc-r-sp {
    font-size: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
    color: #A5A5A5;
    margin: calc(100vw / 375 * 5) 0 !important;
}

.auc-r-hour {
    display: inline-block;
    padding: calc(100vw / 375 * 3);
    font-size: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #FFFFFF;
    line-height: calc(100vw / 375 * 13);
    background: #000000;
    border-radius: calc(100vw / 375 * 1);
}

.auc-box {
    border-bottom: 1px solid #F6F7F9;
}

.auction-i--h {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    background: #fff;
}

.auc-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 20);
    /*font-size: calc(100vw / 375 * 14);*/
    font-weight: bold;
    color: #000000;
    width: 85%;
}

.auc-gz {
    margin-top: calc(100vw / 375 * 3);
    width: 15%;
}

.gz-icon {
    font-size: calc(100vw / 375 * 30);
    color: #999999;
    margin-bottom: calc(100vw / 375 * 3);
}

.gz-iconSele {
    color: #FD6C00;
}

.auc-gz--tips {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #999999;
    line-height: calc(100vw / 375 * 20);
}

.auc-tips {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #999999;
    line-height: calc(100vw / 375 * 20);
}

.auc-lie {
    color: #BDBEC7;
}

.auc-info-hef {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #2C2C2C;
    line-height: calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 12) calc(100vw / 375 * 20);
    border-bottom: 1px solid #F6F7F9;
}

.addPayment-title {
    font-size: calc(100vw / 375 * 25);
    font-weight: 600;
    margin-bottom: calc(100vw / 375 * 30);
}

.auc-info-c {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
}

.auc-c-se, .auc-c-w {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #7A7A7A;
    line-height: 20px;
}

.auc-c-se {
    background: rgba(189, 190, 199, 0.12);
}

.auc-c-w {
    background: #fff;
}

.auc-btn {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    line-height: calc(100vw / 375 * 15);
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgba(254, 128, 9, 0.35);
    border-radius: calc(100vw / 375 * 20);
    width: calc(100vw - 100vw / 375 * 60);
    position: fixed;
    bottom: calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 12) 0;
    left: 0%;
    /*margin-left: -150px;*/
    margin: 0 calc(100vw / 375 * 30);
    z-index: 1000;
}

.auc-btn-no {
    background: linear-gradient(270deg, #dbdce3 0%, #BDBEC7 100%) !important;
    box-shadow: 0px 6px 11px 0px rgba(189, 190, 199, 0.35) !important;
}

.bar.bar-theme.address {
    color: #292929;
}

.button-clear.active, .button-clear.activated {
    opacity: 1;
}

.bg-color.address {
    background: #F4F6F8;
}

.auc-cotent {
    padding: calc(100vw / 375 * 20);
    grid-template-columns: repeat(2, calc((100vw - (100vw / 375 * 55)) / 2));
    grid-column-gap: calc(100vw / 375 * 15);
    grid-row-gap: calc(100vw / 375 * 15);
}

.auctionList-content--item {
    width: 100%;
    /*width: calc((100vw - 55px)/2);*/
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    box-shadow: 2px 2px 4px 1px rgb(143 143 143 / 40%);
}

.auc-list--pageMain {
    position: fixed;
    width: calc(100vw - (100vw / 375 * 20));
    height: calc(100vw / 375 * 34);
    bottom: calc(100vw / 375 * 30);
    /*left: 50%;*/
    margin-left: calc(100vw / 375 * 10);
}

.page-ul {
    width: calc(100vw - (100vw / 375 * 90));
    overflow-x: scroll;
    height: calc(100vw / 375 * 34);
    margin-right: calc(100vw / 375 * 5);
}

.page-ul-list {
    height: calc(100vw / 375 * 34);
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

/* 设置滚动条的样式 */
.page-ul-list::-webkit-scrollbar {
    /*width:0;*/
}

/* 滚动槽 */
.page-ul-list::-webkit-scrollbar-track {
    border-radius: 0;
    opacity: 0;
}

/* 滚动条滑块 */
.page-ul-list::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    background: transparent;
}

.page-ul-list::-webkit-scrollbar-thumb:window-inactive {
    background: transparent;
    opacity: 0;
}

.page-ul-list .page-item {
    display: inline-block;
}

.page-item {
    font-size: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #FFFFFF;
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    text-align: center;
    background: #4D4D4D;
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 10);
    border: 1px solid transparent;
    box-sizing: border-box;
}

.page-item.selected {
    background: #00ffff;
    border: 1px solid #00ffff;
    color: #4D4D4D;
}

.page-item.lastChilc {
    margin-right: 0;
}

.address .card-bag-add-certificates {
    background: #434CFF;
    border-radius: 16px;
    height: 32px;
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 32px;
}

.page-itemHome {
    margin-right: calc(100vw / 375 * 5);
}

.ppw-buyrecording--content {
    padding: 10px 20px;
}

.buyrecord-nodata {
    padding: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #8E90A5;
    background: #FFFFFF;
    border-radius: 9px;
}

.buyrecord-list {
    line-height: 10px;
    background: #FFFFFF;
    border-radius: 9px;
    padding: 20px 15px;
    margin-bottom: 10px;
}

.buyrecord-list:last-child {
    margin-bottom: 0;
}

.buyrecord-list-title {
    font-size: 15px;
    font-weight: bold;
    color: #28293D;
    line-height: 1.3;
    margin-bottom: 15px;
}

.buyrecord-list-price {
    font-size: 13px;
    font-weight: 500;
    color: #F54D6D;
    line-height: 1.3;
    margin-bottom: 15px;
}

.buyrecord-time {
    font-size: 13px;
    font-weight: 500;
    color: #8E90A5;
    line-height: 1;
}

.myOrders-content {
    margin-top: 60px;
}

.myOrders-tab.commodity-order-list-bg {
    padding: 0 calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 50);
    line-height: calc(100vw / 375 * 50);
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #292929;
    position: relative;
    top: 44px;
    z-index: 100;
}

.myOrders-tab-item {
    border-bottom: 4px solid transparent;
    box-sizing: border-box;
    height: calc(100vw / 375 * 40);
    width: calc((100vw - 100vw / 375 * 8 * 2 - 100vw / 375 * 5 * 3) / 4);
    /*width: 18%;*/
    text-align: center;
    color: #FFFFFF;
}

.myOrders-tab-item.selected {
    color: #00ffff;
    border-bottom: calc(100vw / 375 * 2) solid #00ffff;
}

.myOrders-item {
    background: #4D4D4D;
    padding-top: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.myOrders-item.nodata {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #999999;
    padding: calc(100vw / 375 * 10) 0;
}

.myOrders-item:last-child {
    margin-bottom: 0;
}

.myOrders-top-he {
    margin: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
    border-bottom: 1px solid #999999;
    padding-bottom: calc(100vw / 375 * 10);
    /*padding-left: calc(100vw/375*10);*/
}

.myOrders-top-hesd {
    /*width: calc(100vw / 375 * 280);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.myOrders-top-state {
    color: #FFFFFF;
    margin-left: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 50);
}

.myOrders-info {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    border-bottom: 1px solid #999999;
}

.myOrders-img {
    min-width: calc(100vw / 375 * 80);
    border: 0;
    width: calc(100vw / 375 * 80);
    height: calc(100vw / 375 * 80);
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    margin-right: calc(100vw / 375 * 15);
    position: relative;
}

.myOrders-img img {
    width: calc(100vw / 375 * 80);
    height: calc(100vw / 375 * 80);
    max-width: calc(100vw / 375 * 80);
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.myOrders-info--title {
    font-size: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 5);
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.myOrders-info--num {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
}

.myOrders-item-bottom {
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 20) calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    /*border-top: 1px solid #F7F7F7;*/
}

.myOrders-item-bottom-list {
    padding: calc(100vw / 375 * 5) 0 0 0;
    /*padding-right: 0px !important;*/
    /*padding-bottom: 0px !important;*/
    /*border-top: 1px solid #F7F7F7;*/
}

.myOrders-item-bottom-detail {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    /*border-top: 1px solid #999999;*/
}

.item-bottom--num {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
    min-width: fit-content;
}

.item-bottom--time {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #FFFFFF;
    /*text-transform: uppercase;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.item-bottom--he {
    min-width: calc(100vw / 375 * 60);
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #FFFFFF;
}

.item-bottom--price {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #00ffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.item-bottom--num span {
    color: #999999;
}

.item-bottom--num span:last-child {
    margin-right: calc(100vw / 375 * 5);
}

.button.button-dblue {
    background: rgb(67 76 255);
    box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%);
    background: #424BF9;
    border-radius: 5px;
    /*font-size: 18px;*/
    font-weight: 500;
    color: rgba(48, 48, 48, 1);
    margin-top: 10px;
}

.ppw-reg--tips {
    margin-top: 30px;
    margin-bottom: 12px;
}

.radioBox-text-protocol, .regTips {
    color: #00ffff;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 32);
    line-height: calc(100vw / 375 * 32);
    padding-bottom: calc(100vw / 375 * 10);
}

.referral-bind-bg .login-label,
.backcard-add-bg .login-label,
.prop-exchange-bg .login-label,
.prop-withdraw-bg .login-label,
.prop-transfer-bg .login-label,
.verify-bg .login-label,
.actual-enterprise-bg .login-label,
.actual-personal-bg .login-label,
.auth-enterprise-bg .login-label,
.auth-personal-bg .login-label,
.card-holder-bg .login-label,
.address-edit-bg .login-label,
.address-add-bg .login-label,
.request-bg .login-label,
.repayment-bg .login-label,
.payment-bg .login-label,
.password-bg .login-label,
.mobile-bg .login-label,
.mobile-old-bg .login-label,
.forgot-bg .login-label,
.register-bg .login-label,
.login-bg .login-label {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
}

.mobile-new--label .payment-reg--span {
    margin-bottom: 10px;
}

.input_border .icon_calss {
    top: calc(100vw / 375 * 30);
    right: calc(100vw / 375 * 2);
    left: auto;
    height: auto;
    color: #00ffff !important;
}

.login-bg .input_border .icon_calss {
    font-size: calc(100vw / 375 * 21);
}

input.NO_bgcolor_input {
    padding-left: calc(100vw / 375 * 2);
    padding-right: calc(100vw / 375 * 47);
}

.regTab-s {
    background: #fff !important;
}

.dynamic-box--button-new {
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
    border-radius: calc(100vw / 375 * 2) !important;
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #1B1B1C;
    height: auto;
    margin-bottom: 0;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: bold;
}

.mobile-password.actived-mobile {
    color: #424BF9;
}

.mobile-password.actived-mobile .mobile-password-hor {
    background-color: #424BF9;
}

.declaration-tab--op.notice {
    color: #292929 !important;
}

.mobile-password {
    color: #292929;
}

.icon-new-title.log {
    color: #292929
}

.login-mainBox {
    margin: 0 calc(100vw / 375 * 30);
    background: transparent !important;
    box-shadow: none;
    border-radius: 0;
}

.login-logo--box {
    padding: calc(100vw / 375 * 50) calc(100vw / 375 * 30) calc(100vw / 375 * 30) calc(100vw / 375 * 30);
    margin: 0;
}

.login-title {
    font-size: calc(100vw / 375 * 36);
    font-weight: 500;
    color: #00ffff;
    line-height: 1.5;
}

.forget_login {
    padding: 0;
}

.btn-login {
    /*padding: 15px 0 35px 0;*/
}

span.forgot, span.reg {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #00ffff;
}

.forget_login .login_button {
    background-image: linear-gradient(
            90deg,
            #00ffff, #D7AE8A, #EFC7A0
    );
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 7) 0 rgba(239, 199, 160, 0.5);
    border-width: calc(100vw / 375 * 1);
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #FFFFFF;
}

.login-bottom, .tips-title-number {
    font-size: calc(100vw / 375 * 10);
    color: #FFFFFF;
}

/*.bar.bar-theme.manage-bg {*/
/*background: url('../img/dfk/manage-header.png') no-repeat !important;*/
/*background-size: 100% 100% !important;*/
/*}*/

.bar.bar-theme.my-about {
    background: #312a72 !important;
}

.bar.bar-theme.my-invit {
    background: #FFC2B5 !important;
}

.bar.bar-theme.prop-detail-bg {
    background: linear-gradient(270deg, #1B1B1C, #373739, #1B1B1C) !important;
}

.bg-color.prop-detail-bg {
    background-image: linear-gradient(270deg, #FFFFFF, #FFFFFF) !important;
    background: #FFFFFF !important;
}

.bg-color.pattern-bg,
.bg-color.login-bg {
    background: rgba(77, 77, 77, 1) !important;
}

/*.bar.bar-theme.prop-bg {*/
/*background: url('../img/ppw/assets-header.png') no-repeat !important;*/
/*background-size: 100% 100% !important;*/
/*}*/

/*.bg-color.prop-bg {*/
/*background: url('../img/ppw/assets-bottom.png') no-repeat !important;*/
/*background-size: 100% 100% !important;*/
/*}*/

.bar.bar-theme.prop-bg {
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
}

.bg-color.prop-bg {
    /*background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;*/
    background: #4D4D4D !important;
}

.prop-bg-down.prop-bg {
    background: url(../img/dfk/prop-bd.png) no-repeat !important;
    background-size: 100% !important;
}

.manage-bg .my-header-manage {
    /*background: url(../img/ppw/my-bottom.png) no-repeat !important;*/
    /*background-size: 100% 100% !important;*/
    background: none;
    height: calc(100vw / 375 * 200);
    padding: 0;
}

.bar.bar-theme.userGraph {
    background: url('../img/ppw/invite-num-header.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.bg-color.pay-commodity-details-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.pay-commodity-details-bg .icon-pulling,
.bg-color.request-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.request-bg .icon-pulling,
.bg-color.commodity-order-list-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.commodity-order-list-bg .icon-pulling,
.bg-color.prop-transaction-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.prop-transaction-bg .icon-pulling,
.bg-color.notice-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.notice-bg .icon-pulling,
.bg-color.user-order-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.user-order-bg .icon-pulling,
.bg-color.main-order-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.main-order-bg .icon-pulling,
.bg-color.index-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.index-bg .icon-pulling,
.bg-color.ppw-index-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.ppw-index-bg .icon-pulling,
.bg-color.prop-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.prop-bg .icon-pulling {
    color: #fff !important;
    /*font-size: 14px !important;*/
    /*line-height: 14px !important;*/
}

.bg-color .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color .icon-pulling {
    color: #fff !important;
}

.bg-color.pay-commodity-details-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.pay-commodity-details-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.request-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.request-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.commodity-order-list-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.commodity-order-list-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.prop-transaction-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.prop-transaction-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.notice-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.notice-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.user-order-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.user-order-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.main-order-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.main-order-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.index-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.index-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.ppw-index-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.ppw-index-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.prop-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.prop-bg .scroll-refresher.active.refreshing .text-refreshing {
    color: #fff !important;
    /*font-size: 14px !important;*/
    /*line-height: 14px !important;*/
    /*color: #666 !important;*/
}

.bg-color .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color .scroll-refresher.active.refreshing .text-refreshing {
    color: #fff !important;
    /*font-size: 14px !important;*/
    /*line-height: 14px !important;*/
    /*color: #666 !important;*/
}

/*.ion-infinite-scroll {*/
/*height: calc(100vw / 375 * 60) !important;*/
/*}*/

/*.scroll-content{*/
/*margin-top: -2px;*/
/*}*/
.my-header-manage--img {
    width: calc(100vw / 375 * 55);
    height: calc(100vw / 375 * 55);
    border: 2px solid #262626;
}

.header-sjjjj {
    position: relative;
    width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 60);
    left: calc(100vw / 375 * 20);
    top: calc(-1 * (100vw / 375 * 40));
}

.userName-main {
    position: relative;
    top: calc(-1 * (100vw / 375 * 36));
    left: calc(100vw / 375 * 14);
}

.my-header-manage .name {
    font-size: calc(100vw / 375 * 18);
    font-weight: normal;
    color: #262626;
    max-width: calc(100vw / 375 * 250);
}

.my-header-manage .username {
    position: inherit;
    top: 0;
    right: 0;
    opacity: 1;
    background: transparent;
    padding: 0;
    border-radius: 0;
    min-width: calc(100vw / 375 * 100);
    justify-content: left;
    font-size: calc(100vw / 375 * 12);
    font-weight: normal;
    color: #FFFFFF;
}

.ppw-manage {
    /*margin-top: -50px;*/
}

.ppw-manage-item {
    position: relative;
    margin-top: calc(-1 * (100vw / 375 * 90));
    margin-left: calc(100vw / 375 * 10);
    margin-right: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 10);
    background: url(../img/dfk/my-item-bg.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    border-radius: calc(100vw / 375 * 5);
}

.bg-color.manage-bg,
.bg-color.recharge,
.bg-color.ppw-account {
    background: #F4F6F8;
}

.ppw-manage-item1, .ppw-manage-item2 {
    /*width: 160px;*/
    height: calc(100vw / 375 * 90);
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    width: calc((100vw - (100vw / 375 * 20)) / 2);
}

.ppw-manage-item1 {
    /*background: url(../img/ppw/my-item1.png) 100% no-repeat !important;*/
    /*background-size: 100% 100% !important;*/
    margin-right: calc(100vw / 375 * 40);
}

.ppw-manage-item2 {
    margin-left: calc(100vw / 375 * 40);
    /*background: url(../img/ppw/my-item2.png) 100% no-repeat !important;*/
    /*background-size: 100% 100% !important;*/
}

.ppw-manage--box {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    background: #FFFFFF;
    border-radius: 50%;
}

.ppw-manTips {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
    /*margin-bottom: 3px;*/
}

.ppw-manImg {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    margin-bottom: calc(100vw / 375 * 15);
}

.ppw-manNum-box {
    position: inherit;
    top: calc(100vw / 375 * 15);
    right: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    border-radius: 50%;
    border: 1px solid #F9E1BB;
    background: #1A1A1A;
}

.ppw-manNum {
    font-size: calc(100vw / 375 * 9);
    /*font-weight: bold;*/
    color: #F9E1BB;
}

.ppw-manage-content {
    position: absolute;
    height: 100%;
}

.item .manage-label {
    font-size: calc(100vw / 375 * 14) !important;
    font-weight: 500;
    color: #262626;
}

.icon--img i {
    color: #666666 !important;
}

.ppw-manage--list {
    margin: 0 calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5) !important;
    overflow: hidden;
}

.ppw-manage-pay-list {
    margin: 15px 15px 10px 15px;
    border-radius: 9px !important;
    overflow: hidden;
}

.ppw-manage--list.botmm {
    margin: 15px 0px 0px 0px;
}

.button.botton-dblueTheme-trade {
    /*background: rgb(67 76 255);*/
    /*box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%);*/
    /*background: #434CFF;*/
    /*box-shadow: none;*/
    /*border-radius: 20px;*/
    font-size: 14px;
    /*font-weight: 500;*/
    /*color: #FFFFFF;*/
    /*opacity: 1;*/
    height: 40px;
    min-height: 40px;
    line-height: 40px;
}

.box-ui--theme {
    background: transparent;
    box-shadow: none;
    /*border-radius: 5px;*/
    margin: 0;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
}

.button.button-dblue.ppw-btn {
    margin-top: calc(100vw / 375 * 30) !important;
}

.goPay-s .input-del-gopay.mobile-close {
    right: calc(100vw / 375 * 80) !important;
}

.goPay-s .input-del-gopay.edit-close-icon {
    /*right: calc(100vw / 375 * 10) !important;*/
    top: calc(100vw / 375 * 26);
}

.dynamic-box--button-click {
    color: #fff !important;
}

.button.button-sure {
    background: #00ffff;
    color: #000000;
}

.ppw-pree--content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pree-content {
    background: #fff;
    padding: 22px 20px;
}

.pree-head {
    font-size: 15px;
    font-weight: bold;
    color: #292929;
    line-height: 20px;
    margin-bottom: 20px;
}

.pree-head--tips {
    font-size: 14px;
    font-weight: bold;
    color: #292929;
    line-height: 20px;
    margin-bottom: 10px;
}

.pree-head--tips i {
    margin-right: 5px;
    font-size: 25px;
    color: #434CFF;
}

.pree-head--tipsCont {
    padding-left: 29px;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
    line-height: 20px;
    margin-bottom: 22px;
}

.pree-head--tipsCont:last-child {
    margin-bottom: 0;
}

.pree-content-list {
    padding: 13px 20px 19px 20px;
    background: #fff;
}

.pree-content--title {
    font-size: 14px;
    font-weight: 500;
    color: #292929;
    line-height: 23px;
    margin-bottom: 20px;
}

.pre-list {
    grid-template-columns: repeat(2, 47.5%);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pre-list--itemTitle {
    font-size: 12px;
    font-weight: 500;
    color: #292929;
}

.pre-list--item {
    background: #F1F0F5;
    border-radius: 4px;
    padding: 15px 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    height: 98px;
    position: relative;
    overflow: hidden;
}

.triangle-bottomright {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 25px solid #434CFF;
    border-left: 25px solid transparent;
}

.pre-list--item.selected {
    border: 1px solid #434CFF;
}

.pre-day {
    font-size: 18px;
    font-weight: 500;
    color: #FF991F;
    margin-bottom: 5px;
}

.pre-pirce {
    font-size: 12px;
    text-transform: uppercase;
}

.pre-tips {
    font-size: 12px;
    font-weight: 500;
    color: #999999;
}

.pre-btn {
    flex: 1;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
}

.pree-zj {
    font-size: 12px;
    font-weight: 500;
    color: #292929;
}

.pree-dw {
    font-size: 12px;
    font-weight: 500;
    color: #FF991F;
    text-transform: uppercase;
    margin-left: 3px;
}

.pree-price {
    font-size: 18px;
    font-weight: 500;
    color: #FF991F;
    margin-left: 4px;
}

.pree-btn {
    min-width: 133px;
    background: #434CFF;
    font-size: 18px;
    font-weight: 500;
    color: #FEFEFE;
}

.pre-icon {
    position: absolute;
    top: 10px;
    right: 0px;
    color: #fff;
}

.pre-hot {
    position: absolute;
    left: 0;
    top: 0;
    background: #434CFF;
    font-size: 10px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0 5px;
    border-radius: 0px 0px 4px 0px;
}

.pre-hot i {
    font-size: 16px;
    margin-right: 2px;
}

.ppw-invite--content {
    margin: 30px 30px;
}

.ppw-content {
    border-radius: 12px;
    background: transparent;
    overflow: hidden;
    box-shadow: 6px 14px 65px -30px #fd6b00;
}

.invite-head {
    background: url(../img/ppw/invite-qrcode.png) no-repeat !important;
    background-size: 100% 100% !important;
    height: calc(100vw / 375 * 130);
}

.userGraph-theme-bg {
    background: url(../img/ppw/invite-num-bottom.png) no-repeat !important;
    background-size: 100% 100% !important;
    height: 237px;
    position: relative;
}

.invite-headName {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #CCCCCC;
    margin-top: calc(100vw / 375 * 40);
    margin-bottom: calc(100vw / 375 * 10);
}

.invite-tips {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #F5641C;
    margin-bottom: calc(100vw / 375 * 10);
}

.invite-tips-d {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #333333;
}

.invite-code {
    background: #fff;
    padding-bottom: calc(100vw / 375 * 25);
}

.invitationCode-bg {
    width: calc(100vw / 375 * 105);
    height: calc(100vw / 375 * 12);
    background: url(../img/ppw/invitationCode.png) no-repeat !important;
    background-size: 100% 100% !important;
    margin-bottom: calc(100vw / 375 * 10);
}

.invit-line {
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 2);
    background: #ECECEC;
    margin-top: calc(100vw / 375 * 3);
    margin-bottom: calc(100vw / 375 * 7);
}

.invite-code--title {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #595959;
    margin-bottom: calc(100vw / 375 * 15);
}

.invit-main {
    background: #fff;
    margin: 0 40px;
}

.inviteMain {
    padding-bottom: calc(100vw / 375 * 10);
}

.bg-color.invite-bg {
    background: #FFC2B5;
    /*background-size: 100% 100% !important;*/
}

.inviteUl {
    grid-template-columns: repeat(6, calc((100vw - (100vw / 375 * 140)) / 6));
}

.invite-input {
    width: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35) !important;
    font-size: calc(100vw / 375 * 15) !important;
    margin-right: calc(100vw / 375 * 5);
    background: #F6F6F6;
    border-radius: calc(100vw / 375 * 3);
    padding: 0 !important;
    border: calc(100vw / 375 * 1) solid #E1E1E1 !important;
    color: #F5641C !important;
    text-align: center;
    font-weight: bold;
}

.invit-qrcode {
    /*width: 245px;*/
    /*height: 245px;*/
    width: calc(100vw - (100vw / 375 * 140));
    height: calc(100vw - (100vw / 375 * 140));
    margin: auto;
}

.qrcode {
    display: block;
    margin: 0;
    max-width: 100%;
}

.invite-copy {
    padding: calc(100vw / 375 * 15) 0;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    background: #FD6B00;
}

.addrlist {
    background: #4D4D4D;
    margin: 0 0 calc(100vw / 375 * 10) 0;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.add-info {
    width: 100%;
    border-bottom: 1px solid #999999;
    padding: 0 0 calc(100vw / 375 * 10) 0;
}

.add-btn {
    padding: calc(100vw / 375 * 10) 0 0 0;
    width: 100%;
}

.add-infoUsers {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 15);
    width: 100%;
}

.add-infoUsers span:first-child {
    font-size: calc(100vw / 375 * 14);
}

.add-infoUsers span:last-child {
    margin-bottom: 0;
}

.add-infoUser {
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw/375*48);*/
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #FFFFFF;
    /*margin-bottom: calc(100vw / 375 * 5);*/
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.add-icon {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    /*margin-right: calc(100vw/375*5);*/
    font-weight: 500;
    color: #FFFFFF;
}

.btn-info {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
}

.icon-dne {
    font-size: calc(100vw / 375 * 17);
    margin-right: calc(100vw / 375 * 5);
}

.btn-info-mr {
    margin-right: calc(100vw / 375 * 5);
}

.city-add {
    margin-bottom: 20px;
}

.ppw-addradd--content {
    /*background: #fff;*/
}

.address-payment-reg--span.add-span {
    width: auto;
    /*min-width: 70px;*/
}

.goPay-info.forgot-reg.add-box {
    /*padding: 0 20px;*/
    /*border-bottom: 1px solid #F8F9FB;*/
    margin-bottom: calc(100vw / 375 * 20);
}

.goPay-info.forgot-reg.add-box .goPay-s {
    margin-bottom: 0;
    /*height: calc(100vw / 375 * 40);*/
}

.goPay-s .input-del-gopay.mobile-add {
    right: calc(100vw / 375 * 15) !important;
    top: calc(100vw / 375 * 11);
}

.city-btn {
    background: #434CFF;
    border-radius: 20px;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 500;
    color: #FEFEFE;
    margin: 0 20px;
}

.textares-s {
    min-height: calc(100vw / 375 * 70);
    background: transparent;
    width: 100%;
    padding-top: 0 !important;
    padding-left: calc(100vw / 375 * 2) !important;
    padding-right: calc(100vw / 375 * 45) !important;
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12) !important;
    line-height: 1.5 !important;
    margin-left: calc(100vw / 375 * 1) !important;;
}

.textares-s::-webkit-input-placeholder {
    font-size: calc(100vw / 375 * 12) !important;
    position: relative;
    bottom: calc(100vw / 375 * 1);
    color: #999999;
}

.textarea-box {
    height: calc(100vw / 375 * 70) !important;
}

/*.select-label{*/
/*width: 90px;*/
/*}*/
.assets-content {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15) 0 calc(100vw / 375 * 15);
}

.assets-item {
    /*background: #FFFFFF;*/
    position: relative;
    border-radius: calc(100vw / 375 * 9);
    padding: calc(100vw / 375 * 20) 0;
    margin-bottom: calc(100vw / 375 * 15);
    /*background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;*/
}

.assets-item.bg {
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
}

.assets-item.pd {
    padding: calc(100vw / 375 * 20) 0 0 0;
}

.assets-first {
    margin-bottom: calc(100vw / 375 * 10);
}

.assets-firstTitle {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #00ffff;
}

.assets-firstTitle span {
    /*text-transform: uppercase;*/
    min-width: calc(100vw / 375 * 87);
}

.span-assets-title {
    min-width: calc(100vw / 375 * 62);
}

.span-assets {
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #FFFFFF;
    background: #4E43FF;
    border-radius: calc(100vw / 375 * 20);
    margin-left: calc(100vw / 375 * 5);
    min-width: calc(100vw / 375 * 87);
}

.assets-icon {
    margin-right: calc(100vw / 375 * 3);
    font-size: calc(100vw / 375 * 18);
}

.assets-sp {
    /*text-transform: uppercase;*/
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #00ffff;
    margin-bottom: calc(100vw / 375 * 10);
    /*min-width: calc(100vw / 375 * 65);*/
    /*text-align: left;*/
}

.span-count {
    margin-left: calc(100vw / 375 * 5);
}

.assets-firstTitle-price {
    font-size: calc(100vw / 375 * 30);
    font-weight: bold;
    color: #FFFFFF;
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    margin-bottom: calc(100vw / 375 * 20);
}

.assets-firstTitle-num {
    font-size: calc(100vw / 375 * 24);
    font-weight: bold;
    color: #FFFFFF;
    height: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
}

.asset-sc {
    /*width: 51%;*/
}

.assets-first-icon {
    margin-left: calc(100vw / 375 * 10);
    color: #00ffff;
    transform: rotate(-180deg);
}

.asset-mr {
    margin-bottom: calc(100vw / 375 * 25);
}

.asset-mrd {
    margin-bottom: calc(100vw / 375 * 15);
}

.assets-recharge {
    /*background: #5949EE;*/
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
    border-radius: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 35);
    line-height: calc(100vw / 375 * 35);
    text-align: center;
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1A1A1A;
    width: 33%;
    margin-left: calc(100vw / 375 * 10);
}

.assets-exchange {
    /*background: #F89008;*/
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
    border-radius: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 35);
    line-height: calc(100vw / 375 * 35);
    text-align: center;
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1A1A1A;
    margin-bottom: calc(100vw / 375 * 15);
    width: 80%;
    position: inherit;
    z-index: 999;
}

.assets-trade {
    /*background: #c602ff;*/
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
    border-radius: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 35);
    line-height: calc(100vw / 375 * 35);
    text-align: center;
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1A1A1A;
    margin-bottom: calc(100vw / 375 * 15);
    width: 80%;
    position: inherit;
    z-index: 999;
}

.assets-transfer {
    /*background: rgb(255 135 70);*/
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
    border-radius: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 35);
    line-height: calc(100vw / 375 * 35);
    text-align: center;
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1A1A1A;
    margin-bottom: 15px;
    width: 80%;
    position: inherit;
    z-index: 999;
}

.assets-withdraw {
    /*background: rgba(248, 94, 73, 1);*/
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
    border-radius: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 35);
    line-height: calc(100vw / 375 * 35);
    text-align: center;
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1A1A1A;
    width: 33%;
    margin-left: calc(100vw / 375 * 10);
    /*margin-bottom: 15px;*/
}

.assets-pirce {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    /*min-width: calc(100vw / 375 * 65);*/
    /*text-align: left;*/
}

.assets-tips {
    /*background: #F6F6FD;*/
    border-radius: calc(100vw / 375 * 2);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 11);
    font-weight: bold;
    color: #A98A6F;
    width: 100%;
}

.exchgen--tips {
    font-size: calc(100vw / 375 * 16);
    margin-right: calc(100vw / 375 * 3);
    color: #A98A6F;
}

.userGraph-theme .button.button-dblue {
    margin-top: 0;
}

.usergraph-date {
    color: #1C1C1D;
    background: #00ffff;
    border-radius: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 8);
    width: max-content;
}

.home-img {
    margin-bottom: calc(100vw / 375 * 10);
}

.home-img img {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    border: 0;
}

.fil-scrollSvg img {
    width: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    border: 0;
    /*margin-top: -9px;*/
    margin-right: calc(100vw / 375 * 10);
}

.fil-scrollSvg i {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    margin-right: calc(100vw / 375 * 5);
    color: #00ffff;
    background: linear-gradient(90deg, #00ffff, #04b3b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.list-inset-ref {
    /*margin-top: -200px;*/
    /*position: relative;*/
    /*top: -200px;*/
}

/*.prop-pos{*/
/*height: 100vh;*/
/*}*/
.declaration-tab--op.notice.actived-op {
    color: #434CFF !important;
}

/*.bankcard-btn{*/
/*background:#424BF9;*/
/*}*/
.horizontal {
    left: calc(100vw / 375 * 15)
}

.goPay-s .input-del-gopay.mobile-close.ppw-mobile-icon {
    right: 79px !important;
}

.recharge-obj {
    padding: 15px 20px 20px 20px;
    background: #fff;
    margin-bottom: 15px;
}

.recharge-obj--title {
    font-size: 15px;
    font-weight: bold;
    color: #292929;
    margin-bottom: 10px;
    width: 100%;
}

.recharge-list {
    width: 100%;
}

.recharge-item {
    padding: 15px 35px;
    font-size: 15px;
    font-weight: bold;
    color: #898989;
    background: #F7F6FB;
    border-radius: 9px;
    margin-right: 15px;
    text-transform: uppercase;
}

.recharge-item:last-child {
    margin-right: 0;
}

.recharge-item.selected {
    background: #434CFF;
    color: #fff;
}

.recharge-method {
    padding: 15px 20px 20px 20px;
    background: #fff;
}

.method-title {
    margin-bottom: 25px;
}

.method-item {
    width: 100%;
    margin-bottom: 20px;
}

.method-item:last-child {
    margin-bottom: 0;
}

.method-item--title {
    font-size: 14px;
    font-weight: 500;
    color: #292929;
    line-height: 23px;
}

.method-icon-mrR {
    margin-right: 5px;
}

.method-icon {
    font-size: 30px;
}

.icon-weixin {
    color: #24DB5A;
}

.icon-zhifubao1 {
    color: #02A9F1;
}

.icon-USDT2 {
    color: #0E932E;
}

.button.button-dblue.ppw-s {
    border-radius: 20px;
}

.icon-span {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    background: #999999;
    border: 1px solid #00ffff;
    border-radius: 50%;
}

.icon-span.iconSele {
    border: 1px solid transparent;
}

.auction-list--leftImg {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    min-width: calc(100vw / 375 * 40);
    min-height: calc(100vw / 375 * 40);
    background: #fff;
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 10);
}

.auction-list--leftImg img {
    width: 100%;
    height: 100%;
}

.auction-icos {
    font-size: 35px;
    color: #FD6C00;
}

.icon-xuanze {
    font-size: calc(100vw / 375 * 28);
    color: #00ffff;
}

.jsds {
    background: #4D4D4D;
}

.myOrders-pengPayment {
    margin-top: calc(100vw / 375 * 10);
}

.myOrders-pengPaymentBtn {
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #000000;
    line-height: calc(100vw / 375 * 14);
    /*background: #434CFF;*/
    background: #00ffff;
    /*box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%);*/
    border-radius: calc(100vw / 375 * 20);
}

.myOrders-pengPaymentBtn--pk {
    padding: 2px 20px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 23px;
    /*background: #434CFF;*/
    background: rgba(248, 94, 73, 1);
    box-shadow: 0px 3px 7px 0px rgb(225 63 41 / 50%);
    border-radius: 20px;
    margin-right: 10px;
}

.myOrders-pengPaymentBtn--sp {
    padding: 2px 20px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 23px;
    /*background: #434CFF;*/
    background: #c602ff;
    box-shadow: 0px 3px 7px 0px rgb(198 2 255 / 50%);
    border-radius: 20px;
    margin-right: 10px;
}

.bar .button.button-clear.icon:before {
    font-size: 25px;
    line-height: 25px;
}

i.add-icon-sss {
    font-size: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 5);
}

.icon-span.addr-ciosn {
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-right: calc(100vw / 375 * 5);
}

.bg-color.payDetails-bg {
    background: #F4F6F8;
}

.bg-color.payDetails-bg.pay {
    bottom: 45px;
}

.payDetails-process {
    /*margin: 0 50px;*/
    padding: calc(100vw / 375 * 15) 0;
    position: relative;
}

.payDetails-itemBox {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #00ffff;
    margin-bottom: calc(100vw / 375 * 4);
}

.payDetails-item--box {
    display: inline-block;
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    background: #00ffff;
    border-radius: 50%;
    overflow: hidden;
    margin: calc(100vw / 375 * 2);
}

.payDetails-itemTips {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #525252;
}

.payDetails-item-r {
    margin: 0 calc(100vw / 375 * 18) 0 0;
}

.payDetails-item-l {
    margin: 0 0 0 calc(100vw / 375 * 18);
}

.payDetails-item-rl {
    margin: 0 calc(100vw / 375 * 18);
}

.payDetails-item.selected .payDetails-itemBox {
    border: 1px solid #00ffff;
}

.payDetails-item.selected .payDetails-item--box {
    background: #00ffff;
}

.payDetails-item.selected .payDetails-itemTips {
    color: #00ffff;
}

.payDetails-line-first,
.payDetails-line-two,
.payDetails-line-three {
    position: absolute;
    width: 24%;
    height: calc(100vw / 375 * 1);
    background: #00ffff;
}

.payDetails-line-first {
    top: calc(100vw / 375 * 22);
    /*left: 34px;*/
    width: calc(100vw / 375 * 85);
    z-index: -1;
}

.payDetails-line-two {
    top: calc(100vw / 375 * 22);
    /*right: 107px;*/
    width: calc(100vw / 375 * 85);
    z-index: -1;
}

.payDetails-line-three {
    top: calc(100vw / 375 * 22);
    /*right: 24px;*/
    width: calc(100vw / 375 * 85);
    z-index: -1;
}

.payDetails-item.selected .payDetails-line-first,
.payDetails-item.selected .payDetails-line-two,
.payDetails-item.selected .payDetails-line-three {
    background: #00ffff;
}

.payDetails-cont {
    background: #4D4D4D;
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.payDetails-itm {
    padding: calc(100vw / 375 * 12) 0;
    background: #4D4D4D;
    border-bottom: 1px solid #999999;
}

.payDetails-itm:last-child {
    border-bottom: none;
    /* margin-bottom: 10px; */
    padding-bottom: 0;
}

.payDetails-itm-content {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

.payDetails-itm-content:last-child {
    margin-bottom: 0;
}

.payDetails-itm--title {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #FFFFFF;
    min-width: calc(100vw / 375 * 85);
}

.payDetails-itm-right {
    max-width: calc(100vw / 375 * 230);
}

.payDetails-itm--val {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.payDetails-itm--val.price {
    color: #00ffff;
}

.payDetails-itm--val.copy {
    margin-right: 5px
}

.payDetails-itm--val.underLine {
    text-decoration: underline;
}

.payDetails-c {
    background: #4D4D4D;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    margin: 0 calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.payDetails-cTtiel {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    width: 100%;
}

.payDetails-payment {
    width: 100%;
    margin-top: 15px;
}

.payDetails-paymentTtitle {
    font-size: 13px;
    font-weight: 500;
    color: #242424;
}

.payDetails-paymentVal {
    font-size: 13px;
    font-weight: 500;
    color: #666666;
}

.payDetails--img {
    min-width: 80px;
    border: 0;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
}

.payDetails--payImg,
.payDetails--payImg img {
    min-width: 150px;
    border: 0;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.payDetails--img img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    border-radius: 6px;
    overflow: hidden;
}

.payDetails-upload-check {
    width: 100%;
    background: #F5F5F5;
    border-radius: 5px;
    overflow: hidden;
    padding: 12px 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.payDetails-btn {
    text-align: center;
    position: relative;
}

.payDetails-btn-tips {
    font-size: 13px;
    font-weight: 500;
    color: #5949EE;
}

.payDetails-btn i {
    color: #5949EE;
}

.pay-detailsbox {
    margin: 0 calc(100vw / 375 * 20);
}

.myOder-icon {
    font-size: 30px;
}

.myOder-icon.buy {
    color: #FD6C0F;
}

.myOder-icon.sell {
    color: #FFB615;
}

.goods-no {
    position: absolute;
    top: 150px;
    right: 30px;
    z-index: 9999;
    width: 120px;
    height: 120px;
    transform: rotate(348deg);
}

.item-bottom--content {
    font-size: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    color: #D26B59;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.item-bottom--content-con {
    font-size: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    color: #D26B59;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.payDetails-upload {
    margin-top: 15px;
    margin-bottom: 15px
}

.payDetails-check-bank-img {
    /*display: block;*/
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px !important;
    background-color: #ffffff;
}

.payDetails-choose-box {
    background: #fff;
    margin-top: 15px;
    padding: 0;
    width: 100%;
}

.payDetails-detail-bank {
    width: 100%;
}

.payDetails-detail-bank-text {
    font-size: 16px;
    font-family: PingFang-SC-Regular !important;
    font-weight: 400;
    color: rgba(99, 99, 99, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*.payDetails-detail-bank-text-s {*/
/*margin-left: 5px;*/
/*margin-right: 5px;*/
/*color:rgba(167,167,167,1);*/
/*font-size: 14px;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*display: -webkit-box;*/
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
/*}*/
.payDetails-detail-bank-num {
    color: rgba(167, 167, 167, 1);
    font-size: 14px;
    margin-top: 5px;
}

.payDetails-detail-bank-num-s {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.payDetails-header-box--icon {
    margin-left: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 16);
    color: #FFFFFF;
}

.payDetails-header-box--icon-price {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 18);
    margin-right: calc(100vw / 375 * 10);
    margin-left: calc(100vw / 375 * 5);
}

.no-margin-right {
    margin-right: 0;
}

.ppw-address--content {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
}

.prop-bg-down {
    padding-bottom: calc(100vw / 375 * 10);
}

.sele-add {
    width: 100%;
}

.address-select-ac {
    background-color: transparent !important;
    height: 20px !important;
    margin-top: 10px !important;
    left: 0 !important;
    padding: 0 !important;
    color: #636363 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.address-payment-reg--span {
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    width: 100%;
    font-size: calc(100vw / 375 * 14);
    font-weight: 400;
    color: #FFFFFF;
}

.scroll-refresher.active.refreshing .icon-refreshing,
.scroll-refresher.active.refreshing .text-refreshing {
    font-size: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 14) !important;
    color: #fff;
!important;
}

.pays-svg {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
}

.pays-info {
    font-size: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #333333;
    width: 100%;
}

.pays-add-info {
    width: 100%;
    padding: 0 0 calc(100vw / 375 * 10) 0;
    border-bottom: 1px solid #999999;
}

.pays-title {
    margin-left: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #FFFFFF;
}

.pays-bind {
    font-size: calc(100vw / 375 * 12);
    min-width: calc(100vw / 375 * 40);
    color: #00ffff;
}

.pays-no-bind {
    font-size: calc(100vw / 375 * 12);
    min-width: calc(100vw / 375 * 40);
    color: #FFFFFF;
}

.declaration-tab--op {
    color: #FFFFFF !important;
}

.declaration-tab--op.actived-op {
    color: #00ffff !important;
}

.declaration-tab--line {
    background: #00ffff !important;
}

.auction-tips-business {
    padding: 1px 5px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 10px;
    margin-right: 5px;
    line-height: 16px;
    position: absolute;
    right: 5px;
    top: calc(((100vw - 55px) / 2) - 30px);
}

.auction-tips-business.self {
    right: calc(100vw / 375 * 42);
}

.auction-tips-business-con {
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 7);
    border: 1px solid #000;
    border-radius: calc(100vw / 375 * 4);
    font-size: calc(100vw / 375 * 10);
    /*margin-right: calc(100vw/375*5);*/
    line-height: calc(100vw / 375 * 14);
    position: absolute;
    right: calc(100vw / 375 * 5);
    top: calc(100vw / 375 * 100);
}

.auction-tips-business-con.vertical {
    top: calc(100vw / 375 * 120) !important;
}

.auction-tips-business-list {
    padding: 1px 5px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 10px;
    margin-right: 5px;
    line-height: 16px;
    position: absolute;
    top: 55px;
    left: 40px;
    width: 33px;
}

.auction-tips-business-pay {
    padding: 1px 5px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 10px;
    margin-right: 5px;
    line-height: 16px;
    position: absolute;
    top: 55px;
    left: 40px;
    width: 33px;
}

.auction-tips-business.mr,
.auction-tips-business-list.mr,
.auction-tips-business-pay.mr,
.auc-spa.mr {
    color: #fff;
    border-color: #31c19e;
    background: #31c19e;
}

.auction-tips-business.mr1,
.auction-tips-business-list.mr1,
.auction-tips-business-pay.mr1,
.auc-spa.mr1 {
    color: #fff;
    border-color: #c602ff;
    background: #c602ff;
}

.auction-tips-business.mr2,
.auc-spa.mr2 {
    color: #fff;
    border-color: #434CFF;
    background: #434CFF;
}

.auction-tips-business-con.mr,
.auc-spa-con.mr {
    color: #fff;
    border-color: #E0887F;
    background: #E0887F;
}

.commodity-details-bg .auction-tips-business-con.mr,
.commodity-details-bg .auc-spa-con.mr {
    color: #FFFFFF;
    border-color: #4D4D4D;
    background: #4D4D4D;
}

.auction-a {
    width: 100%;
    /*width: calc((100vw - 55px)/2);*/
}

.invite-input:last-child {
    margin-right: 0;
}

.pay-auc-r-spa {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #FFFFFF;
    width: 60px;
}

.pay-auc-r-spa-fin {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #FFFFFF;
    width: 90px;
}

.pay-auction-info--right.fin,
.pay-auction-info--right.con {
    min-width: 100px;
    background: #424BF9;
    box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%)
}

.pay-auction-info--right.fin {
    min-width: 130px !important;
}

.pay-auction-info--right.col-can {
    min-width: 100px;
    background: rgba(248, 94, 73, 1);
    box-shadow: 0px 3px 7px 0px rgb(225 63 41 / 50%);
}

.ppw-payDetails-content {
    padding-bottom: calc(100vw / 375 * 10) !important;
}

.payDetails-c:last-child {
    margin-bottom: 0;
}

.payDetails-upload-s {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.upload-boxdd {
    padding: 40px;
    font-size: 35px;
    color: #292929;
    background: #ececec;
    border: 1px solid #cccccc;
    position: relative;
}

.upload-front-dd {
    position: relative;
}

.upload-icon-add {
    font-size: 30px;
    color: #4672CA;
    position: absolute;
    top: 32px;
    right: 32px;
}

.pay-auction-info--header {
    background: #fff;
    height: 45px;
    padding: 0 0 0 10px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.pay-auc-p {
    font-size: 12px;
    font-weight: 500;
    color: #292929;
    /*max-width: calc(100vw - 100px);*/
}

.pay-auc-p.con {
    max-width: calc(100vw - 110px);
}

.pay-auc-p.fin {
    max-width: calc(100vw - 140px);
}

.pay-auction-info--right {
    height: 45px;
    padding: 15px 20px;
}

.auc-btn--buyBox {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    background: #ffffff;
    line-height: calc(100vw / 375 * 15);
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: calc(100vw / 375 * 12) 0;
    border-top-left-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
    left: 0%;
    z-index: 10001;
}

.buy-main {
    width: 90%;
    position: relative;
}

.buy-header {
    width: 100%;
    position: relative;
    top: calc(-1 * (100vw / 375 * 30));
}

.buy-img {
    width: calc(100vw / 375 * 65);
    height: calc(100vw / 375 * 65);
    border: 0;
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    margin-right: calc(100vw / 375 * 10);
}

.buy-ssse {
    margin-top: calc(100vw / 375 * 25);
}

.buy-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}

.buy-img img {
    width: calc(100vw / 375 * 65);
    height: calc(100vw / 375 * 65);
    border: 0;
}

.buy-box--price {
    color: #D9B08C;
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    margin-bottom: calc(100vw / 375 * 10);
    width: 100%;
}

.buy-box--num {
    color: #999999;
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    margin-bottom: calc(100vw / 375 * 5);
    width: 100%;
}

.buy-box--btn {
    width: 100%;
    margin-top: -17px;
}

.buy-addNum--s {
    width: 100%;
    margin-top: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 15);
}

.buy-addNum {
    width: 45%;
    border: 1px solid #cccccc;
    border-radius: calc(100vw / 375 * 6);
    overflow: hidden;
    height: calc(100vw / 375 * 35);
    line-height: calc(100vw / 375 * 35);
}

.buy-reduce,
.buy-addition {
    width: 45%;
    height: 100% !important;
    line-height: 100%;
    background: #f5f5f5;
    color: #2C2C2C;
    text-align: center;
    font-size: calc(100vw / 375 * 14);
}

.buy-reduce-no,
.buy-addition-no {
    color: #BDBEC7;
}

.buy-input {
    height: 100% !important;
    line-height: 100%;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.buy-input--num {
    width: 100%;
    height: 100% !important;
    background: #ffffff;
    color: #2C2C2C;
    text-align: center;
    font-size: calc(100vw / 375 * 16) !important;
    padding: 0 !important;
}

.buy-box--tips {
    color: #999999;
    font-size: calc(100vw / 375 * 13);
    font-weight: 500;
    margin-bottom: calc(100vw / 375 * 2);
    width: 100%;
}

.buy-add--btn {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    padding: calc(100vw / 375 * 12) 0;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    line-height: calc(100vw / 375 * 15);
    width: 100%;
    margin: 0 auto;
    border-radius: calc(100vw / 375 * 60);
}

.buy-add--btn-no {
    background: #BDBEC7;
}

.toggle {
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 44px;
    z-index: 1000;
    padding: calc(100vw / 375 * 5);
}

.toggle ul {
    padding: calc(100vw / 375 * 5);
}

.toggle ul li {
    margin: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10) 0;
    width: 25%;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 calc(100vw / 375 * 10) 0 rgb(0 0 0 / 18%);
    border-radius: calc(100vw / 375 * 4);
    color: #666;
}

.toggle ul li.two {
    width: 33%;
    flex-grow: 2;
    align-self: center;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*height: calc(100vw / 375 * 18);*/
}

.toggle.backa {
    /*background: url(../img/ppw/bidd-bottom-select.png) no-repeat !important;*/
    /*background-size: 100% !important;*/
    background-image: linear-gradient(
            270deg,
            #EFC7A0, #D7AE8A, #EAD8C4
    );
}

.toggle.commodity-order-list-bg ul li {
    flex-grow: 1;
    align-self: center;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #666 !important;
    /*height: calc(100vw / 375 * 18);*/
}

.toggle.commodity-order-list-bg {
    /*background: url(../img/ppw/bidd-bottom-select.png) no-repeat !important;*/
    /*background-size: 100% !important;*/
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
}

.toggle.commodity-order-list-bg .btn-theme {
    background: #00ffff !important;
    box-shadow: 0 calc(100vw / 375 * 4) calc(100vw / 375 * 8) 0 rgb(77 77 77 / 18%) !important;
    /* border: 2px solid rgba(101, 103, 197, 1); */
    color: #666 !important;
    border: 0
}

.btn-theme {
    background: #4D4D4D !important;
    box-shadow: 0 calc(100vw / 375 * 4) calc(100vw / 375 * 8) 0 rgb(77 77 77 / 18%) !important;
    /* border: 2px solid rgba(101, 103, 197, 1); */
    color: #fff !important;
    border: 0
}

.btn-blue {
    background: #434CFF !important;
    box-shadow: 0 calc(100vw / 375 * 4) calc(100vw / 375 * 8) 0 !important;
    /* border: 2px solid rgba(101, 103, 197, 1); */
    color: #fff !important;
    border: 0
}

.btn-purple {
    background: #c602ff !important;
    box-shadow: 0 calc(100vw / 375 * 4) calc(100vw / 375 * 8) 0 !important;
    /* border: 2px solid rgba(101, 103, 197, 1); */
    color: #fff !important;
    border: 0
}

.header-box {
    width: 100%;
    text-transform: none !important;;
}

.header-box-outer {
    border-radius: calc(100vw / 375 * 3);
    overflow: hidden;
}

.no_tran {
    text-transform: none !important;
}

.item-bottom--tips {
    padding-bottom: calc(100vw / 375 * 5);
}

.item-bottom--tips:last-child {
    padding-bottom: calc(100vw / 375 * 5);
    border-bottom: 1px solid #999999;
}

.item-bottom--tips-last {
    padding-bottom: calc(100vw / 375 * 5);
    border-bottom: 1px solid #999999;
}

.order-tips-business-list {
    padding: 1px 5px;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 5px;
    line-height: 15px;
    width: 15px;
}

.order-tips-business-list.mr {
    color: #fff;
    border-color: #434CFF;
    background: #434CFF;
}

/*--------------dfk-------------*/
.home-transfer.shop {
    height: 70px;
}

.discount-headerUl ul {
    display: flex;
    flex-wrap: wrap;
}

.home-transfer > li {
    width: 20%;
    /*height: calc(100vw / 375 * 50);*/
    color: #00ffff;
    text-align: -webkit-center;
}

.discount-header.shop {
    /*box-shadow: 0px 4px 14px 4px rgb(208 208 208 / 50%);*/
    box-shadow: -5px 5px 10px -4px rgba(0, 0, 0, 0.5), 5px 5px 10px -4px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    /*padding: 10px 20px 15px 20px;*/
    margin-bottom: calc(100vw / 375 * 15);
    margin-top: 0;
}

.discount-headerUl.shop {
    margin-bottom: 0;
}

.fil-scroll.shop {
    background: rgba(241, 243, 255, 0.3);
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 40);
    margin-bottom: calc(100vw / 375 * 15);
}

.shop .fil-scrollSvg img {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
}

.shop .fil-scrollSvg-right img {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 20);
}

.shop .marquee-list--li {
    font-size: calc(100vw / 375 * 15);
}

.dfk-index-content {
    /*background: #FFFFFF;*/
    padding-bottom: calc(100vw / 375 * 10);
}

.dfk-index-content.shop {
    background: url(../img/dfk/index-bd.png) no-repeat !important;
    background-size: 100% !important;
}

.dfk-commodity {
    /*margin: 0px 10px;*/
}

.commodity-img {
    /*height: calc((100vw - 20px) / 375 * 100);*/
    /*background: url(../img/dfk/SketchPngd276f95fc7e7e73d7432776f5acd4bbbf9c783635b06e7454f0a006f8db52ff2.png) 100% no-repeat;*/
    position: relative;
    /*margin: 0px calc((100vw - 20px) / 375 * 5) calc((100vw - 20px) / 375 * 15) calc((100vw - 20px) / 375 * 5);*/
}

.commodity-content {
    height: calc(100vw / 375 * 130) !important;
    /*box-shadow: inset 0px calc(100vw / 375 * 6) calc(100vw / 375 * 6) 0px rgba(221, 226, 254, 1);*/
    /*background-color: rgba(255, 255, 255, 1);*/
    border-radius: calc(100vw / 375 * 10);
    /*margin-bottom: calc(100vw / 375 * 15);*/
}

.commodity-titel {
    height: calc(100vw / 375 * 20);
    margin: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.commodity-titel-detail {
    width: 50%;
}

.commodity-titel-img {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    margin-right: calc(100vw / 375 * 5);
}

.commodity-titel-content {
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.commodity-titel-more {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-right: 10px;
}

.commodity-product {
    height: calc(100vw / 375 * 70);
    margin: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 10);
}

.commodity-product-img {
    /*text-align: center;*/
}

.commodity-product-img img {
    height: calc(100vw / 375 * 70);
}

.commodity-product > li {
    width: 25%;
    color: #00ffff;
    text-align: -webkit-center;
}

.commodity-flash {
    height: calc(100vw / 375 * 100);
    /*background: url(../img/dfk/SketchPngf772e558b9adba7fb04f2ba23344991dd3237d863fc17030f007ae8ef8ba3bea.png) 100% no-repeat ;*/
    /*background-size: 100% 100%;*/
    position: relative;
    /*margin: 10px 0px 15px 0px*/
}

.commodity-flash-titel {
    /*text-shadow: 0px 0px 2px rgb(118 28 21);*/
    margin-top: calc(-1 * (100vw / 375 * 5));
    height: calc(100vw / 375 * 20);
    width: 100%;
    /*color: rgba(255, 255, 255, 1);*/
    font-size: calc(100vw / 375 * 12);
    /*background: url(../img/dfk/SketchPng4553103af5d849947e555f6c2beb7dc3bfc1de94bd16c9b754b1b8fac236b29b.png) 50% no-repeat;*/
}

.commodity-flash-product {
    margin: calc(100vw / 375 * 5) calc(100vw / 375 * 25) calc(100vw / 375 * 5) calc(100vw / 375 * 25);
}

.commodity-flash-product-detail {
    background-color: rgba(255, 255, 255, 1);
    border-radius: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 60);
    /*margin: 0px 5px;*/
    padding: calc(100vw / 375 * 5);
    text-align: -webkit-center;
}

.commodity-flash-product-img {
    height: 100% !important;
}

.commodity-flash-product-content {
    max-width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 16);
    /*background: url(../img/dfk/SketchPng5f76b34f1807167ad7fb2d8083583d459fe7c0647f8278ab7b0960661be184b0.png) 100% no-repeat;*/
    /*background-size: 100% 100%;*/
}

.commodity-flash-product-sub {
    /*color: rgba(255, 255, 255, 1);*/
    font-size: calc(100vw / 375 * 10);
    text-align: -webkit-center;
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    margin: 0 calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-special {
    /*grid-template-columns: repeat(2, calc((100vw - (100vw/375*30px)) / 2));*/
    /*grid-column-gap: 10px;*/
    /*grid-row-gap: 10px;*/
    /*margin: 0 10px;*/
}

.commodity-special-product {
    /*background: url(../img/dfk/SketchPngc8b86074054f0655ed47b8cca665f578088468c192d410ff96b62ab0dbe826d5.png) 100% no-repeat;*/
    /*background-size: 100% 100%;*/
}

.commodity-special-product-titel {
    height: calc(100vw / 375 * 20);
    margin: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.commodity-special-product-titel-sub {
    font-size: calc(100vw / 375 * 16);
    font-weight: bold;
    /*color: rgba(255, 255, 255, 1);*/
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-special-product-detail {
    margin: 0 calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 5);
}

.commodity-special-product-detail > li {
    width: 50%;
    color: #00ffff;
    text-align: -webkit-center;
}

.commodity-special-product-content {
    background-color: rgba(255, 255, 255, 1);
    border-radius: calc(100vw / 375 * 6);
    width: calc(100vw / 375 * 75);;
}

.commodity-special-product-sub {
    padding: calc(100vw / 375 * 5);
}

.commodity-special-product-main-titel {
    /*background-image: linear-gradient(*/
    /*180deg,*/
    /*rgba(90, 82, 255, 1) 0,*/
    /*rgba(140, 139, 252, 1) 100%*/
    /*);*/
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    /*color: rgba(26, 26, 26, 1);*/
    text-align: -webkit-center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-special-product-sub-titel {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    /*color: rgba(153, 153, 153, 1);*/
    text-align: -webkit-center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-special-product-img {
    height: calc(100vw / 375 * 60);
    margin: calc(100vw / 375 * 10) 0;
}

.commodity-special-product-img img {
    height: calc(100vw / 375 * 60);
    width: auto;
}

.auction-area-header {
    /*border-top: 0.5px solid #BEBEBE;*/
    /*border-bottom: 0.5px solid #BEBEBE;*/
    /*background-color: rgba(255, 255, 255, 1);*/
    /*width: 100%;*/
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.auction-area-header-text {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: bold;
    margin-bottom: calc(100vw / 375 * 5);
}

.auction-area-header-num {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
}

.auction-area-list {
    background-color: transparent;
    width: 100%;
    /*padding-top: calc(100vw/375*10) !important;*/
    /*border-bottom: 0.5px solid #BEBEBE;*/
}

.auction-area-list.top {
    position: relative;
    top: 44px;
    z-index: 100;
}

.auction-area-list .swiper-container {
    border-top: 0.5px solid #00ffff;
    border-bottom: 0.5px solid #00ffff;
}

.auction-area-slide {
    width: fit-content;
    max-width: calc(100vw / 2);
    /*border-top: 0.5px solid #BEBEBE;*/
    /*border-bottom: 0.5px solid #BEBEBE;*/
}

.auction-area-box {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 25) calc(100vw / 375 * 10) calc(100vw / 375 * 25);
}

.chooseSelected .auction-area-box {
    background-image: linear-gradient(
            135deg,
            #00ffff, #84FEFE, #55A8A8 90%
    );
    /*background-color: rgba(241, 243, 255, 1);*/
    /*border-right: 0.5px solid #BEBEBE ;*/
    /*border-left: 0.5px solid #BEBEBE ;*/
}

.chooseSelected .auction-area-content {
    color: #262626 !important;
}

.auction-area-content {
    font-size: calc(100vw / 375 * 18);
    color: #999999;
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    margin-bottom: calc(100vw / 375 * 5);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.chooseSelected .auction-area-time {
    color: #262626 !important;
}

.auction-area-time {
    font-size: calc(100vw / 375 * 12);
    color: #999999;
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(100vw / 375 * 4);
    font-size: calc(100vw / 375 * 16);
}

.swiper-pagination-bullet {
    width: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    line-height: calc(100vw / 375 * 20);
    /*height: calc(100vw /375 * 20);*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

/*.auction-area-status{*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*width: 0px;*/
/*height: 0px;*/
/*border-top: 30px solid skyblue;*/
/*border-left: 30px solid transparent;*/
/*border-image: linear-gradient(90deg, #FF6B00 0%, #FF9F23 100%);*/
/*}*/

.auction-area-status {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    background-size: 100% 100%;
}

.auction-area-status.state-0 {
    background: url(../img/dfk/wks.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-area-status.state-1 {
    background: url(../img/dfk/buying.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-area-status.state-2 {
    background: url(../img/dfk/rdz.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-area-status.state-3 {
    background: url(../img/dfk/wzs.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-area-status.state-4 {
    background: url(../img/dfk/zjs.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-area-status-content {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 18);
    color: rgba(255, 255, 255, 1);
    font-size: calc(100vw / 375 * 8);
    text-align: center;
    transform: rotate(45deg);
}

/*.auction-area-status:before,*/
/*.auction-area-status:after {*/
/*position: absolute;*/
/*content: '';*/
/*}*/
/*.auction-area-status:before,*/
/*.auction-area-status:after {*/
/*border-top: 30px solid transparent;*/
/*border-left: 30px solid rgba(241, 243, 255, 1);*/
/*}*/

.auction-status-on {
    /*background-color: rgba(254, 144, 8, 0.8);*/
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    width: calc(100vw / 375 * 100);
    position: absolute;
    left: 0;
    top: calc(100vw / 375 * 85);
    border-radius: 0 0 0 calc(100vw / 375 * 5);
    background-image: linear-gradient(180deg, rgba(5, 134, 173, 0.8), rgba(69, 95, 250, 0.8));
}

.auction-status-off {
    background-color: rgba(49, 56, 67, 0.8);
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    width: calc(100vw / 375 * 100);
    position: absolute;
    left: 0;
    top: calc(100vw / 375 * 85);
    border-radius: 0 0 0 calc(100vw / 375 * 5);
}

.auction-status-all {
    /*background-color: RGBA(210, 164, 120, 0.8);;*/
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    width: calc(100vw / 375 * 100);
    position: absolute;
    left: 0;
    top: calc(100vw / 375 * 85);
    border-radius: 0 0 0 calc(100vw / 375 * 5);
    background-image: linear-gradient(180deg, rgba(5, 134, 173, 0.8), rgba(26, 50, 51, 0.8));
}

.auction-status-content {
    color: rgba(255, 255, 255, 1);
    font-size: calc(100vw / 375 * 12);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    max-width: calc(100vw / 375 * 80);
}

.auction-status--sub {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    /*background: url(../img/dfk/yzs.png) 100% no-repeat;*/
    /*background-size: 100% 100%;*/
}

.auction-status--sub.state-00 {
    background: url(../img/dfk/rdz.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-status--sub.state-01 {
    background: url(../img/dfk/wzs.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-status--sub.state-02 {
    background: url(../img/dfk/yzs.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-status--sub.state-03 {
    background: url(../img/dfk/buying.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-status--sub.state-04 {
    background: url(../img/dfk/zjs.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auction-status-content--sub {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 18);
    color: rgba(255, 255, 255, 1);
    font-size: calc(100vw / 375 * 8);
    text-align: center;
    transform: rotate(45deg);
}

.auction-img-content {
    position: absolute;
    left: calc(100vw / 375 * 8);
    top: calc(100vw / 375 * 8);
    width: calc(100vw / 375 * 84);
    height: calc(100vw / 375 * 94);
    background: #FFFFFF;
    padding: calc(100vw / 375 * 5);
    border-radius: calc(100vw / 375 * 5);
}

.auction-hot {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    background: url(../img/dfk/hot.png) 100% no-repeat;
    background-size: 100% 100%;
    border-radius: calc(100vw / 375 * 5) 0;
}

.auction-hot-content {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 18);;
    color: rgba(255, 255, 255, 1);
    font-size: calc(100vw / 375 * 9);
    text-align: center;
    transform: rotate(315deg);
}

.auctionList-timer-content {
    height: calc(100vw / 375 * 25);
    /*background: url(../img/dfk/alert.png) 100% repeat-x;*/
    /*background-size: calc(100vw / 375 * 25) calc(100vw / 375 * 20);*/
    margin-bottom: calc(100vw / 375 * 5);
    /*border: 1px solid rgba(227, 65, 52, 0.65);*/
    border-radius: calc(100vw / 375 * 5);
    /*border-color: #000000;*/
    box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, 0.4);
}

.auctionList-timer-icon {
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    background: url(../img/dfk/alert.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auctionList-timer-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #55A8A8;
    font-weight: bold;
    margin: 0 calc(100vw / 375 * 5);
}

.auctionList-timer-number {
    background-image: linear-gradient(180deg,
    #84FEFE, #55A8A8) !important;
    /*background-color: rgba(42, 42, 42, 1);*/
    border-radius: calc(100vw / 375 * 1);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 18);
    font-size: calc(100vw / 375 * 14);
    color: #000000;
}

.auctionList-timer-content-warm {
    height: calc(100vw / 375 * 25);
    background: rgba(26, 31, 41, 0.35);
    /*background: url(../img/dfk/alert.png) 100% repeat-x;*/
    /*background-size: calc(100vw / 375 * 25) calc(100vw / 375 * 20);*/
    margin-bottom: calc(100vw / 375 * 5);
    /*border: 1px solid rgba(227, 65, 52, 0.65);*/
    border-radius: calc(100vw / 375 * 5);
    /*border-color: #000000;*/
    /*box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);*/
}

.auctionList-timer-icon-warm {
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    background: url(../img/dfk/alert.png) 100% no-repeat;
    background-size: 100% 100%;
}

.auctionList-timer-text-warm {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #999999;
    font-weight: bold;
    margin: 0 calc(100vw / 375 * 5);
}

.auctionList-timer-number-warm {
    background-image: linear-gradient(180deg,
    #D8D8D8, #313131) !important;
    /*background-color: rgba(42, 42, 42, 1);*/
    border-radius: calc(100vw / 375 * 1);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 18);
    font-size: calc(100vw / 375 * 14);
    color: #FFFFFF;
}

.tip-content {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.auctionList-timer-content .count_down_time {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FFFFFF;
    font-weight: bold;
}

.auctionList-timer-content-warm .count_down_time {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FFFFFF;
    font-weight: bold;
}

.commodity-classify {
    padding: calc(100vw / 375 * 10) 0 calc(100vw / 375 * 8) 0;
    position: relative;
    box-shadow: 0px 2px 8px 0px rgba(161, 161, 161, 0.5);
    border-radius: 0 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: #4D4D4D;
}

.commodity-classify-slide {
    width: fit-content;
    max-width: calc(100vw / 2);
    padding: 0 calc(100vw / 375 * 10);
    /*border-top: 0.5px solid #BEBEBE;*/
    /*border-bottom: 0.5px solid #BEBEBE;*/
}

.commodity-classify-box {
    /*margin: 0 10px;*/
    min-width: calc(100vw / 375 * 40);
}

.commodity-classify-slide:last-child {
    padding-right: calc(100vw / 375 * 20);
}

.commodity-classify-slide:first-child {
    padding-left: calc(100vw / 375 * 20);
}

.commodity-classify-box.chooseSelected {
    color: #00ffff;
    /*border-right: 0.5px solid #BEBEBE ;*/
    /*border-left: 0.5px solid #BEBEBE ;*/
}

.chooseSelected .commodity-classify-content {
    color: #00ffff !important;
}

.commodity-classify-content {
    font-size: calc(100vw / 375 * 16);
    color: #FFFFFF;
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    max-width: calc(100vw / 2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-classify-line {
    margin-top: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 2);
    background: #00ffff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.commodity-classify-line {
    margin-top: calc(100vw / 375 * 5);
    width: 0;
    height: calc(100vw / 375 * 2);
    background: #00ffff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.chooseSelected .commodity-classify-line {
    width: calc(100vw / 375 * 30);
}

.commodityList-content-item {
    height: calc(100vw / 375 * 130);
    background: url(../img/dfk/commodity-img.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-top: calc(100vw / 375 * 140);
}

.commodityList-content-img {
    box-shadow: 0px 2px 8px 0px rgb(60 60 60 / 50%);
    background-color: #FFFFFF;
    border: 2px solid #00ffff;
    border-radius: calc(100vw / 375 * 10);
    position: relative;
    top: calc(-1 * (100vw / 375 * 130));
    margin-bottom: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 280);
    height: calc(100vw / 375 * 150);
    min-height: calc(100vw / 375 * 150);
}

.commodityList-content-img img {
    border-radius: calc(100vw / 375 * 10);
    width: 100%;
    height: 100%;
    /*width: calc(100vw / 375 * 280);*/
    /*height: calc(100vw / 375 * 150);*/
}

.commodityList-content-title {
    position: relative;
    top: calc(-1 * (100vw / 375 * 125));
    width: 100%;
    padding: 0px calc(100vw / 375 * 25);
}

.commodityList-content-title-main {
    color: #202020;
    font-weight: 500;
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodityList-content-title-sub {
    color: #202020;
    font-weight: 500;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 32);
    line-height: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodityList-content-detail {
    width: 100%;
}

.commodityList-content-detail-text {
    color: #202020 !important;;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    color: rgba(255, 255, 255, 1);
    margin-right: calc(100vw / 375 * 5);
}

.commodityList-content-detail-num {
    color: #202020 !important;
    font-size: calc(100vw / 375 * 18);
    font-weight: bold;
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
}

.task-content {
    height: calc(100vw / 375 * 60);
    grid-template-columns: repeat(2, calc((100vw - ((100vw / 375 * 10)) * 3) / 2));
    /*grid-column-gap: calc(100vw / 375 * 10);*/
    /*grid-row-gap: calc(100vw / 375 * 10);*/
    /*margin-top: calc(100vw / 375 * 10);*/
}

.task-content-img {
    /*border-radius: calc(100vw / 375 * 5);*/
    height: calc(100vw / 375 * 60);
}

.consume-content {
    background-image: linear-gradient(
            90deg,
            #E7C099, #EAD8C4, #D7AE8A, #CF9A6B, #EFC7A0
    );
    height: calc(100vw / 375 * 40);
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 15);
}

.consume-content-text {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #262626;
}

.consume-content-button {
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 12);
    font-weight: bold;
    box-shadow: calc(100vw / 375 * 3) calc(100vw / 375 * 3) calc(100vw / 375 * 2) 0px #9F7854;
    color: #262626;
}

.card-icon--svgBox.consume-content-icon {
    width: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    font-size: calc(100vw / 375 * 13);
}

.consume-content-icon .icon-assets-svg {
    width: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
}

.consume-content-sub {
    margin-left: calc(100vw / 375 * 5);
}

.consume-content-num {
    font-size: calc(100vw / 375 * 12);
    font-weight: bold;
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
}

.icon.img-mainList {
    background: url(../img/dfk/mainL.png);
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    min-height: 25px;
}

.icon.img-userList {
    background: url(../img/dfk/userL.png);
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    min-height: 25px;
}

.icon-new-title-l {
    position: absolute;
    z-index: 10;
    margin-left: 10px;
    left: 0;
}

.icon-new-title-r {
    position: absolute;
    z-index: 10;
    margin-right: 10px;
    right: 0;
}

.content-limint {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 27);
    line-height: calc(100vw / 375 * 27);
}

.content-limint.special {
    color: #00ffff;
}

.auction-area-line {
    background: transparent;
    width: 100%;
    height: calc(100vw / 375 * 5);
}

.auction-time.special {
    color: #00ffff;
}

/*头部固定项目的话 直接从content部分调整距头部高度，设计到滚动范围*/
/*.ppw-index-content.top-main{*/
/*margin-top: 162px;*/
/*}*/
/*.ppw-index-content.top-person{*/
/*margin-top: 218px;*/
/*}*/
.has-header.top-main {
    top: calc(100vw / 375 * 163 + 44px) !important;
}

.has-header.top-person {
    top: calc(100vw / 375 * 219 + 44px) !important;
}

.has-header.top-order {
    top: calc(100vw / 375 * 50 + 44px) !important;
}

.auctionList-main:last-child {
    margin-bottom: 0;
}

.ppw-index-content {
    padding-bottom: 10px;
}

.assets-item:last-child {
    margin-bottom: 0;
}

.my-header-information--center {
    margin-right: calc(100vw / 375 * 5);
}

.bg-color.dappDetailBg {
    bottom: 50px;
}

/*相当于css的ifelse语句 判断屏幕宽度 < 375px  老语法大部分浏览器都支持*/
/*@media (min-width: 375px) {*/
/*.declaration-tab--op.notice.auction.actived-op {*/
/*font-size: 16px !important;*/
/*}*/

/*.declaration-tab--op.notice.auction {*/
/*font-size: 15px !important;*/
/*}*/
/*}*/

.discount-header.shop {
    background: url(../img/dfk/index-bd.png) no-repeat !important;
    background-size: 100% !important;
}

/*有图片不能覆盖全屏图 后面不能用css样式覆盖 例如 background:#FFFFFF 这样滑动的时候 会有白边 由于浏览器 显示图片和css像素问题*/
/*所有得用全屏图片做背景 盖住io-content的背景*/
/*.bar.bar-theme.ppw-index-bg {*/
/*background: url(../img/dfk/ppw-index-header.png) no-repeat !important;*/
/*background-size: 100% 100% !important;*/
/*}*/

.prop-bg-down.ppw-index-bg {
    background: url(../img/dfk/ppw-index-bd.png) no-repeat !important;
    background-size: 100% !important;
}

.auction-area-list.main-order-bg {
    background: url(../img/dfk/main-order-bd.png) no-repeat !important;
    background-size: 100% !important;
}

.auction-area-list.user-order-bg {
    background: url(../img/dfk/user-order-bd.png) no-repeat !important;
    background-size: 100% !important;
}

.scroll-refresher .ionic-refresher-content .text-refreshing {
    font-size: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 14) !important;
}

.scroll-refresher .ionic-refresher-content .text-pulling {
    font-size: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 14) !important;
}

.scroll-refresher .ionic-refresher-content {
    font-size: calc(100vw / 375 * 20) !important;
}

.scroll-refresher {
    top: calc(-1 * (100vw / 375 * 60)) !important;
    height: calc(100vw / 375 * 60) !important;
}

.tab-item .icon.img-on,
.tab-item .icon.img-off {
    width: 23px;
    height: 23px;
}

.commodity-snap {
    /*grid-template-columns: repeat(3, calc((100vw - (100vw / 375 * 60)) / 3));*/
    /*grid-column-gap: calc(100vw / 375 * 10);*/
    /*grid-row-gap: calc(100vw / 375 * 10);*/
    border-radius: calc(100vw / 375 * 10);
    /*margin: calc(100vw / 375 * 50) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);*/
}

.commodity-snap-content {
    position: relative;
    padding: calc(100vw / 375 * 5);
}

.commodity-snap-product-main-title {
    /*background-image: linear-gradient(180deg, rgba(90, 82, 255, 1) 0, rgba(140, 139, 252, 1) 100%);*/
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    /*color: rgba(26, 26, 26, 1);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-snap-product-sub-title {
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    /* color: rgba(153, 153, 153, 1); */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    margin-bottom: calc(100vw / 375 * 10);
}

.commodity-snap-product-img {
    position: absolute;
    height: calc(100vw / 375 * 70);
    top: calc(-1 * (100vw / 375 * 35));
}

.commodity-snap-product-icon {
    width: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
    margin-top: calc(100vw / 375 * 35);
    margin-bottom: calc(100vw / 375 * 5);
}

.commodity-snap-product-button {
    /*background-color: rgba(85, 85, 85, 1);*/
    border-radius: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 10);
    /*color: #FFFFFF;*/
    margin-bottom: calc(100vw / 375 * 10);
}

.commodity-superior {
    position: relative;
    border-radius: calc(100vw / 375 * 10);
    margin: calc(100vw / 375 * 50) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 10);
}

.commodity-superior-main {
    grid-template-columns: repeat(3, calc((100vw - (100vw / 375 * 80)) / 3));
    grid-column-gap: calc(100vw / 375 * 10);
    grid-row-gap: calc(100vw / 375 * 10);
}

.commodity-superior-head {
    width: 100%;
}

.commodity-superior-head-text {
    margin-right: calc(100vw / 375 * 10);
    max-width: calc(100vw / 375 * 120);
}

.commodity-superior-content {
    background-color: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
}

.commodity-superior-product-text {
    padding: calc(100vw / 375 * 5);
    width: 100%;
}

.commodity-superior-img {
    position: absolute;
    height: calc(100vw / 375 * 130);
    width: calc(100vw / 375 * 160);
    top: calc(-1 * (100vw / 375 * 30));
    left: calc(100vw / 375 * 20);
}

.commodity-superior-main-title {
    background-image: linear-gradient(180deg, rgba(90, 82, 255, 1) 0, rgba(140, 139, 252, 1) 100%);
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    /*color: rgba(26, 26, 26, 1);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    margin: 0 0 calc(100vw / 375 * 10) 0;
}

.commodity-superior-sub-title {
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: rgba(153, 153, 153, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-superior-describe {
    font-size: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: rgba(153, 153, 153, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    margin-bottom: calc(100vw / 375 * 10);
}

.commodity-superior-button {
    background-color: rgba(85, 85, 85, 1);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 10);
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 18);
    width: fit-content;
}

.commodity-superior-product-main-title {
    background-image: linear-gradient(180deg, rgba(90, 82, 255, 1) 0, rgba(140, 139, 252, 1) 100%);
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    /*color: rgba(26, 26, 26, 1);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    margin: calc(100vw / 375 * 10) 0;
}

.commodity-superior-product-sub-title {
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: rgba(153, 153, 153, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.commodity-superior-product-describe {
    font-size: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: rgba(153, 153, 153, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    margin-bottom: calc(100vw / 375 * 10);
}

.commodity-superior-product-button {
    background-color: rgba(85, 85, 85, 1);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 10);
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 5);
}

.commodity-superior-product-img {
    height: calc((100vw - (100vw / 375 * 80)) / 3);
}

/*.manage-bg .item-icon-left {*/
/*padding-left: calc(100vw / 375 * 50);*/
/*}*/

/*.manage-bg .item-icon-right {*/
/*padding-right: calc(100vw / 375 * 54);*/
/*}*/

.manage-bg .item {
    margin: calc(-1 * (100vw / 375 * 1));
    padding: calc(100vw / 375 * 16) calc(100vw / 375 * 54) calc(100vw / 375 * 16) calc(100vw / 375 * 50);
    font-size: calc(100vw / 375 * 16);
}

.manage-bg .item-gap {
    padding-top: calc(100vw / 375 * 1);
    padding-bottom: calc(100vw / 375 * 1);
    min-height: calc(100vw / 375 * 10);
}

.manage-bg .item-icon-right .icon {
    right: calc(100vw / 375 * 11);
}

.manage-bg .icon-jiantou1--size {
    font-size: calc(100vw / 375 * 20) !important;
}

.manage-bg .item-icon-left .icon:before, .item-icon-right .icon:before {
    width: calc(100vw / 375 * 32);
}

.manage-bg .padding {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 10) calc(100vw / 375 * 15);
}

.manage-bg .button {
    min-width: calc(100vw / 375 * 52);
    min-height: calc(100vw / 375 * 45);
    border-width: calc(100vw / 375 * 1);
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 45);
    line-height: calc(100vw / 375 * 45);
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 7) 0 rgba(27, 27, 28, 0.5);
    margin: calc(100vw / 375 * 10) 0;
    padding: 0 calc(100vw / 375 * 12);
    color: #FFFFFF;
    margin-bottom: 0;
}

.manage-bg .button.activated {
    background-image: linear-gradient(270deg, #1c2118, #575b56, #3f413f) !important;
}

.asset-trade {
    background-image: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    width: 100%;
    height: calc(100vw / 375 * 90);
    border-radius: calc(100vw / 375 * 10);
    padding: 0 calc(100vw / 375 * 20);
    margin-top: calc(100vw / 375 * 10);
}

.asset-trade-img {
    width: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    margin-bottom: calc(100vw / 375 * 5);
}

.asset-trade-content {
    height: 100%;
    width: 33%;
}

.asset-trade-text {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #191919;
    /*margin-bottom: 3px;*/
}

.prop-bg .tips-theme-dapp {
    color: #A98A6F !important;
    background: transparent !important;
    font-size: calc(100vw / 375 * 10) !important;
    border-radius: 0;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
    border-top: 1px solid #F9E1BB;
    margin: 0;
    width: 100%;
    line-height: calc(100vw / 375 * 15);
}

.assets-content {
    padding: 0 calc(100vw / 375 * 20);
    width: 100%;
}

.asset-img {
    position: absolute;
}

.asset-img.icon-jifen3 {
    width: calc(100vw / 375 * 150);
    height: calc(100vw / 375 * 150);
}

.asset-img.icon-mintongzheng {
    width: calc(100vw / 375 * 150);
    height: calc(100vw / 375 * 150);
    top: 0;
    right: 0;
}

.asset-img.icon-duihuanquan1 {
    width: calc(100vw / 375 * 150);
    height: calc(100vw / 375 * 150);
    top: 0;
    left: 0;
}

.dfk-header-img {
    height: 50%;
}

.login-sub {
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.login-v {
    margin-bottom: calc(100vw / 375 * 20);
}

.login-mainBox-bg {
    padding-bottom: calc(100vw / 375 * 30);
}

.login-logo-bottom {
    position: absolute;
    z-index: 0;
    width: calc(100vw);
    height: calc(100vw / 375 * 200);
    top: calc(100vh / 2 - 100vw / 375 * 100);
}

.text-protocol {
    margin-bottom: calc(100vw / 375 * 15);
}

.declaration-tab.mobile-bg,
.declaration-tab.register-bg {
    top: 44px;
    height: calc(100vw / 375 * 50);
    /*background: transparent !important;*/
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
    color: #fff;
    padding-bottom: 0 !important;
    z-index: 9;
}

.has-header.mobile-bg,
.has-header.register-bg {
    top: calc(100vw / 375 * 50 + 44px) !important;
}

.gesture_centent-img {
    position: absolute;
}

.icon-svg-graph {
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    margin-right: calc(100vw / 375 * 5);
    margin-left: calc(100vw / 375 * 15);
}

.graph-title-header {
    background-image: linear-gradient(270deg, #4D4D4D, #cfbb9e, #f5e8d1, #cfbb9e, #4D4D4D) !important;
}

.padding.col-center,
.padding.user-page {
    padding: calc(100vw / 375 * 10);
    color: #FFFFFF;
}

.addrlist:last-child {
    margin: 0;
}

.card-bag-certificates .button {
    width: calc(100vw / 375 * 110);
}

.detail-sjm--icon {
    color: rgb(255, 255, 255);
    font-size: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
}

.cd-timeline-content {
    margin-left: calc(100vw / 375 * 43);
    padding: 0 calc(100vw / 375 * 5) calc(100vw / 375 * 5) 0;
}

.cd-timeline-block {
    margin: calc(100vw / 375 * 32) 0;
}

.cd-timeline-content .cd-title {
    color: #A98A6F;
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    display: block;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-timeline-content .cd-date {
    color: #B3B3B3;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 1) 0 0 0;
    display: block;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-timeline-icon {
    top: calc(100vw / 375 * 1);
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
}

.cd-timeline-result1::before {
    background-color: #00ffff;
    top: calc(100vw / 375 * 15);
    left: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 2);
    height: 30%;
}

.cd-timeline-result2::before {
    background-color: #00ffff;
    top: calc(100vw / 375 * 20);
    left: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 2);
}

.cd-timeline-result3::before {
    background-color: #00ffff;
    top: calc(100vw / 375 * 15);
    left: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 2);
    height: 35%;
}

.cd-timeline-result4::before {
    background-color: #E8715B;
    top: calc(100vw / 375 * 66);
    left: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 2);
    height: 26%;
}

.cd-timeline::before {
    top: calc(100vw / 375 * 15);
    left: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 2);
}

.cd-timeline-icon i {
    color: #4D4D4D;
    font-size: calc(100vw / 375 * 20) !important;
    width: unset;
    height: unset;
    position: unset;
    left: unset;
    top: unset;
    margin-left: unset;
    margin-top: unset;
}

.cd-timeline-content .cd-info-blue {
    color: #00ffff;
}

.cd-timeline-content .cd-error {
    color: #A98A6F;
}

.cd-timeline-icon.cd-info-blue {
    color: #000000;
}

.cd-timeline-icon.cd-info-blue {
    background: #00ffff;
}

.cd-timeline-icon.cd-error {
    background: #E8715B;
}

.ppw-myOrders--content {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
}

.ppw-index-bg .ellipsis-oneLine-condition-svg {
    height: calc(100vw / 375 * 12) !important;
    width: calc(100vw / 375 * 12) !important;;
}

.address-list-bg .spinner,
.notice-bg .spinner,
.commodity-order-list-bg .spinner,
.main-order-bg .spinner,
.user-order-bg .spinner,
.request-bg .spinner,
.prop-transaction-bg .spinner {
    stroke: #999 !important;
    fill: #999 !important;
}

.address-list-bg .spinner svg,
.notice-bg .spinner svg,
.commodity-order-list-bg .spinner svg,
.main-order-bg .spinner svg,
.user-order-bg .spinner svg,
.request-bg .spinner svg,
.prop-transaction-bg .spinner svg {
    width: calc(100vw / 375 * 28) !important;
    height: calc(100vw / 375 * 28) !important;
}

.address-list-bg .ion-infinite-scroll,
.notice-bg .spinner svg,
.commodity-order-list-bg .ion-infinite-scroll,
.main-order-bg .ion-infinite-scroll,
.user-order-bg .ion-infinite-scroll,
.request-bg .ion-infinite-scroll,
.prop-transaction-bg .ion-infinite-scroll {
    height: calc(100vw / 375 * 60) !important;
}

/*.spinner {*/
/*stroke: #999 !important;*/
/*fill: #999 !important;*/
/*}*/

.spinner svg {
    width: calc(100vw / 375 * 28) !important;
    height: calc(100vw / 375 * 28) !important;
}

.ion-infinite-scroll {
    height: calc(100vw / 375 * 60);
}

.patt-circ {
    border: 1px solid #00ffff;
}

.item-avatar-left-bank {
    height: calc(100vw / 375 * 110);
    border-radius: calc(100vw / 375 * 3);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 60);
}

.bankcard-bg .item-avatar-left > img:first-child,
.bankcard-list-bg .item-avatar-left > img:first-child {
    max-width: calc(100vw / 375 * 40) !important;
    max-height: calc(100vw / 375 * 40) !important;
}

.item-avatar-left-bank img {
    background-color: #fff;
}

.list:last-child.card {
    margin-bottom: calc(100vw / 375 * 40);
}

.bankcard-list-bg .list:last-child.card {
    margin-bottom: 0;
}

.about-bgImg img {
    width: 100%;
    height: calc(100vw / 375 * 170);
}

.detail-account--content {
    margin-bottom: calc(100vw / 375 * 10);
}

.detail-account--content .header-box {
    border: 0;
}

.prop-exchange-bg .chooseBtc-box.auction {
    padding-top: calc(100vw / 375 * 20) !important;
}

.prop-exchange-bg .chooseBtc-box {
    background: #4D4D4D !important;
}

.prop-exchange-bg .chooseBtc-box--title {
    color: #00ffff !important;
    margin-bottom: calc(100vw / 375 * 5);
}

.prop-exchange-bg .chooseBtc-box--titleContent {
    margin-left: calc(100vw / 375 * 5) !important;
    font-size: calc(100vw / 375 * 14) !important;
    height: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 14) !important;
}

.prop-exchange-bg .chooseBtc-box--titleLine {
    position: absolute;
    left: 0;
    top: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 30) !important;
    line-height: calc(100vw / 375 * 30) !important;
    background: #00ffff !important;
    border-radius: 0 !important;
}

.prop-exchange-bg .detail-account--content .header-box {
    position: relative;
}

.item-image-qrcode {
    position: relative;
    width: calc(100vw - (100vw / 375 * 140));
    height: calc(100vw - (100vw / 375 * 140));
    margin: auto;
}

.loading-container {
    z-index: 10001;
}

.swiper-pagination-bullet-active {
    border-radius: 100%;
}

.icon-header {
    font-size: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
}

.svg-header {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    margin-right: calc(100vw / 375 * 5);
}

/*.grade-list--num,*/
/*.grade-list--title {*/
/*font-size: calc(100vw / 375 * 16);*/
/*line-height: calc(100vw / 375 * 16);*/
/*height: calc(100vw / 375 * 16);*/
/*}*/

.login-topBox {
    padding-top: calc(100vw / 375 * 30);
    position: relative;
    width: 100%;
}

.login-method {
    padding: calc(100vw / 375 * 9) calc(100vw / 375 * 18);
    background: rgba(20, 18, 22, 0.5);
    border-radius: calc(100vw / 375 * 20);
    width: calc(100vw / 375 * 160);
    /*position: relative;*/
}

.login-method--text {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.login-method--choose {
    background: linear-gradient(to right, #00ffff, #00ffff99, #00ffff);
    border-radius: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 28);
    width: 0;
    position: absolute;
    z-index: 0;
}

.home-invest {
    position: relative;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.pledge-bg .home-invest {
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
}

.home-invest-title {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    width: 100%;
    overflow: hidden;
}

.home-invest-money {
    margin-top: calc(100vw / 375 * 10);
    width: 100%;
}

.home-invest-money-name {
    position: relative;
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #B2B3B4;
    box-shadow: 0 calc(100vw / 375 * 4) calc(100vw / 375 * 8) 0 rgba(0, 0, 0, 0.08);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    margin-right: calc(100vw / 375 * 5);
}

.home-invest-money-name.selected {
    border: 1px solid #00ffff;
}

.home-invest-money-selected {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    background: url(../img/dfk/recharge-item-d.png) 100% no-repeat;
    background-size: 100% 100%;
    border-bottom-right-radius: calc(100vw / 375 * 5);
}

.home-invest-money-unit {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #B2B3B4;
}

.home-invest-money-num {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    color: #B2B3B4;
}

.home-invest-center {
    border-radius: calc(100vw / 375 * 5);
    margin-top: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 15);
    background: #12161B;
    width: 100%;
    border: 1px solid #00ffff;
}

.home-invest-center-header {
    width: 100%;
}

.home-invest-center-header-content {
    width: 50%;
}

.home-invest-center-header-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: rgba(180, 180, 181, 1);
}

.home-invest-center-header-num {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: rgba(247, 247, 247, 1);
}

.pledge-bg .header-box,
.home-bg .header-box {
    margin-top: calc(100vw / 375 * 10);
    width: 100%;
}

.home-invest-center-ava {
    margin-top: calc(100vw / 375 * 10);
    width: 100%;
}

.home-invest-center-ava-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: rgba(180, 180, 181, 1);
}

.home-invest-center-ava-num {
    margin-left: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: rgba(247, 247, 247, 1);
}

.home-header-cover {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent, rgb(18 22 27 /90%)) !important;
    z-index: 0;
}

.financial-list-mask,
.home-invest-center-mask{
    width: 100%;
    header: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(18 22 27 / 70%);
    z-index: 2;
}

.home-invest-center-mask-title {
    font-size: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    color: rgba(247, 247, 247, 1);
}

.home-bg .dis-img {
    padding-top: calc(100vw / 375 * 30);
}

.home-bg .dis-img .noda,
.home-bg .dis-img .loading {
    opacity: 0.8;
}

.home-bg .dis-img {
    height: calc(100vw / 375 * 150) !important;
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.home-bg .dis-img .swiper-container {
    border-radius: calc(100vw / 375 * 5);
}

.home-bg .popup-container .popup {
    overflow: inherit;
}

.home-bg .youtian-list {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    margin-bottom: 0;
}

.home-bg .fil-scroll {
    position: absolute;
    margin: 0;
    top: calc(100vw / 375 * -17);
    width: calc(100vw - (100vw / 375 * 20));
    border: 1px solid rgb(85, 85, 90);
    background: #1A1F29;
    height: calc(100vw / 375 * 40);
    border-radius: calc(100vw / 375 * 20);
    padding: 0 calc(100vw / 375 * 20);
}

.index-bg .fil-scroll > .fil-scroll--list {
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 40);
}

.home-bg .marquee-list,
.home-bg .fil-scroll--list {
    height: 100%;
}

.home-bg .marquee-list--li {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 40);
}

/* 主容器 */
.pledga-overview-container {
    width: 100%;
    /*max-width: calc(100vw / 375 * 400);*/
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5)); /* 深色卡片背景 */
    padding: calc(100vw / 375 * 20);
    border-radius: calc(100vw / 375 * 18);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 标题部分 */
.pledga-header {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    margin-bottom: calc(100vw / 375 * 10);
    color: rgba(247, 247, 247, 1);
}

/* 总览数据区域 */
.pledga-total-summary {
    text-align: center;
    padding-bottom: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 20);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 数据展示区域 */
.pledga-data-grid {
    text-align: center;
}

/* 左右两侧的数据块 */
.pledga-data-block {
    flex: 1;
    padding: 0 calc(100vw / 375 * 10);
}

/* 中间的分割线 */
.pledga-divider {
    width: 1px;
    align-self: stretch;
    background-color: rgba(255, 255, 255, 0.1);
}

/* 数据标签 */
.pledga-data-label {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: rgba(180, 180, 181, 1);
    margin-bottom: calc(100vw / 375 * 10);
}

/* 主要数据 */
.pledga-data-value {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: rgba(247, 247, 247, 1);
    margin-bottom: calc(100vw / 375 * 10);
}

.pledga-data-value.list {
    margin-bottom: 0;
}

/* 次要数据 */
.pledga-data-sub-value {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #ffffff;
}

/* 特殊颜色 */
.pledga-positive-value {
    color: rgba(131, 154, 197, 1);
}

/* 操作按钮区域 */
.pledga-action-area {
    margin-top: calc(100vw / 375 * 10);
}

/* 按钮样式 */
.pledga-action-button {
    color: #a9b1d5;
    border: 1px solid #00ffff;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 24);
    border-radius: calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: transparent; /* 确保按钮背景透明 */
}

.pledga-action-button:hover {
    background-color: #4a4e6e;
    border-color: #00e0ff;
    color: #ffffff;
}

/* 主容器 */
.pledga-records-container {
    width: 100%;
    max-width: calc(100vw / 375 * 400);
    background-color: #1A1F29;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15);
    border-radius: calc(100vw / 375 * 5);
}

/* 列表头部 */
.pledga-records-header {
    margin: calc(100vw / 375 * 15) 0;
    background: #12161B;
}

.pledga-records-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: rgba(247, 247, 247, 1);
}

/* 记录列表 */
.pledga-records-list {
    display: flex;
    flex-direction: column;
    gap: calc(100vw / 375 * 15);
}

/* 单个记录项 */
.pledga-record-item {
    /*background-color: #313843;*/
    padding: calc(100vw / 375 * 15);
    border-radius: calc(100vw / 375 * 5);
    background-image: linear-gradient(160deg, #2C2F48, #1A1C2A);
}

/* 记录项头部 */
.pledga-record-header-item {
    padding-bottom: calc(100vw / 375 * 12);
    margin-bottom: calc(100vw / 375 * 12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pledga-record-info .asset-symbol {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    font-weight: bold;
    color: #ffffff;
}

/* 状态容器样式 */
.pledga-status-wrapper {
    margin-top: calc(100vw / 375 * 6);
}

.financial-box-bg .pledga-status-wrapper {
    position: absolute;
    margin-right: calc(100vw / 375 * 6);
    top: 0;
    right: 0;
}

/* 状态指示灯样式 */
.pledga-status-indicator {
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 5);
}

.indicator-inprogress {
    background-color: #A6E22E;
    box-shadow: 0 0 calc(100vw / 375 * 8) rgba(166, 226, 46, 0.7);
}

/* 状态文字标签样式 */
.status-tag {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: rgba(255, 255, 255, 0.8);
}

/* “已完成”的特殊标签样式 */
.status-tag-completed {
    background-color: rgba(180, 180, 181, 0.1);
    color: rgba(180, 180, 181, 1);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    /* 由于有padding，height自适应 */
    line-height: calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 12);
}

/* 数据点样式 */
.pledga-data-point {
    text-align: right;
}

.pledga-data-label {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
    margin-bottom: calc(100vw / 375 * 8);
}

.pledga-data-value {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: rgba(247, 247, 247, 1);
}

/* 记录项脚部样式 */
.pledga-record-footer {
    color: rgba(180, 180, 181, 1);
}

.pledga-record-date {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
}

.pledga-footer-earnings-label {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: rgba(180, 180, 181, 1);
}

.pledga-footer-earnings-value {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: rgba(131, 154, 197, 1);
    margin-left: calc(100vw / 375 * 5);
}

/* 详情按钮样式 */
.pledga-record-details-btn {
    width: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
    border-radius: 50%;
    background-color: rgba(58, 61, 82, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: calc(100vw / 375 * 10);
}

.pledga-record-details-btn svg {
    width: 50%;
    height: 50%;
    stroke: #a9b1d5;
    transition: all 0.3s ease;
}

.pledga-record-details-btn:hover {
    background-color: rgba(0, 224, 255, 0.1);
    border-color: #00e0ff;
}

.pledga-record-details-btn:hover svg {
    stroke: #ffffff;
}

/* 主容器 */
.transactions-container {
    width: 100%; /* 确保容器宽度为100% */
}

/* 头部导航/过滤 */
.transactions-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #12161B;
}

.transaction-filter-tabs {
    padding: 0 calc(100vw / 375 * 50);
}

.transaction-filter-tab {
    flex: 1;
    padding-bottom: calc(100vw / 375 * 12);
    text-align: center;
    font-size: calc(100vw / 375 * 16); /* 标题字体大小不变 */
    font-weight: 500;
    color: rgba(158, 158, 159, 1); /* 未激活状态颜色 */
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
}

.transaction-filter-tab.active {
    color: #FFFFFF; /* 激活状态颜色 */
}

/* 激活状态的下划线 */
.transaction-filter-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 紧贴父容器边框 */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw / 375 * 30);
    height: 3px;
    background-color: #00ffff; /* 科技感青色 */
    border-radius: 2px;
}

/* 记录列表 */
.transactions-list {
    width: 100%;
    /* 【已移除】 display: flex; flex-direction: column; */
}

/* 单个记录项 */
.transaction-item {
    width: 100%;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 calc(100vw / 375 * 10);
}

/* 中间信息区 */
.transaction-details {
    text-align: left;
    flex: 1;
    min-width: 0;
    padding-right: calc(100vw / 375 * 15);
}

.transaction-title {
    font-size: calc(100vw / 375 * 14); /* 已调小 */
    line-height: calc(100vw / 375 * 14); /* 同步设置 */
    height: calc(100vw / 375 * 14); /* 同步设置 */
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 8); /* 使用margin控制间距 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.transaction-time {
    font-size: calc(100vw / 375 * 11); /* 已调小 */
    line-height: calc(100vw / 375 * 11); /* 同步设置 */
    height: calc(100vw / 375 * 11); /* 同步设置 */
    color: #8A91B4;
}

/* 右侧金额区 */
.transaction-amount {
    text-align: right;
    flex-shrink: 0;
}

.transaction-amount-value {
    font-size: calc(100vw / 375 * 15); /* 已调小 */
    line-height: calc(100vw / 375 * 15); /* 同步设置 */
    height: calc(100vw / 375 * 15); /* 同步设置 */
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: calc(100vw / 375 * 8); /* 使用margin控制间距 */
}

.transaction-amount-income {
    color: #10B981;
    text-shadow: 0 0 calc(100vw / 375 * 15) rgba(16, 185, 129, 0.7);
}

.transaction-amount-expense {
    color: #EF4444;
    text-shadow: 0 0 calc(100vw / 375 * 15) rgba(239, 68, 68, 0.7);
}

.transaction-amount-sub-value {
    font-size: calc(100vw / 375 * 11); /* 已调小 */
    line-height: calc(100vw / 375 * 11); /* 同步设置 */
    height: calc(100vw / 375 * 11); /* 同步设置 */
    color: #8A91B4;
}

.transactions-header.top {
    position: relative;
    top: 44px;
    z-index: 100;
}

.transaction-date-group {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*height: calc(100vw / 375 * 14);*/
    font-weight: 600;
    width: 100%;
    color: #8A91B4;
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #12161B;
}

.refresh-cover {
    width: 100%;
    height: 0;
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    z-index: 999;
}

@supports (position: sticky) {
    .pledge-mark,
    .pledge-list-mark,
    .dapp-transaction-mark {
        position: sticky !important;
        top: -1px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1001 !important;
    }
}

/* 主容器 */
.pledge-list-container {
    background-image: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    width: 100%;
    margin-bottom: calc(100vw / 375 * 15);
    border-left: 3px solid #00ffff;
}

.pledge-list-container:last-child {
    margin-bottom: 0;
}

/* 详情头部 */
.pledge-list-header {
    width: 100%;
    padding: calc(100vw / 375 * 10);
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
}

.pledge-list-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 5);
}

.pledge-list-amount {
    font-size: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    font-weight: 700;
    letter-spacing: 1px;
}

.pledge-list-amount-income {
    color: #10B981;
    text-shadow: 0 0 calc(100vw / 375 * 15) rgba(16, 185, 129, 0.7);
}

.pledge-list-amount-expense {
    color: #EF4444;
    text-shadow: 0 0 calc(100vw / 375 * 15) rgba(239, 68, 68, 0.7);
}

/* 详情主体 */
.pledge-list-body {
    padding: calc(100vw / 375 * 20);
}

.pledge-list-row {
    margin-bottom: calc(100vw / 375 * 18);
}

.pledge-list-row:last-child {
    margin-bottom: 0;
}

.pledge-list-label-wrapper {
    flex-shrink: 0;
    text-align: left;
}

.pledge-list-value-wrapper {
    flex-grow: 1;
    text-align: right;
    word-break: break-all;
    padding-left: calc(100vw / 375 * 10);
}

.pledge-list-label {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #8A91B4;
}

.pledge-list-value {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #FFFFFF;
    font-weight: 500;
}

/* 详情脚部 */
.pledge-list-footer {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    padding: calc(100vw / 375 * 10);
}

.pledge-list-footer .pledge-list-row {
    margin-bottom: 0;
}

.pledge-list-footer .pledge-list-label,
.pledge-list-footer .pledge-list-value {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.pledge-list-bg .transaction-date-group {
    border-bottom: 0;
    padding: calc(100vw / 375 * 10) 0;
    font-weight: 500;
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
}

/* --- 新增的 dapp-list-container 样式 --- */
.dapp-list-container {
    color: #E0E0E0;
    font-family: 'Inter', 'Noto Sans SC', sans-serif;
}

/* --- 资产列表容器 --- */
.dapp-list-asset-list-container {
    width: 100%;
    max-width: calc(100vw / 375 * 450);
    /* display: flex; flex-direction: column; 已被 f-dc 类替代 */
}

/* **修改点**: 增加下划线设计 */
.dapp-list-assets-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 600;
    color: #E0E5EC;
    margin: 0 0 calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    position: relative;
    padding-bottom: calc(100vw / 375 * 10);
    display: inline-block; /* 关键: 让下划线宽度匹配文字 */
    width: fit-content;
}

.dapp-list-assets-title::after {
    content: '';
    position: absolute;
    left: 10%;
    bottom: calc(100vw / 375 * -10);
    width: 80%;
    height: 3px;
    background: #00ffff;
    border-radius: 3px;
    box-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.7);
}

/* 使用 margin 替代 gap */
.dapp-list-asset-list-container > .dapp-list-asset-card:not(:last-child) {
    margin-bottom: calc(100vw / 375 * 10);
}

/* --- 核心：资产卡片样式 --- */
.dapp-list-asset-card {
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    backdrop-filter: blur(10px);
    border-radius: calc(100vw / 375 * 18);
    border: 1px solid rgba(255, 255, 255, 0.1); /* border 保持 px 单位 */
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(100vw / 375 * 8) calc(100vw / 375 * 32) rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* display: flex; align-items: center; 已被 f-ac 类替代 */
}

.dapp-list-asset-card:hover {
    transform: translateY(calc(100vw / 375 * -5));
    box-shadow: 0 calc(100vw / 375 * 12) calc(100vw / 375 * 40) rgba(0, 0, 0, 0.4);
}

/* --- 卡片左侧的彩色装饰线 --- */
.dapp-list-asset-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100vw / 375 * 4);
    height: 100%;
    background: var(--accent-color, #4A90E2);
    box-shadow: 0 0 calc(100vw / 375 * 12) var(--accent-color, #4A90E2);
}

/* 使用 margin 替代 gap */
.dapp-list-asset-card > *:not(:first-child) {
    margin-left: calc(100vw / 375 * 5);
}

/* --- 资产图标 --- */
.dapp-list-asset-icon-wrapper {
    flex-shrink: 0;
    width: calc(100vw / 375 * 48);
    height: calc(100vw / 375 * 48);
    border-radius: 50%;
    /* **修改点**: 使用新的 CSS 变量，并提供一个默认的半透明黑色背景 */
    background: var(--accent-bg-color, rgba(0, 0, 0, 0.2));
    margin-right: calc(100vw / 375 * 5);
    /* display: grid; place-items: center; 已被 f-c 和 f-ac 类替代 */
}

.dapp-list-asset-icon-wrapper img {
    width: calc(100vw / 375 * 32);
    height: calc(100vw / 375 * 32);
    border-radius: 50%;
}

.dapp-list-asset-icon-wrapper i {
    font-size: calc(100vw / 375 * 32);
    height: calc(100vw / 375 * 32);
    line-height: calc(100vw / 375 * 32);
    border-radius: 50%;
}

.dapp-list-asset-icon-wrapper svg {
    width: calc(100vw / 375 * 32);
    height: calc(100vw / 375 * 32);
    border-radius: 50%;
}

/* --- 中间：资产信息 --- */
.dapp-list-asset-info {
    flex-grow: 1;
    /* display: flex; flex-direction: column; 已被 f-dc 类替代 */
}

/* 使用 margin 替代 gap */
.dapp-list-asset-info > .dapp-list-asset-name {
    margin-bottom: calc(100vw / 375 * 4);
}

.dapp-list-asset-name {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
}

.dapp-list-asset-fullname {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
}

/* --- 右侧：资产余额 --- */
.dapp-list-asset-balance {
    flex-shrink: 0;
    /* display: flex; flex-direction: column; align-items: flex-end; 已被 f-dc, f-ae 类替代 */
}

/* 使用 margin 替代 gap */
.dapp-list-asset-balance > .dapp-list-balance-primary {
    margin-bottom: calc(100vw / 375 * 4);
}

.dapp-list-balance-primary {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
    letter-spacing: calc(100vw / 375 * 0.5);
}

.dapp-list-balance-secondary {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
}

/* --- 核心：头部容器 (不再是卡片) --- */
.home-header-section-wrapper {
    width: 100%;
    position: relative;
    z-index: 2; /* 内容层在背景之上 */
    padding: calc(100vw / 375 * 20);
    box-sizing: border-box;
    color: #FFFFFF;
}

/* --- **全新** 背景层：现在是绝对定位，可以覆盖更大区域 --- */
.home-header-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vw / 375 * 260); /* 定义背景的高度 */
    overflow: hidden;
    z-index: 1; /* 背景层在最下面 */
    background-color: #0A0E1B;
}

/* Canvas 用于绘制动态粒子效果 */
#particle-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* --- 内容元素样式 (基本保持不变) --- */
.home-header-hint-text {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.home-header-network-address-pill {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: calc(100vw / 375 * 99);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    backdrop-filter: blur(calc(100vw / 375 * 5));
    flex-shrink: 0;
}

.home-header-network-tag {
    background-color: #F7B500;
    color: #111;
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 6);
    border-radius: calc(100vw / 375 * 99);
    font-weight: 600;
    margin-right: calc(100vw / 375 * 6);
}

.home-header-address-text {
    color: rgba(255, 255, 255, 0.8);
}

.home-header-panel-main-content {
    margin-top: calc(100vw / 375 * 20); /* 增加与顶部的距离 */
    margin-bottom: calc(100vw / 375 * 20); /* 增加与底部的距离 */
}

.home-header-welcome-logo-line {
    margin: calc(100vw / 375 * 10) 0;
}

.home-header-welcome-logo-line > *:not(:first-child) {
    margin-left: calc(100vw / 375 * 10);
}

.home-header-logo-placeholder {
    width: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
    background-color: rgba(0, 255, 255, 0.2);
    border: 1px solid rgba(0, 255, 255, 0.4);
    border-radius: 50%;
}

.home-header-welcome-title {
    font-size: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.6);
    color: rgba(247, 247, 247, 1);
}

.home-header-welcome-section {
    margin-right: calc(100vw / 375 * 5);
}

.home-header-welcome-subtitle {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 22);
    /*height: calc(100vw / 375 * 14);*/
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制为 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; /* 确保长单词也能被截断 */
}

.home-header-action-icons > *:not(:last-child) {
    margin-bottom: calc(100vw / 375 * 12);
}

.home-header-icon-wrapper {
    width: calc(100vw / 375 * 32);
    height: calc(100vw / 375 * 32);
    border-radius: calc(100vw / 375 * 8);
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.home-header-icon-wrapper:hover {
    background: rgba(0, 255, 255, 0.1);
    border-color: rgba(0, 255, 255, 0.4);
    box-shadow: 0 0 calc(100vw / 375 * 15) rgba(0, 255, 255, 0.4);
}

.home-header-icon-wrapper i {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: #00ffff;
}

.home-header-icon-wrapper span {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 20);
    color: #00ffff;
}

.home-header-icon-wrapper svg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    opacity: 0.8;
    stroke: #00ffff; /* 图标描边也使用青色 */
}

.home-header-panel-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1A1F36 0%, #0A0E1B 100%);
}

.home-header-panel-aurora {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    mix-blend-mode: screen;
}

.home-header-panel-aurora::before,
.home-header-panel-aurora::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(calc(100vw / 375 * 90));
}

.home-header-panel-aurora::before {
    width: calc(100vw / 375 * 350);
    height: calc(100vw / 375 * 350);
    background: radial-gradient(circle, rgba(0, 255, 255, 0.4), transparent 60%);
    top: calc(100vw / 375 * -150);
    left: calc(100vw / 375 * -120);
    animation: move-aurora-1 18s infinite alternate ease-in-out;
}

.home-header-panel-aurora::after {
    width: calc(100vw / 375 * 300);
    height: calc(100vw / 375 * 300);
    background: radial-gradient(circle, rgba(217, 70, 239, 0.3), transparent 60%);
    bottom: calc(100vw / 375 * -150);
    right: calc(100vw / 375 * -100);
    animation: move-aurora-2 15s infinite alternate ease-in-out;
}

@keyframes move-aurora-1 {
    from {
        transform: translate(0, 0) rotate(0deg) scale(1);
    }
    to {
        transform: translate(calc(100vw / 375 * 50), calc(100vw / 375 * 70)) rotate(45deg) scale(1.3);
    }
}

@keyframes move-aurora-2 {
    from {
        transform: translate(0, 0) rotate(0deg) scale(1.2);
    }
    to {
        transform: translate(calc(100vw / 375 * -60), calc(100vw / 375 * -40)) rotate(-45deg) scale(0.9);
    }
}

.dapp-list-main-container {
    margin-top: calc(100vw / 375 * 10);
    padding: 0 calc(100vw / 375 * 10);
}

.dapp-list-header-main-container {
    padding: calc(100vw / 375 * 10);
    position: relative;
    z-index: 2;
}

/* --- 一体化头部容器 --- */
.dapp-list-header-wrapper {
    width: 100%;
    position: relative;
    background: rgba(44, 47, 72, 0.5); /* 半透明玻璃背景 */
    backdrop-filter: blur(calc(100vw / 375 * 20));
    border-radius: calc(100vw / 375 * 24);
    padding: calc(100vw / 375 * 20);
    box-sizing: border-box;
    color: #E0E5EC;
    box-shadow: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 30) rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 动态辉光边框 */
.dapp-list-header-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: calc(100vw / 375 * 24);
    padding: 1px;
    background: linear-gradient(110deg, rgba(0, 255, 255, 0.3), rgba(199, 152, 255, 0.3), rgba(0, 255, 255, 0.3));
    background-size: 200% 200%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    animation: glow-border 4s linear infinite;
    pointer-events: none;
}

@keyframes glow-border {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* --- 内容层 (资产显示区) --- */
.dapp-list-header-content {
    width: 100%;
}

.dapp-list-header-top-row {
    margin-bottom: calc(100vw / 375 * 24);
    width: 100%;
}

.dapp-list-header-top-row > i {
    font-size: calc(100vw / 375 * 23);
    line-height: calc(100vw / 375 * 23);
    height: calc(100vw / 375 * 23);
    color: #868e9a;
}

.dapp-list-header-balance-label {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: #868e9a;
    margin: 0;
}

.dapp-list-header-balance-amount {
    font-size: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
    text-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.5);
}

.dapp-list-header-balance-currency {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #868e9a;
    margin-left: calc(100vw / 375 * 8);
}

.dapp-list-header-icon {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    stroke: #868e9a;
    cursor: pointer;
}

/* --- 快捷导航栏 --- */
.dapp-list-header-nav-container {
    width: 100%;
    padding-top: calc(100vw / 375 * 20);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: calc(100vw / 375 * 20);
}

.dapp-list-header-nav-item {
    flex: 1;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.dapp-list-header-nav-item:active {
    transform: scale(0.95);
}

.dapp-list-header-nav-icon-wrapper {
    width: calc(100vw / 375 * 48);
    height: calc(100vw / 375 * 48);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: calc(100vw / 375 * 8);
}

.dapp-list-header-nav-icon-wrapper > i {
    color: #00ffff;
    opacity: 0.9;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
}

.dapp-list-header-nav-icon {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    stroke: #00ffff;
    opacity: 0.9;
}

.dapp-list-header-nav-label {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #A0A8B4;
    font-weight: 500;
}

.card-main-content {
    width: 100%;
    margin-left: calc(100vw / 375 * 12);
}

/* --- 主数据显示区 --- */
.asset-main-info {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 12); /* 调整间距 */
}

.asset-identity {
    min-width: calc(100vw / 375 * 60);
}

.asset-icon-wrapper {
    flex-shrink: 0;
    width: calc(100vw / 375 * 48);
    height: calc(100vw / 375 * 48);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    margin-bottom: calc(100vw / 375 * 8); /* **修改点**: 从 margin-right 改为 margin-bottom */
}

.asset-icon-wrapper img {
    width: calc(100vw / 375 * 32);
    height: calc(100vw / 375 * 32);
    border-radius: 50%;
}

.asset-name {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
}

.asset-balance {
    flex-shrink: 0;
    text-align: right;
}

.balance-primary {
    font-size: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
    text-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.5);
    margin-bottom: calc(100vw / 375 * 4);
}

.balance-secondary {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #8A91B4;
}

/* 分割线 */
.asset-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 255, 255, 0), rgba(0, 255, 255, 0.3), rgba(0, 255, 255, 0));
    margin-bottom: calc(100vw / 375 * 16);
}

/* --- 详细数据显示区 --- */
.asset-details {
    width: 100%;
}

.hide-asset-btn {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: var(--text-secondary);
    cursor: pointer;
    margin-bottom: calc(100vw / 375 * 16); /* **修改点**: 移动到分割线之上 */
}

.hide-asset-btn svg {
    width: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    stroke: var(--text-secondary);
    margin-right: calc(100vw / 375 * 6);
}

.balance-details-item .label {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
}

.balance-details-item .value {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: rgba(247, 247, 247, 1);
    margin-top: calc(100vw / 375 * 4);
}

/* --- 资产卡片 --- */
.wallet-detail-asset-card {
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 20);
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(100vw / 375 * 8) calc(100vw / 375 * 25) rgba(0, 0, 0, 0.3);
}

/* 左侧彩色辉光条 */
.wallet-detail-asset-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100vw / 375 * 5);
    height: 100%;
    background: var(--accent-color, #F7931A);
    box-shadow: 0 0 calc(100vw / 375 * 15) var(--accent-color, #F7931A);
}

.wallet-detail-card-main-content {
    width: 100%;
    margin-left: calc(100vw / 375 * 12);
}

/* --- 主数据显示区 --- */
.wallet-detail-asset-main-info {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5); /* 调整间距 */
}

.wallet-detail-asset-identity {
    min-width: calc(100vw / 375 * 60);
}

.wallet-detail-asset-icon-wrapper {
    flex-shrink: 0;
    width: calc(100vw / 375 * 48);
    height: calc(100vw / 375 * 48);
    border-radius: 50%;
    background: var(--accent-bg-color, rgba(0, 0, 0, 0.2));
    margin-bottom: calc(100vw / 375 * 8); /* **修改点**: 从 margin-right 改为 margin-bottom */
}

.wallet-detail-asset-icon-wrapper img {
    width: calc(100vw / 375 * 32);
    height: calc(100vw / 375 * 32);
    border-radius: 50%;
}

.wallet-detail-asset-name {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
}

.wallet-detail-asset-balance {
    flex-shrink: 0;
    text-align: right;
}

.wallet-detail-balance-primary {
    font-size: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
    text-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.5);
    margin-bottom: calc(100vw / 375 * 4);
}

.wallet-detail-balance-secondary {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #8A91B4;
}

/* 分割线 */
.wallet-detail-asset-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 255, 255, 0), rgba(0, 255, 255, 0.3), rgba(0, 255, 255, 0));
    margin-bottom: calc(100vw / 375 * 16);
}

/* --- 详细数据显示区 --- */
.wallet-detail-asset-details {
    width: 100%;
}

.wallet-detail-hide-asset-btn {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
    cursor: pointer;
    margin-bottom: calc(100vw / 375 * 16); /* **修改点**: 移动到分割线之上 */
}

.wallet-detail-hide-asset-btn svg {
    width: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    stroke: #8A91B4;
    margin-right: calc(100vw / 375 * 6);
}

.wallet-detail-hide-asset-btn i {
    margin-right: calc(100vw / 375 * 6);
}

.wallet-detail-balance-details-item .label {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
    font-weight: 500;
    padding: 0;
}

.wallet-detail-balance-details-item .value {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: rgba(247, 247, 247, 1);
    margin-top: calc(100vw / 375 * 4);
    font-weight: 500;
}

.wallet-detail-coin-list-wrapper {
    flex-shrink: 0;
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    border-radius: 50%;
    background: var(--accent-bg-color, rgba(0, 0, 0, 0.2));
    margin-bottom: calc(100vw / 375 * 5); /* **修改点**: 从 margin-right 改为 margin-bottom */
}

.wallet-detail-coin-list-wrapper img {
    width: calc(100vw / 375 * 27);
    height: calc(100vw / 375 * 27);
    border-radius: 50%;
}

.echarts-normal {
    height: calc(100vw / 375 * 250) !important;
    width: 100%;
    box-shadow: none !important;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: transparent;
    position: relative !important;
    z-index: 2;
    margin: 0;

}

.echarts-thumb {
    height: calc(100vw / 375 * 85) !important;
    width: 100%;
    box-shadow: none !important;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: transparent;
    position: relative !important;
    z-index: 2;
    margin: 0;
}

.bg-color.dapp-detail-bg {
    bottom: 55px;
}

/* --- **全新** 交易记录卡片 --- */
.transaction-history-card {
    width: 100%;
    position: relative;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    backdrop-filter: blur(calc(100vw / 375 * 15));
    border-radius: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10);
}

/* --- 头部筛选器 --- */
.dapp-detail-history-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 16);
}

.dapp-detail-history-tabs {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: calc(100vw / 375 * 8);
    padding: calc(100vw / 375 * 4);
}

.dapp-detail-history-tab {
    padding: calc(100vw / 375 * 6) calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #8A91B4;
    border-radius: calc(100vw / 375 * 6);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dapp-detail-history-tab.active {
    background-color: rgb(0, 255, 255);
    color: #1A1C2A;
    font-weight: 600;
    box-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.5);
}

.dapp-detail-history-more {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
    cursor: pointer;
}

/* --- 交易记录列表 --- */
.dapp-detail-history-list {
    width: 100%;
}

.dapp-detail-history-item {
    padding: calc(100vw / 375 * 12) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dapp-detail-history-list .dapp-detail-history-item:last-child {
    border-bottom: none;
}

.item-icon-wrapper {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 255, 255, 0.2);
    margin-right: calc(100vw / 375 * 12);
}

.item-icon-wrapper svg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    stroke: rgb(0, 255, 255); /* 默认颜色 */
}

.item-icon-wrapper.income svg {
    stroke: #26A17B;
}

.item-icon-wrapper.expense svg {
    stroke: #EF4444;
}

.item-icon-wrapper.waiting svg {
    stroke: #F7931A;
}

.item-icon-wrapper.processing svg {
    stroke: rgb(0, 255, 255);
}

.item-details {
    flex-grow: 1;
}

.item-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
}

.item-timestamp {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #8A91B4;
}

.item-amount-status {
    text-align: right;
}

.item-amount {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 600;
    margin-bottom: calc(100vw / 375 * 10);
}

.item-amount.income {
    color: #26A17B;
}

.item-amount.expense {
    color: #EF4444;
}

.item-status {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: 500;
}

.item-status.processing {
    color: #F7931A;
}

.item-status.completed {
    color: #26A17B;
}

.item-status.failed {
    color: #EF4444;
}

.dapp-detail-list-container {
    margin: 0 calc(100vw / 375 * 10);
}

.transactions-list--none {
    color: #fff;
    font-size: calc(100vw / 375 * 12);
    padding: calc(100vw / 375 * 10);
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- 公告列表卡片 --- */
.notice-list-card {
    width: 100%;
    position: relative;
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    backdrop-filter: blur(calc(100vw / 375 * 15));
    border-radius: calc(100vw / 375 * 16);
    padding: calc(100vw / 375 * 15);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 30) rgba(0, 255, 255, 0.1);
}

/* --- 头部页签 --- */
.notice-list-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 16);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.notice-list-header-tabs {
    gap: calc(100vw / 375 * 24);
}

.notice-list-header-tab {
    padding: calc(100vw / 375 * 12) 0;
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: #8A91B4;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    font-weight: 500;
}

.notice-list-header-tab.active {
    color: rgb(0, 255, 255);
    font-weight: 600;
}

.notice-list-header-tab.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100vw / 375 * 3);
    background: rgb(0, 255, 255);
    border-radius: calc(100vw / 375 * 3);
    box-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.7);
}

/* --- 公告列表 --- */
.notice-list-list {
    width: 100%;
}

.notice-list-item {
    padding: calc(100vw / 375 * 12) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.notice-list-list .notice-list-item:last-child {
    border-bottom: none;
}

.notice-list-item-icon-wrapper {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 255, 255, 0.2);
    margin-right: calc(100vw / 375 * 12);
    /*box-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.2);*/
}

.notice-list-item-icon-wrapper svg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    stroke: rgb(0, 255, 255);
}

.notice-list-item-details {
    flex-grow: 1;
}

.notice-list-item-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: rgba(247, 247, 247, 1);
    margin-bottom: calc(100vw / 375 * 7);
}

.notice-list-item-timestamp {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #8A91B4;
}

.notice-list-item-indicator .notice-list-new-tag {
    background-color: #EF4444;
    color: rgba(247, 247, 247, 1);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 6);
    border-radius: calc(100vw / 375 * 4);
    font-weight: 600;
}

.notice-list-new-tag.dot {
    margin-right: calc(100vw / 375 * 5);
}

.notice-list-item-indicator .notice-list-read-dot {
    width: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
    border-radius: 50%;
    background: rgb(0, 255, 255);
    box-shadow: 0 0 calc(100vw / 375 * 8) rgba(0, 255, 255, 0.7);
}

.notice-list-no-data-placeholder {
    padding: calc(100vw / 375 * 40) 0;
    color: #5A6474;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
}

/* --- **全新** 公告详情卡片 --- */
.notice-detail-card {
    width: 100%;
    position: relative;
    background-color: rgba(44, 47, 72, 0.5);
    backdrop-filter: blur(calc(100vw / 375 * 15));
    border-radius: calc(100vw / 375 * 16);
    padding: calc(100vw / 375 * 20);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 30) rgba(0, 255, 255, 0.1);
}

/* --- 头部 --- */
.notice-detail-header {
    width: 100%;
    padding-bottom: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 16);
    border-bottom: 1px solid rgba(0, 255, 255, 0.2);
}

.notice-detail-title {
    font-size: calc(100vw / 375 * 20);
    line-height: 1.5; /* 适配多行标题 */
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
    margin-bottom: calc(100vw / 375 * 12);
}

.notice-detail-meta {
    width: 100%;
}

.notice-detail-author,
.notice-detail-date {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #8A91B4;
}

/* --- 正文 --- */
.notice-detail-content {
    width: 100%;
}

.notice-detail-content p {
    font-size: calc(100vw / 375 * 15);
    line-height: 1.8;
    color: #E0E5EC;
    margin: 0 0 calc(100vw / 375 * 16) 0;
}

.notice-detail-content p:last-child {
    margin-bottom: 0;
}

.notice-detail-content img {
    max-width: 100%;
    border-radius: calc(100vw / 375 * 8);
    margin: calc(100vw / 375 * 16) 0;
}

.notice-detail-address {
    background-color: rgba(0, 0, 0, 0.2);
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 13);
    color: #8A91B4;
    word-break: break-all; /* 确保长地址能换行 */
}

/* --- 页面占位内容 --- */
.home-wallets-placeholder-content {
    padding: 20px;
    text-align: center;
}

.home-wallets-trigger-btn {
    background: #2C2F48;
    border: 1px solid rgba(0, 255, 255, 0.2);
    color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 16px;
    margin: 10px;
}

/* --- ngDialog 基础样式覆盖 --- */
.ngdialog.ngdialog-theme-default .ngdialog-content {
    background: transparent;
    padding: 0;
    border-radius: calc(100vw / 375 * 24);
    box-shadow: none;
}

.ngdialog-overlay {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
}

/* --- 弹出框通用样式 --- */
.home-wallets-list {
    width: 100%;
    gap: calc(100vw / 375 * 15);
}

.home-wallets-item {
    flex: 1;
    padding: calc(100vw / 375 * 25) 0;
    border-radius: calc(100vw / 375 * 15);
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.home-wallets-item:hover {
    background-color: rgba(0, 255, 255, 0.1);
}

.home-wallets-icon {
    width: calc(100vw / 375 * 35) !important;
    height: calc(100vw / 375 * 35) !important;
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.home-wallets-name {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: rgba(247, 247, 247, 1);
}

/* --- 中间弹出 (Modal) --- */
.home-wallets-connect-modal {
    max-width: calc(100vw / 375 * 340);
    position: relative;
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    border-radius: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 20);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
}

.home-wallets-modal-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
}

.home-wallets-modal-title {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
}

.home-wallets-modal-close-btn {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    stroke: #8A91B4;
    cursor: pointer;
}

.home-bg .fil-scroll {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ngdialog.ngdialog-theme-default.my-team-dialog-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.my-team-graph-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.pledge-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.qr-code-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.refer-manage-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.contact-us-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.home-bg .ngdialog-close:before,
.ngdialog.ngdialog-theme-default.notice-popup-bg .ngdialog-close:before {
    background: transparent;
    border-radius: unset !important;
    color: #bbb;
    content: '\00D7';
    font-size: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    font-weight: 400;
    position: absolute;
    right: calc(100vw / 375 * 10);
    text-align: center;
    top: calc(100vw / 375 * 0);
    width: unset !important;
}

/* --- 页面占位内容 --- */
.notice-detail-pop-placeholder-content {
    padding: 20px;
    text-align: center;
}

.notice-detail-pop-trigger-btn {
    background: #2C2F48;
    border: 1px solid rgba(0, 255, 255, 0.2);
    color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 16px;
    margin: 10px;
}

/* --- ngDialog 基础样式覆盖 --- */
.ngdialog.ngdialog-theme-default .ngdialog-content {
    background: transparent;
    padding: 0;
    border-radius: calc(100vw / 375 * 16);
    box-shadow: none;
    width: 90%;
    max-width: calc(100vw / 375 * 400);
}

.ngdialog-overlay {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
}

/* --- 视频播放弹出框 (Modal) --- */
.notice-detail-pop-video-modal {
    width: 100%;
    position: relative;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
    padding: calc(100vw / 375 * 15);
    max-height: 70vh;
    display: flex;
    flex-direction: column;
}

.notice-detail-pop-video-header {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: calc(100vw / 375 * 12);
    flex-shrink: 0;
}

.notice-detail-pop-video-title {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 22);
    /*height: calc(100vw / 375 * 16);*/
    font-weight: 500;
    color: #E0E5EC;
}

.notice-detail-pop-video-close-btn {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    stroke: #8A91B4;
    cursor: pointer;

}

.notice-detail-pop-video-body {
    width: 100%;
    overflow-y: auto;
    flex-grow: 1;
}

.notice-detail-pop-video-body p {
    font-size: calc(100vw / 375 * 14);
    line-height: 1.6;
    color: #E0E5EC;
    margin: 0 0 calc(100vw / 375 * 16) 0;
}

.notice-detail-pop-video-content {
    width: 100%;
    background-color: #000000;
    aspect-ratio: 16 / 9;
    border-radius: calc(100vw / 375 * 12);
    overflow: hidden;
}

.notice-detail-pop-video-player {
    width: 100%;
    height: 100%;
}

.notice-detail-pop-content {
    font-size: calc(100vw / 375 * 14);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 限制为 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; /* 确保长单词也能被截断 */
}

.button.button-cancel {
    color: #8A91B4 !important;
    border: 1px solid #8A91B4;
    background-color: transparent !important;
    border-radius: calc(100vw / 375 * 18);
}

.button.button.button-manage {
    background: linear-gradient(45deg, rgba(0, 255, 255, 1), rgba(0, 255, 255, 1));
    height: calc(100vw / 375 * 36) !important;
    transition: all 0.2s ease;
    border-radius: calc(100vw / 375 * 18);
    box-shadow: 0 0 calc(100vw / 375 * 20) rgba(0, 255, 255, 0.7);
}

.home-wallets-installed-badge {
    position: absolute;
    top: calc(100vw / 375 * 5);
    right: calc(100vw / 375 * 7);
    background-color: #14b8a6; /* bg-teal-500 */
    color: #ffffff;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 10);*/
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 6);
    border-radius: calc(100vw / 375 * 999);
    font-weight: 700;
}

/* --- 规则 2 & 3: 遵循新规范的组件样式 (已添加前缀) --- */
.globe-trade-page-container {
    width: 100%;
    padding: 0 calc(100vw / 375 * 16);
}

.globe-trade-header {
    width: 100%;
    padding: calc(100vw / 375 * 16) 0;
    margin-bottom: calc(100vw / 375 * 10);
}

.globe-trade-back-arrow {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #E5E7EB; /* 亮白色 */
}

.globe-trade-header-title {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: #E5E7EB; /* 亮白色 */
}

.globe-trade-exchange-list {
    width: 100%;
}

.globe-trade-exchange-item {
    width: 100%;
    padding: calc(100vw / 375 * 16) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.globe-trade-item-icon {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 12);
    background-color: #374151; /* 图标背景色 */
}

.globe-trade-item-info {
    flex-grow: 1; /* 占据剩余空间 */
}

.globe-trade-item-title {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: #E5E7EB;
    font-weight: 500;
    margin-bottom: calc(100vw / 375 * 6);
}

.globe-trade-item-url {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #6B7280;
}

.globe-trade-item-button {
    padding: 0 calc(100vw / 375 * 12);
    border-radius: calc(100vw / 375 * 14);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 28); /* 按钮高度 */
    height: calc(100vw / 375 * 28);
    font-weight: 500;
    border: 1px solid;
    white-space: nowrap; /* 防止文字换行 */
    transition: all 0.3s ease;
}

.globe-trade-btn-active {
    color: #00ffff;
    border-color: #00ffff;
    background: radial-gradient(circle, rgba(0, 255, 255, 0.1) 0%, rgba(0, 255, 255, 0) 70%);
    box-shadow: 0 0 calc(100vw / 375 * 5) rgba(0, 255, 255, 0.3), inset 0 0 calc(100vw / 375 * 5) rgba(0, 255, 255, 0.2);
}
.globe-trade-btn-active:hover {
    background: radial-gradient(circle, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 70%);
    box-shadow: 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.5), inset 0 0 calc(100vw / 375 * 8) rgba(0, 255, 255, 0.3);
}

.globe-trade-btn-inactive {
    color: #4B5563; /* 深灰色 */
    border-color: #374151; /* 更深的灰色 */
    background: transparent;
}

.globe-trade-separator {
    width: 100%;
    height: 1px;
    background-color: #374151; /* 分割线颜色 */
}

/* --- 规则 2 & 3: 遵循新规范的组件样式 (已添加前缀) --- */
.lang-setting-page-container {
    width: 100%;
    padding: 0 calc(100vw / 375 * 16);
}

.lang-setting-header {
    width: 100%;
    padding: calc(100vw / 375 * 16) 0;
    margin-bottom: calc(100vw / 375 * 10);
}

.lang-setting-back-arrow {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #E5E7EB; /* 亮白色 */
}

.lang-setting-header-title-main {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: #E5E7EB; /* 亮白色 */
}

.lang-setting-main-content {
    width: 100%;
}

.lang-setting-title {
    width: 100%;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    /*height: calc(100vw / 375 * 24);*/
    font-weight: 600;
    color: #F9FAFB; /* 最亮的白色 */
    padding: calc(100vw / 375 * 15) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lang-setting-list {
    width: 100%;
}

.lang-setting-item {
    width: 100%;
    padding: calc(100vw / 375 * 15) 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lang-setting-item-text {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: #E5E7EB;
    font-weight: 500;
    transition: all 0.3s ease;
}

.lang-setting-checkmark {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: #00ffff; /* **修改点**: 改为亮青色 */
    filter: drop-shadow(0 0 calc(100vw / 375 * 5) rgba(0, 255, 255, 0.7)); /* **新增**: 添加辉光效果 */
}

/* **新增**: 选中状态的样式 */
.lang-setting-item.selected .lang-setting-item-text {
    color: #00ffff;
    text-shadow: 0 0 calc(100vw / 375 * 8) rgba(0, 255, 255, 0.5);
}

.lang-setting-separator {
    width: 100%;
    height: 1px;
    background-color: #374151; /* 分割线颜色 */
}

/* --- 底部弹出菜单样式 (已更新前缀) --- */
.home-lang-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.home-lang-modal-overlay.visible {
    opacity: 1;
    visibility: visible;
}

.home-lang-modal-content {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1F2937;
    border-top-left-radius: calc(100vw / 375 * 16);
    border-top-right-radius: calc(100vw / 375 * 16);
    padding: calc(100vw / 375 * 8);
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.home-lang-modal-overlay.visible .home-lang-modal-content {
    transform: translateY(-49px);
}

.home-lang-item {
    width: 100%;
    background-color: #374151;
    border-radius: calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 48);
    height: calc(100vw / 375 * 48);
    color: #E5E7EB;
    cursor: pointer;
    margin-bottom: calc(100vw / 375 * 8);
}
.home-lang-item:last-child {
    margin-bottom: 0;
}

.home-lang-item.cancel {
    background-color: #4B5563;
    margin-top: calc(100vw / 375 * 8);
}

/* --- 居中弹出框样式 --- */
.contact-modal-content {
    width: 100%;
    position: relative;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
    padding: calc(100vw / 375 * 15);
    display: flex;
    flex-direction: column;
}

.contact-modal-icon-wrapper {
    flex-shrink: 0;
    width: calc(100vw / 375 * 68);
    height: calc(100vw / 375 * 68);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    margin-bottom: calc(100vw / 375 * 8);
}

.contact-modal-icon-wrapper img {
    width: calc(100vw / 375 * 46);
    height: calc(100vw / 375 * 46);
    border-radius: 50%;
}

.contact-modal-close-btn {
    position: absolute;
    top: calc(100vw / 375 * 16);
    right: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #9CA3AF;
    cursor: pointer;
    background: none;
    border: none;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    transition: color 0.3s ease;
}
.contact-modal-close-btn:hover {
    color: #FFFFFF;
}

.contact-modal-icon {
    width: calc(100vw / 375 * 64);
    height: calc(100vw / 375 * 64);
    color: #00ffff;
    margin-bottom: calc(100vw / 375 * 10);
    filter: drop-shadow(0 0 calc(100vw / 375 * 8) rgba(0, 255, 255, 0.7));
}

.contact-modal-img {
    width: calc(100vw / 375 * 64);
    height: calc(100vw / 375 * 64);
    margin-bottom: calc(100vw / 375 * 10);
}

.contact-modal-title {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    color: #F9FAFB;
    font-weight: 600;
    margin-bottom: calc(100vw / 375 * 24);
    text-shadow: 0 0 calc(100vw / 375 * 5) rgba(255, 255, 255, 0.2);
}

.contact-list {
    width: 100%;
}

.contact-item {
    width: 100%;
    background-color: rgba(55, 65, 81, 0.5);
    border-radius: calc(100vw / 375 * 8);
    padding: calc(100vw / 375 * 12);
    margin-bottom: calc(100vw / 375 * 12);
}
.contact-item:last-child {
    margin-bottom: 0;
}

.contact-item-icon {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #9CA3AF;
    margin-right: calc(100vw / 375 * 10);
}

.contact-item-icon-i {
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #9CA3AF;
    margin-right: calc(100vw / 375 * 10);
}

.contact-item-details {
    flex-grow: 1;
}

.contact-item-platform {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #9CA3AF;
    margin-bottom: calc(100vw / 375 * 5);
}

.contact-item-info {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #F9FAFB;
    font-weight: 500;
}

.contact-copy-btn {
    background-color: #374151;
    color: #00ffff;
    font-weight: 500;
    border-radius: calc(100vw / 375 * 6);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
    padding: 0 calc(100vw / 375 * 12);
    border: 1px solid #4B5563;
    cursor: pointer;
    transition: all 0.3s ease;
}
.contact-copy-btn:hover {
    background-color: #4B5563;
    border-color: #00ffff;
}

/* --- 规则 2 & 3: 遵循新规范的组件样式 --- */
.refer-manage-page-container {
    width: 100%;
    min-height: 100%;
    padding: calc(100vw / 375 * 15);
    position: relative;
    z-index: 2;
}

.refer-manage-header {
    width: 100%;
    position: absolute;
    top: calc(100vw / 375 * 16);
    right: calc(100vw / 375 * 16);
}

.refer-manage-close-btn {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #FFFFFF;
    cursor: pointer;
    background: none;
    border: none;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
}

.refer-manage-main-content {
    width: 100%;
    padding-top: calc(100vw / 375 * 60); /* 为头部留出空间 */
}

.refer-manage-subtitle {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
}

.refer-manage-main-title {
    font-size: calc(100vw / 375 * 36);
    line-height: calc(100vw / 375 * 36);
    height: calc(100vw / 375 * 36);
    font-weight: 700;
    color: #FFFFFF;
    margin-top: calc(100vw / 375 * 25) !important;
    margin-bottom: calc(100vw / 375 * 80);
    /* 文字渐变 */
    background: linear-gradient(90deg, #FFFFFF, #8DD8FF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.refer-manage-logo {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 100);
    margin-bottom: calc(100vw / 375 * 180);
}

.refer-manage-logo-text {
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    font-weight: 600;
    color: #FFFFFF;
}

.refer-manage-launch-title {
    font-size: calc(100vw / 375 * 26);
    line-height: calc(100vw / 375 * 26);
    height: calc(100vw / 375 * 26);
    font-weight: 700;
    color: #FFFFFF;
    margin-top: calc(100vw / 375 * 80);
    margin-bottom: calc(100vw / 375 * 20);
}

.refer-manage-features-list {
    margin-bottom: calc(100vw / 375 * 40);
}

.refer-manage-feature-item {
    margin-bottom: calc(100vw / 375 * 8);
}

.refer-manage-feature-bullet {
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    background-color: #00ffff; /* 绿色 */
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 10);
}

.refer-manage-feature-text {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    color: #FFFFFF;
}

.refer-manage-footer {
    width: 100%;
}

.refer-manage-invite-text-section {
    flex-grow: 1;
}

.refer-manage-invite-title {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
}

.refer-manage-invite-subtitle {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 10);
    color: #9CA3AF;
}

.refer-manage-arrow-icon {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: #FFFFFF;
    margin-left: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.refer-manage-qr-code {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 100);
    background-color: white;
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

/* --- **修改点**: 全新设计的复制按钮样式 --- */
.refer-manage-copy-button {
    position: relative;
    overflow: hidden; /* 隐藏流光伪元素溢出的部分 */
    background-color: rgba(15, 23, 42, 0.5); /* 半透明深蓝 */
    border: 1px solid #00ffff;
    border-radius: calc(100vw / 375 * 8);
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    padding: 0 calc(100vw / 375 * 16);
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 calc(100vw / 375 * 15) rgba(0, 255, 255, 0.3), inset 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.1);
    backdrop-filter: blur(calc(100vw / 375 * 5));
}
/* 流光效果伪元素 */
.refer-manage-copy-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-30deg);
    transition: left 0.7s ease-in-out;
}
.refer-manage-copy-button:hover::before {
    left: 150%;
}
.refer-manage-copy-button:hover {
    box-shadow: 0 0 calc(100vw / 375 * 25) rgba(0, 255, 255, 0.5), inset 0 0 calc(100vw / 375 * 15) rgba(0, 255, 255, 0.2);
    transform: scale(1.02);
}

.refer-manage-copy-button-icon {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    margin-right: calc(100vw / 375 * 8);
}

/* --- 居中弹出框样式 (已更新前缀) --- */
.invite-manage-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
}

.invite-manage-modal-content {
    width: 100%;
    position: relative;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
    padding: calc(100vw / 375 * 15);
    display: flex;
    flex-direction: column;
}

.invite-manage-modal-close-btn {
    position: absolute;
    top: calc(100vw / 375 * 16);
    right: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #9CA3AF;
    cursor: pointer;
    background: none;
    border: none;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
}

.invite-manage-modal-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 24);
}

.invite-manage-modal-icon {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    margin-right: calc(100vw / 375 * 12);
}

.invite-manage-modal-code {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: #F9FAFB;
    font-weight: 600;
    letter-spacing: calc(100vw / 375 * 1);
}

.invite-manage-modal-qr-container {
    width: calc(100vw / 375 * 220);
    height: calc(100vw / 375 * 220);
    margin-bottom: calc(100vw / 375 * 24);
    background-color: white;
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 8);
    position: relative; /* 用于定位内部图标 */
}

.invite-manage-modal-qr-code {
    width: 100%;
    height: 100%;
}

.invite-manage-modal-qr-center-icon {
    position: absolute;
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    background-color: #FFFFFF;
    padding: calc(100vw / 375 * 4);
    border-radius: calc(100vw / 375 * 4);
}

.invite-manage-modal-copy-btn {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: rgba(15, 23, 42, 0.5);
    border: 1px solid #00ffff;
    border-radius: calc(100vw / 375 * 8);
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 44);
    height: calc(100vw / 375 * 44);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 calc(100vw / 375 * 15) rgba(0, 255, 255, 0.3), inset 0 0 calc(100vw / 375 * 10) rgba(0, 255, 255, 0.1);
    backdrop-filter: blur(calc(100vw / 375 * 5));
}
.invite-manage-modal-copy-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-30deg);
    transition: left 0.7s ease-in-out;
}
.invite-manage-modal-copy-btn:hover::before {
    left: 150%;
}
.invite-manage-modal-copy-btn:hover {
    box-shadow: 0 0 calc(100vw / 375 * 25) rgba(0, 255, 255, 0.5), inset 0 0 calc(100vw / 375 * 15) rgba(0, 255, 255, 0.2);
    transform: scale(1.02);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: calc(100vw / 375 * 120) !important;
}

/* --- 底部弹出框样式 --- */
.network-info-modal-content {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    position: relative;
    width: 100%;
    max-height: 50vh;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
}

.network-info-modal-close-btn {
    position: absolute;
    top: calc(100vw / 375 * 16);
    right: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #9CA3AF;
    cursor: pointer;
    background: none;
    border: none;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
}

.network-info-modal-title {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: #F9FAFB;
    font-weight: 600;
    margin-bottom: calc(100vw / 375 * 20);
}

.network-info-list {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 24);
    overflow-y: auto;;
}

.network-info-list-item {
    width: 100%;
    background-color: transparent;
    border: 1px solid #4A4E6A;
    border-radius: calc(100vw / 375 * 8);
    padding: 0 calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 44);
    height: calc(100vw / 375 * 44);
    color: #E5E7EB;
}
.network-info-list-item:last-child {
    margin-bottom: 0;
}

.network-info-item-icon {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    color: #9CA3AF;
    margin-right: calc(100vw / 375 * 10);
}

.network-info-confirm-btn {
    width: 100%;
    background-color: #00ffff;
    color: #111827;
    /*font-weight: 600;*/
    border-radius: calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 44);
    height: calc(100vw / 375 * 44);
    border: none;
    cursor: pointer;
    box-shadow: 0 0 calc(100vw / 375 * 15) rgba(0, 255, 255, 0.5);
}

/* --- **新增**: 顶部箭头样式 --- */
.network-info-modal-handle {
    width: 100%;
}
.network-info-modal-handle-arrow {
    width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 60);
    color: rgba(247, 247, 247, 1);
    position: absolute;
    top: calc(100vw / 375 * -60);
}

.performance-modal-content {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    width: 100%; /* 弹窗宽度 */
    position: relative;
    max-height: 50vh;
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 18);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
}

.performance-modal-close-btn {
    position: absolute;
    top: calc(100vw / 375 * 16);
    right: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #9CA3AF;
    cursor: pointer;
    background: none;
    border: none;
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
}

.performance-list {
    width: 100%;
    overflow-y: auto;
}

.performance-list-item {
    width: 100%;
    padding: calc(100vw / 375 * 14) 0;
    border-bottom: 1px solid #4A4E6A;
}
.performance-list-item:last-child {
    border-bottom: none;
}

.performance-item-label {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #E5E7EB;
}

.performance-item-value {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #9CA3AF;
    font-weight: 500;
}

/* --- 规则 2 & 3: 遵循新规范的组件样式 --- */
.address-list-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 24);
}

.address-list-back-arrow {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #E5E7EB;
}

.address-list-header-title {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: #FFFFFF;
}

.address-list-add-link {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #A0A0B8;
    font-weight: 500;
}

/* --- 地址卡片样式 (全新风格) --- */
.address-list-card {
    width: 100%;
    background: linear-gradient(145deg, #2a2a3e, #202030);
    border-radius: calc(100vw / 375 * 12);
    padding: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 16);
    position: relative;
    overflow: hidden;
    border: 1px solid #3A3A4A;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.address-list-card:hover {
    transform: translateY(calc(100vw / 375 * -5));
    box-shadow: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 30) rgba(0, 0, 0, 0.3);
}

/* 渐变辉光边框 */
.address-list-card.default::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw / 375 * 4);
    height: 100%;
    background: linear-gradient(to bottom, #26A17B, #65D5AC);
    box-shadow: 0 0 calc(100vw / 375 * 15) #26A17B;
}

.address-list-card-main {
    width: 100%; /* 确保占满宽度 */
    padding-bottom: calc(100vw / 375 * 16);
    border-bottom: 1px solid #3A3A4A;
}

.address-list-user-info {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 12);
}

.address-list-user-name {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    font-weight: 600;
    color: #FFFFFF;
}

.address-list-tag {
    background-color: rgba(0, 255, 255, 0.1);
    color: #00ffff;
    border: 1px solid rgba(0, 255, 255, 0.3);
    border-radius: calc(100vw / 375 * 4);
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 6);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 14);
    font-weight: 500;
    margin-left: calc(100vw / 375 * 8);
}

.address-list-user-phone {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #A0A0B8;
}

.address-list-full-text {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 20);
    color: #E0E0E0;
}

.address-list-card-footer {
    width: 100%;
    padding-top: calc(100vw / 375 * 16);
}

.address-list-default-toggle {
    cursor: pointer;
}

.address-list-default-icon {
    width: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    margin-right: calc(100vw / 375 * 8);
    color: #A0A0B8; /* 未选中时的灰色 */
}
.address-list-card.default .address-list-default-icon {
    color: #00ffff; /* 选中时的科技蓝 */
}

.address-list-default-text {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #A0A0B8;
}

.address-list-actions {
    /* 间距由子元素 margin 提供 */
}

.address-list-action-link {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #A0A0B8;
    margin-left: calc(100vw / 375 * 20);
}

.address-list-action-icon {
    width: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    margin-right: calc(100vw / 375 * 6);
}

/* --- 底部导航栏 --- */
.address-list-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100vw / 375 * 70);
    background-color: #252537;
    border-top: 1px solid #3A3A4A;
}

.address-list-nav-item {
    flex-grow: 1;
}

.address-list-nav-icon {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #A0A0B8;
    margin-bottom: calc(100vw / 375 * 4);
}

.address-list-nav-text {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #A0A0B8;
}

.address-list-nav-item.active .address-list-nav-icon,
.address-list-nav-item.active .address-list-nav-text {
    color: #00ffff; /* 科技蓝 */
}