.bar .title1 {
    font-weight: bold;
    color: #292929 !important;
}

.bar.bar-theme {
    background: #fff !important;
    color: #292929;
}

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

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

.fil-scroll {
    margin: 0;
    box-shadow: none;
    background: rgba(77, 77, 77, 0.5);
    border-radius: calc(100vw / 375 * 20);
    padding: 0 calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 15);
}

.motion-search-bg .fil-scroll,
.motion-bg .fil-scroll,
.merchant-search-bg .fil-scroll,
.index-search-bg .fil-scroll,
.index-bg .fil-scroll,
.merchant-bg .fil-scroll {
    margin-bottom: 0 !important;
}

.marquee-list--li {
    font-size: calc(100vw / 375 * 10);
    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: #CCCCCC;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    color: #FFFFFF;
    height: auto;
    padding: calc(100vw / 375 * 15) 0;
    border-radius: calc(100vw / 375 * 5);
}

.userGraph-main-detail.nodata {
    background: #4d4d4d;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FFFFFF;
    height: auto;
    padding: calc(100vw / 375 * 15) 0;
    border-radius: calc(100vw / 375 * 5);
}

.auctionList-main.nodata {
    background: #4D4D4D;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #CCCCCC;
    height: auto;
    padding: calc(100vw / 375 * 15) 0;
    border-radius: calc(100vw / 375 * 5);
}

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

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

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

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

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

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

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

.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 #C19167;

}

.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, #4D4D4D, #C19167);
    -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: #CB9B71;
    position: absolute;
    right: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

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

.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/dfk/commodity-list-bd.png') no-repeat !important;
    background-size: 100% 100% !important;
    height: calc(100vw / 375 * 150);
}

.extend11 .conver-list-header {
    background: url('../img/dfk/commodity-list-bd-extend11.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.extend12 .conver-list-header {
    background: url('../img/dfk/commodity-list-bd-extend12.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.extend13 .conver-list-header {
    background: url('../img/dfk/commodity-list-bd-extend13.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.extend14 .conver-list-header {
    background: url('../img/dfk/commodity-list-bd-extend14.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.extend15 .conver-list-header {
    background: url('../img/dfk/commodity-list-bd-extend15.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.extend11 .auction-list--title {
    color: #FFFFFF !important;
}

.extend12 .auction-list--title {
    color: #FFFFFF !important;
}

.extend13 .auction-list--title {
    color: #FFFFFF !important;
}

.extend14 .auction-list--title {
    color: #FFFFFF !important;
}

.extend15 .auction-list--title {
    color: #FFFFFF !important;
}

.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.extend11 .auction-list--num {
    color: #FFFFFF;
}

.extend12 .auction-list--num {
    color: #FFFFFF;
}

.extend13 .auction-list--num {
    color: #FFFFFF;
}

.extend14 .auction-list--num {
    color: #FFFFFF;
}

.extend15 .auction-list--num {
    color: #FFFFFF;
}

.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%;
    height: calc(100vw / 375 * 180);
    overflow: hidden;
    position: relative;
}

.item-img img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: none;
    object-fit: cover;
    object-position: center;
}

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

.auction-c {
    padding: calc(100vw / 375 * 8) 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: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.auc-type,
.auction-type {
    /*margin-right: calc(100vw / 375 * 5);*/
    background: #FF5500;
    /*background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);*/
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #FFFFFF;
    border-radius: calc(100vw / 375 * 3);
    min-width: max-content;
    display: inline-block;
    position: relative;
    bottom: calc(100vw / 375 * 2);
    font-weight: normal;
}

.auc-type.share,
.auction-type.share {
    bottom: calc(100vw / 375 * 1);
}

.auction-sub-title {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #D7AE8A;
    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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

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

.auction-info-type {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #FF3C26;
    font-weight: bold;
    margin-right: calc(100vw / 375 * 1);
}

.auction-info-num {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #FF3C26;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.auction-info-dec {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 11);
    font-weight: 500;
    color: #FF3C26;
    font-weight: bold;
    min-width: fit-content;
}

.auction-info-name {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #D8AF8B;
    min-width: fit-content;
}

.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 * 300) !important;
}

.auction-details--top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20) !important;
}

.slide-back-outer {
    /*position: absolute;*/
    /*top: calc(100vw / 375 * 15);*/
    /*left: calc(100vw / 375 * 15);*/
    /*z-index: 100;*/
    background: rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 375 * 25);
    padding: calc(100vw / 375 * 5);
    border: 0.5px #b2b2b2 solid;
}

.slide-back-outer span {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    color: #1B1B1C;
    margin-right: calc(100vw / 375 * 8);
}

.login-bg .slide-back-outer,
.quick-register-bg .slide-back-outer,
.quick-referral-bg .slide-back-outer,
.quick-password-bg .slide-back-outer,
.update-bg .slide-back-outer {
    position: absolute;
    top: calc(100vw / 375 * 15);
    left: calc(100vw / 375 * 15);
    z-index: 100;
}

.slide-interest-outer {
    /*position: absolute;*/
    /*top: calc(100vw / 375 * 15);*/
    /*right: calc(100vw / 375 * 85);*/
    /*z-index: 100;*/
    background: rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 375 * 25);
    padding: calc(100vw / 375 * 5);
    border: 0.5px #b2b2b2 solid;
}

.slide-share-outer {
    /*position: absolute;*/
    /*top: calc(100vw / 375 * 15);*/
    /*right: calc(100vw / 375 * 50);*/
    /*z-index: 100;*/
    background: rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 375 * 25);
    padding: calc(100vw / 375 * 5);
    border: 0.5px #b2b2b2 solid;
    margin-left: calc(100vw / 375 * 10);
}

.slide-inner-outer {
    /*position: absolute;*/
    /*top: calc(100vw / 375 * 15);*/
    /*right: calc(100vw / 375 * 15);*/
    /*z-index: 100;*/
    background: rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 375 * 25);
    padding: calc(100vw / 375 * 5);
    border: 0.5px #b2b2b2 solid;
    margin-left: calc(100vw / 375 * 10);
}

.slide-back {
    font-size: calc(100vw / 375 * 16);
    color: #1B1B1C;
}

.slide-back.attented {
    color: #FD6C00;
}

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

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

.auction-info--spa {
    background: linear-gradient(270deg, #FFFFFF, #FCE4CC);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 20);
}

.auction-info--spa .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);
    width: calc(100vw / 375 * 50);
    text-align: center;
    margin-right: calc(100vw / 375 * 5);
}

.auction-info--spa .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);
    width: calc(100vw / 375 * 50);
    text-align: center;
    margin-right: calc(100vw / 375 * 5);
}

.auction-info--spa > span:last-child {
    margin-right: 0;
}

.auc-p {
    height: calc(100vw / 375 * 18);
    margin-bottom: calc(100vw / 375 * 3);
}

.auc-p.share {
    margin-bottom: calc(100vw / 375 * 5);
}

.auc-p-text {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    font-weight: 500;
    color: #1C1C1C;
    min-width: max-content;
    margin-right: calc(100vw / 375 * 5);
}

.auction-price-box {
    margin-bottom: calc(100vw / 375 * 5);
}

.auction-price-tips {
    margin-bottom: calc(100vw / 375 * 5);
    color: #b2b2b2;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
}

.auction-price-type {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #1C1C1C;
    font-weight: bold;
    margin-right: calc(100vw / 375 * 1);
}

.auction-price-type.share {
    color: #FF3C26;
}

.auction-price {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 16);
    font-weight: bold;
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.auction-price.share {
    color: #FF3C26;
}

.auction-price--dec {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 11);
    font-weight: bold;
    color: #1C1C1C;
    min-width: fit-content;
}

.auction-price--dec.share {
    color: #FF3C26;
}

.auction-name {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #1C1C1C;
    min-width: fit-content;
}

.auction-price--title {
    color: #FFFFFF;
    min-width: fit-content;
}

.merchant-order-list-bg .auction-price--title {
    color: #1C1C1C;
    min-width: fit-content;
    font-weight: bold;
    font-size: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    margin-right: calc(100vw / 375 * 5) !important;
}

.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.auction-info--right {
    min-width: calc(100vw / 375 * 124);
    background: linear-gradient(270deg, #1B1B1C, #373739, #1B1B1C);
    height: calc(100vw / 375 * 50);
    padding: 0 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-bottom: calc(100vw / 375 * 5) !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: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 20);
    /*height: calc(100vw / 375 * 60);*/
    /*font-size: calc(100vw / 375 * 14);*/
    font-weight: bold;
    color: #1C1C1C;
    width: 100%;
    /*margin-bottom: calc(100vw / 375 * 10);*/
}

.auc-title-sub {
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow-wrap: anywhere;*/
    /*word-break: break-all;*/
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    color: #b2b2b2;
    width: 100%;
}

.auc-title.share {
    width: 100%;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 48);
    margin-bottom: 0;
    -webkit-line-clamp: 3;
}

.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-award {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    width: 100%;
    background: linear-gradient(270deg, #FFFFFF, #FCE4CC);
}

.auc-award span {
    font-size: calc(100vw / 375 * 12);
    color: #1A1A1A;
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.auc-award i {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    background: linear-gradient(180deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.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-tools {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    width: 100%;
}

.auc-tools-box {
    width: 33.33%;
}

.auc-tools-box i {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #999999;
    width: calc(100vw / 375 * 14);
}

.auc-tools-box i.attented {
    color: #FD6C00;
}

.auc-tools-box span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #999999;
    margin-left: calc(100vw / 375 * 5);
}

.auc-lie {
    color: #BDBEC7;
}

.auc-dim-header {
    padding: calc(100vw / 375 * 12) calc(100vw / 375 * 20);
    background: #FFEEDD;
    height: 100%;
}

.auc-dim-header--img {
    height: calc(100vw / 375 * 15);
    width: auto;
}

.auc-dim-header--line {
    width: 1px;
    height: calc(100vw / 375 * 15);
    background: linear-gradient(180deg, #FEC994, #EDB987, #FEC995);
    margin: 0 calc(100vw / 375 * 10);
}

.auc-dim-header--text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #EDB886;
}

.auc-dim-box {
    padding: calc(100vw / 375 * 12) calc(100vw / 375 * 20);
    background: #FFFFFF;
    height: 100%;
    box-shadow: 0px 2px 8px 0px rgb(161 161 161 / 50%);
}

.auc-dim-box--sub {
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    line-height: calc(100vw / 375 * 18);
    color: #949494;
    margin-right: calc(100vw / 375 * 15);
    min-width: calc(100vw / 375 * 24);
}

.auc-dim-box--text {
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    line-height: calc(100vw / 375 * 18);
    color: #1C1C1C;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.auc-dim-box--i {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 18);
    margin-left: calc(100vw / 375 * 15);
    color: #1C1C1C;
}

.auc-dim-box--detail {
    margin-top: calc(100vw / 375 * 5);
}

.auc-dim-box--detail-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #949494;
}

.auc-dim-box--detail-i {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    margin-left: calc(100vw / 375 * 5);
    color: #949494;
}

.auc-eval-box {
    padding: calc(100vw / 375 * 20);
    background: linear-gradient(180deg, #FFF2E5 0%, #FFFFFF 50%);
    position: relative;
}

.auc-eval-img-top {
    position: absolute;
    z-index: 0;
    top: 0;
    width: calc(100vw / 375 * 170);
    height: auto;
    object-fit: cover;
    object-position: center;
    left: 50%;
    margin-left: calc(-1 * (100vw / 375 * 85));
}

.auc-eval-img-left {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: calc(100vw / 375 * 50);
    width: auto;
    object-fit: cover;
    object-position: center;
}

.auc-eval-img-right {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: calc(100vw / 375 * 30);
    width: auto;
    object-fit: cover;
    object-position: center;
}

.auc-eval-box-text {
    position: relative;
    z-index: 1;
    font-size: calc(100vw / 375 * 15);
    /*height: calc(100vw / 375 * 15);*/
    /*line-height: calc(100vw / 375 * 15);*/
    font-weight: bold;
    color: #1A1A1A;
}

.auc-eval-box-sub {
    position: relative;
    z-index: 1;
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 15);*/
    /*line-height: calc(100vw / 375 * 15);*/
    /*font-weight: bold;*/
    color: #E7944B;
    margin-left: calc(100vw / 375 * 5);
}

.auc-eval-hef--i {
    position: relative;
    z-index: 1;
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 15);*/
    /*line-height: calc(100vw / 375 * 15);*/
    color: #D99759;
}

.auc-eval-box--i {
    position: relative;
    z-index: 1;
    font-size: calc(100vw / 375 * 13);
    /*line-height: calc(100vw / 375 * 15);*/
    /*height: calc(100vw / 375 * 15);*/
    margin-left: calc(100vw / 375 * 15);
    color: #1C1C1C;
}

.auc-info {
    background: #FFFFFF;
}

.auc-info-hef {
    padding: calc(100vw / 375 * 14) calc(100vw / 375 * 20);
    border-bottom: 1px solid #F6F7F9;
}

.auc-info-hef--text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #2C2C2C;
    margin-left: calc(100vw / 375 * 5);;
}

.auc-info-hef--i {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #EAC97F;
    background: linear-gradient(180deg, #EEC8A3, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.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: #1B1B1C;
    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-content {
    padding: calc(100vw / 375 * 10);
    /*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);*/
}

.index-bg .auc-content {
    padding: 0 calc(100vw / 375 * 10);
    /*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);*/
}

.feeds-waterfall {
    /*column-gap: calc(100vw / 375 * 15);*/
}

.feeds_col_left,
.feeds_col_right {
    width: calc((100vw - (100vw / 375 * 30)) / 2);
    /*row-gap: calc(100vw / 375 * 15);*/
}

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

.index-bg .auctionList-content--item {
    /*box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 40%);*/
}

.auctionList-content--item:last-child {
    margin-bottom: 0 !important;
}

.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);
    min-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: #FFE6BF;
    border: 1px solid #FFE6BF;
    color: #4D4D4D;
}

/*last-child死活不好用*/
/*.page-li:last-child {*/
/*margin-right: 0 !important;*/
/*}*/

.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 {
    position: relative;
    top: 44px;
    z-index: 100;
    background: #2F2B33;
}

.merchant-myOrders-tab {
    position: relative;
    top: 44px;
    z-index: 100;
    padding: calc(100vw / 375 * 10);
}

.myOrders-tab img {
    height: calc(100vw / 375 * 120);
    width: auto;
}

.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;*/
    background: #2F2B33;
    font-size: calc(100vw / 375 * 14);
    font-weight: 400;
    color: #292929;
}

.myCoupons-tab .commodity-order-list-bg {
    padding: 0 calc(100vw / 375 * 35);
}

.myOrders-tab .shared-order-list-bg {
    height: calc(100vw / 375 * 20);
    background: #2F2B33;
}

.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: #EFC7A0;
    /*border-bottom: calc(100vw / 375 * 2) solid #EFC7A0;*/
}

.myOrders-item {
    position: relative;
    /*background: #4D4D4D;*/
    background: linear-gradient(270deg, #6A635E, #2E2A32) !important;
    padding-top: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.merchant-order-list-bg .myOrders-item {
    background: #FFFFFF !important;
    padding-top: 0 !important;
}

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

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

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

.myOrders-item-content {
    position: relative;
    z-index: 1;
}

.myOrders-tab-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
}

.myOrders-tab-line {
    height: calc(100vw / 375 * 2);
    width: calc(100vw / 375 * 30);
    background: #EFC7A0;
    border-radius: calc(100vw / 375 * 1);
}

.myOrders-item-img {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

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

.merchant-order-list-bg .myOrders-top-he {
    color: #1C1C1C;
    border-bottom: none;
}

.myOrders-top-hesd {
    /*width: calc(100vw / 375 * 280);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    color: #FFFFFF;
}

.merchant-order-list-bg .myOrders-top-hesd {
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.myOrders-top-state {
    color: #FFFFFF;
    margin-left: calc(100vw / 375 * 5);
    min-width: max-content;
    width: max-content;
    text-align: center;
}

.merchant-order-list-bg .myOrders-top-state {
    color: #956E3C;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

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

.merchant-order-list-bg .myOrders-info {
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 10);
    border-bottom: none;
}

.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: 100%;
    height: 100%;
    max-width: 100%;
    border: none;
    /*border-radius: calc(100vw / 375 * 5);*/
    object-fit: cover;
    object-position: center;
}

.myOrders-info-right {
    width: 100%;
}

.myOrders-info--box {
    width: 100%;
}

.myOrders-info--title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 20);
    /*height: calc(100vw / 375 * 15);*/
    font-weight: 500;
    color: #FFFFFF;
    /*margin-top: calc(100vw / 375 * 5);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.myOrders-info--dim {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #dddddd;
    margin-top: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-order-list-bg .myOrders-info--dim {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #979797;
    margin-top: calc(100vw / 375 * 10);
    -webkit-line-clamp: 1;
}

.myOrders-info--num {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 3);
    width: 100%;
}

.myOrders-info--num.advance-num {
    -moz-animation: advance-num .2s ease-in-out;
    -webkit-animation: advance-num .2s ease-in-out;
    animation: advance-num .2s ease-in-out;
}

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

.merchant-order-list-bg .myOrders-item-bottom {
    padding: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 10);
    /*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;
}

.merchant-order-list-bg .item-bottom--num {
    font-size: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
}

.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

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

.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: #FFE6BF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

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

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

.merchant-order-list-bg .item-bottom--num span:last-child {
    margin-right: 0;
}

.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: bold;
    color: #1B1B1C;
    margin-top: 10px;
}

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

.radioBox-text-protocol,
.regTips {
    color: #FFE6BF;
    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,
.quick-referral-bg .login-label,
.quick-password-bg .login-label,
.quick-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_class {
    top: calc(100vw / 375 * 30);
    right: calc(100vw / 375 * 2);
    left: auto;
    height: auto;
    color: #FFE6BF !important;
}

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

.quick-password-header {
    width: max-content;
}

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

.quick-referral-bg .quick-input_border .icon_class,
.quick-password-bg .quick-input_border .icon_class,
.quick-register-bg .quick-input_border .icon_class {
    font-size: calc(100vw / 375 * 21);
}

.icon_class.pwd-hidden {
    right: calc(100vw / 375 * 33);
}

.quick-password-bg .icon_class.pwd-hidden {
    position: absolute;
    right: calc(100vw / 375 * 10) !important;
    font-size: calc(100vw / 375 * 16);
}

.posi_top {
    top: 37px !important;
    right: 33px !important;
}

.posi_top.pwd-hidden {
    right: calc(100vw / 375 * 63) !important;
}

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

input.NO_bgcolor_input.pwd-hidden {
    padding-right: calc(100vw / 375 * 85);
}

.goPay-input {
    padding-right: calc(100vw / 375 * 45);
    margin-left: calc(100vw / 375 * 1) !important;
}

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

.goPay-input, .input_border, .forgot-main--width {
    /*border-bottom: 1px solid #8E95A5 !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
}

.pane, .view {
    background: #fff;
    /*background: #353537 !important;*/
}

.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: #FFE6BF;
    line-height: 1.5;
}

.forget_login {
    padding: 0;
}

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

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


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

.forget_login .login_button {
    background-image: linear-gradient(
            90deg,
            #FFE6BF, #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: bold;
    color: #1B1B1C;
    padding: calc(100vw / 375 * 10) 0;
}

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

.bar.bar-theme.manage-bg .title1 {
    color: #262626 !important;
}

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

.bar.bar-theme.manage-bg {
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
}

.bar.bar-theme.commodity-list-bg .title1 {
    color: #292929 !important;
}

.bar.bar-theme.commodity-list-bg.extend11 .title1 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend12 .title1 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend13 .title1 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend14 .title1 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend15 .title1 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg {
    color: #292929 !important;
}

.bar.bar-theme.commodity-list-bg.extend11 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend12 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend13 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend14 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend15 {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend11 .button.button-clear {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend12 .button.button-clear {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend13 .button.button-clear {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend14 .button.button-clear {
    color: #FFFFFF !important;
}

.bar.bar-theme.commodity-list-bg.extend15 .button.button-clear {
    color: #FFFFFF !important;
}

.bar.bar-theme.motion-search-bg .title1,
.bar.bar-theme.motion-my-bg .title1,
.bar.bar-theme.motion-bg .title1,
.bar.bar-theme.ad-sign-bg .title1,
.bar.bar-theme.index-search-bg .title1,
    /*.bar.bar-theme.merchant-map-bg .title1,*/
.bar.bar-theme.merchant-info-bg .title1,
.bar.bar-theme.merchant-bg .title1,
.bar.bar-theme.recharge-result-bg .title1,
.bar.bar-theme.recharge-bg .title1,
.bar.bar-theme.task-entry-bg .title1,
.bar.bar-theme.platform-store-apply-bg .title1,
.bar.bar-theme.platform-store-other-bg .title1,
    /*.bar.bar-theme.platform-store-bg .title1,*/
.bar.bar-theme.referral-bind-bg .title1,
.bar.bar-theme.backcard-add-bg .title1,
.bar.bar-theme.bankcard-bg .title1,
.bar.bar-theme.bankcard-list-bg .title1,
.bar.bar-theme.advance-commodity-details-bg .title1,
.bar.bar-theme.pay-commodity-details-bg .title1,
.bar.bar-theme.shared-order-list-bg .title1,
.bar.bar-theme.commodity-order-list-bg .title1,
.bar.bar-theme.prop-exchange-bg .title1,
.bar.bar-theme.prop-withdraw-bg .title1,
.bar.bar-theme.prop-transfer-bg .title1,
.bar.bar-theme.prop-transaction-bg .title1,
.bar.bar-theme.verify-bg .title1,
.bar.bar-theme.actual-enterprise-bg .title1,
.bar.bar-theme.actual-personal-bg .title1,
.bar.bar-theme.auth-enterprise-bg .title1,
.bar.bar-theme.auth-personal-bg .title1,
.bar.bar-theme.card-holder-bg .title1,
.bar.bar-theme.address-edit-bg .title1,
.bar.bar-theme.address-add-bg .title1,
.bar.bar-theme.address-list-bg .title1,
.bar.bar-theme.pay-method-bg .title1,
.bar.bar-theme.user-graph-bg .title1,
.bar.bar-theme.request-bg .title1,
.bar.bar-theme.pattern-setting-bg .title1,
.bar.bar-theme.repayment-bg .title1,
.bar.bar-theme.payment-bg .title1,
.bar.bar-theme.password-bg .title1,
.bar.bar-theme.mobile-bg .title1,
.bar.bar-theme.mobile-old-bg .title1,
.bar.bar-theme.forgot-bg .title1,
.bar.bar-theme.register-bg .title1,
.bar.bar-theme.tutorial-bg .title1,
.bar.bar-theme.notice-bg .title1,
.bar.bar-theme.index-bg .title1,
.bar.bar-theme.ppw-index-bg .title1,
.bar.bar-theme.main-order-bg .title1,
.bar.bar-theme.user-order-bg .title1,
.bar.bar-theme.userGraph .title1,
.bar.bar-theme.prop-bg .title1,
.bar.bar-theme.prop-detail-bg .title1,
.bar.bar-theme.my-invit .title1,
.bar.bar-theme.my-about .title1 {
    color: #fff !important;
}

.bar.bar-theme.motion-search-bg,
.bar.bar-theme.motion-my-bg,
.bar.bar-theme.motion-bg,
.bar.bar-theme.ad-sign-bg,
.bar.bar-theme.index-search-bg,
    /*.bar.bar-theme.merchant-map-bg,*/
.bar.bar-theme.merchant-info-bg,
.bar.bar-theme.merchant-bg,
.bar.bar-theme.recharge-result-bg,
.bar.bar-theme.recharge-bg,
.bar.bar-theme.task-entry-bg,
.bar.bar-theme.platform-store-apply-bg,
.bar.bar-theme.platform-store-other-bg,
    /*.bar.bar-theme.platform-store-bg,*/
.bar.bar-theme.referral-bind-bg,
.bar.bar-theme.backcard-add-bg,
.bar.bar-theme.bankcard-bg,
.bar.bar-theme.bankcard-list-bg,
.bar.bar-theme.advance-commodity-details-bg,
.bar.bar-theme.pay-commodity-details-bg,
.bar.bar-theme.shared-order-list-bg,
.bar.bar-theme.commodity-order-list-bg,
.bar.bar-theme.prop-exchange-bg,
.bar.bar-theme.prop-withdraw-bg,
.bar.bar-theme.prop-transfer-bg,
.bar.bar-theme.prop-transaction-bg,
.bar.bar-theme.verify-bg,
.bar.bar-theme.actual-enterprise-bg,
.bar.bar-theme.actual-personal-bg,
.bar.bar-theme.auth-enterprise-bg,
.bar.bar-theme.auth-personal-bg,
.bar.bar-theme.card-holder-bg,
.bar.bar-theme.address-edit-bg,
.bar.bar-theme.address-add-bg,
.bar.bar-theme.address-list-bg,
.bar.bar-theme.pay-method-bg,
.bar.bar-theme.user-graph-bg,
.bar.bar-theme.request-bg,
.bar.bar-theme.pattern-setting-bg,
.bar.bar-theme.repayment-bg,
.bar.bar-theme.payment-bg,
.bar.bar-theme.password-bg,
.bar.bar-theme.mobile-bg,
.bar.bar-theme.mobile-old-bg,
.bar.bar-theme.forgot-bg,
.bar.bar-theme.register-bg,
.bar.bar-theme.tutorial-bg,
.bar.bar-theme.notice-bg,
    /*.bar.bar-theme.index-bg,*/
.bar.bar-theme.ppw-index-bg,
.bar.bar-theme.main-order-bg,
.bar.bar-theme.user-order-bg,
.bar.bar-theme.prop-bg,
.bar.bar-theme.prop-detail-bg,
.bar.bar-theme.my-invit,
.bar.bar-theme.my-about {
    color: #fff !important;
}

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

.bar.bar-theme.ad-sign-bg {
    background: #C8A475 !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.pattern-bg,
.bg-color.quick-register-bg,
.bg-color.quick-password-bg,
.bg-color.quick-referral-bg,
.bg-color.login-bg {
    background-image: linear-gradient(270deg, #6A635E, #2E2A32) !important;
    background-color: transparent !important;
}

.bg-color.commodity-details-bg {
    background-image: linear-gradient(270deg, #FFFFFF, #FFFFFF) !important;
    background-color: transparent !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;
}

.prop-bg .prop-bg-down {
    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;
}

.bar.bar-theme.motion-search-bg,
.bar.bar-theme.motion-my-bg,
.bar.bar-theme.motion-bg {
    background-image: linear-gradient(270deg, #101012, #101012) !important;
}

.bg-color.motion-my-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.motion-my-bg .icon-pulling,
.bg-color.motion-charts-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.motion-charts-bg .icon-pulling,
.bg-color.motion-info-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.motion-info-bg .icon-pulling,
.bg-color.motion-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.motion-bg .icon-pulling,
.bg-color.merchant-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.merchant-bg .icon-pulling,
.bg-color.merchant-info-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.merchant-info-bg .icon-pulling,
.bg-color.pay-method-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.pay-method-bg .icon-pulling,
.bg-color.address-list-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.address-list-bg .icon-pulling,
.bg-color.commodity-list-bg.extend15 .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.commodity-list-bg.extend15 .icon-pulling,
.bg-color.commodity-list-bg.extend14 .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.commodity-list-bg.extend14 .icon-pulling,
.bg-color.commodity-list-bg.extend13 .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.commodity-list-bg.extend13 .icon-pulling,
.bg-color.commodity-list-bg.extend12 .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.commodity-list-bg.extend12 .icon-pulling,
.bg-color.commodity-list-bg.extend11 .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.commodity-list-bg.extend11 .icon-pulling,
.bg-color.task-entry-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.task-entry-bg .icon-pulling,
.bg-color.task-entry-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.task-entry-bg .icon-pulling,
.bg-color.advance-commodity-details-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.advance-commodity-details-bg .icon-pulling,
.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.card-holder-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.card-holder-bg .icon-pulling,
.bg-color.shared-order-list-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.shared-order-list-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.tutorial-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.tutorial-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-detail-bg .scroll-refresher .ionic-refresher-content .text-pulling,
.bg-color.prop-detail-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.motion-my-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.motion-my-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.motion-charts-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.motion-charts-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.motion-info-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.motion-info-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.motion-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.motion-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.merchant-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.merchant-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.merchant-info-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.merchant-info-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.pay-method-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.pay-method-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.address-list-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.address-list-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.commodity-list-bg.extend15 .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.commodity-list-bg.extend15 .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.commodity-list-bg.extend14 .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.commodity-list-bg.extend14 .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.commodity-list-bg.extend13 .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.commodity-list-bg.extend13 .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.commodity-list-bg.extend12 .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.commodity-list-bg.extend12 .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.commodity-list-bg.extend11 .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.commodity-list-bg.extend11 .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.task-entry-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.task-entry-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.advance-commodity-details-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.advance-commodity-details-bg .scroll-refresher.active.refreshing .text-refreshing,
.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.card-holder-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.card-holder-bg .scroll-refresher.active.refreshing .text-refreshing,
.bg-color.shared-order-list-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.shared-order-list-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.tutorial-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.tutorial-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-detail-bg .scroll-refresher.active.refreshing .icon-refreshing,
.bg-color.prop-detail-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;*/
}

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

.header-manage--img {
    /*position: relative;*/
    /*width: calc(100vw / 375 * 60);*/
    width: 100%;
    /*height: auto;*/
    padding: calc(100vw / 375 * 40) calc(100vw / 375 * 20) calc(100vw / 375 * 20) 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);*/
    width: 100%;
    margin-left: calc(100vw / 375 * 15);
}

.my-header-name {
    width: 100%;
    /*padding-left: calc(100vw / 375 * 15);*/
    /*position: relative;*/
    /*left: 0;*/
    /*top: calc(-1 * (100vw / 375 * 3));*/
}

.my-header-manage--name {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
    font-weight: 500;
    color: #262626;
    margin-bottom: calc(100vw / 375 * 5);
    /*max-width: calc(100vw / 375 * 250);*/
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.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 * 95));
    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);
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 6) 0 rgba(53, 44, 34, 0.4), calc(100vw / 375 * 3) 0 calc(100vw / 375 * 6) 0 rgba(53, 44, 34, 0.4), calc(-1 * (100vw / 375 * 3)) 0 calc(100vw / 375 * 6) 0 rgba(53, 44, 34, 0.4);
}

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

.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);
    line-height: calc(100vw / 375 * 9);
    height: 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;
}

.item .manage-label.comment {
    position: relative;
    top: calc(-1 * (100vw / 375 * 8));
}

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

.box-ui--theme.coupon {
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
}

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

.goPay-input.ppw-input {
    padding-right: 100px;
}

.goPay-input.ppw-input.ppw-mobile {
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: #FFFFFF;
    border: 0 !important;
    margin-left: 0 !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: #FFE6BF;*/
    color: #000000;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    border: 0;
}

.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 {
    padding: calc(100vw / 375 * 30);
}

.ppw-content {
    border-radius: calc(100vw / 375 * 10);
    background: transparent;
    overflow: hidden;
    box-shadow: 6px 14px 65px -30px #fd6b00;
    position: relative;
}

.invite-img {
    height: calc(100vw / 375 * 20);
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
    object-fit: cover;
    object-position: center;
}

.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-bottom: calc(100vw / 375 * 10);
    min-width: max-content;
}

.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);
    min-width: max-content;
}

.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;
    margin-bottom: calc(100vw / 375 * 40);
    min-width: max-content;
}

.invite-seg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    background: #FFC2B5;
    border-radius: 50%;
}

.invite-seg.left {
    position: absolute;
    left: calc(-1 * (100vw / 375 * 10));
    top: calc(100vw / 375 * 110);
    z-index: 1;
}

.invite-seg.right {
    position: absolute;
    right: calc(-1 * (100vw / 375 * 10));
    top: calc(100vw / 375 * 110);
    z-index: 1;
}

.invite-line {
    position: absolute;
    top: calc(100vw / 375 * 120);
    right: calc(100vw / 375 * 5);
    left: calc(100vw / 375 * 5);
    height: 0;
    border: 0.5px dashed #F3C99C;
}

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

.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);
    min-width: max-content;
}

.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));
    position: relative;
    /*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;
    min-width: max-content;
}

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

.addrlist {
    position: relative;
    background-image: linear-gradient(270deg, #6A635E, #2E2A32);
    margin: 0 0 calc(100vw / 375 * 10) 0;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    overflow: hidden;
}

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

.add-btn {
    position: relative;
    z-index: 1;
    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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

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

.goPay-info.forgot-reg.add-box .goPay-input {
    border-bottom: 1px solid transparent !important;
    height: calc(100vw / 375 * 40);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 38);
    font-weight: 500;
    color: #ADADAD;
}

.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;*/
    width: 100%;
}

.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 {
    padding: calc(100vw / 375 * 5);
    /*margin-bottom: calc(100vw / 375 * 5);*/
    /*width: 100%;*/
    /*background: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;*/
}

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

.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: #FFE6BF;
    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-top: calc(100vw / 375 * 5);
    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: #FFE6BF;
    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%;
}

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

.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: #FFE6BF;*/
    background-image: linear-gradient(270deg, #E1AA7F, #A37650);
    border-radius: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 8);
    width: max-content;
    margin-right: calc(100vw / 375 * 5);
}

.usergraph-date:last-child {
    margin-right: calc(100vw / 375 * 0);
}

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

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

.fil-scrollSvg img {
    width: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    border: 0;
    margin-right: calc(100vw / 375 * 10);
    object-fit: cover;
    object-position: center;
}

.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: calc(100vw / 375 * 10) calc(100vw / 375 * 20) calc(100vw / 375 * 20) calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 10);
    background: #4D4D4D;
    border-radius: calc(100vw / 375 * 5);
}

.recharge-obj--title {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 20);
    width: 100%;
}

.recharge-obj:last-child {
    margin-bottom: 0;
}

.recharge-list {
    width: 100%;
}

.recharge-item {
    position: relative;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 35);
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFE6BF;
    background: #4D4D4D;
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #FFE6BF;
    margin-right: calc(100vw / 375 * 15);
}

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

.recharge-item.selected {
    background: #FFE6BF;
    color: #242424;
    font-weight: bold;
}

.method-item {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
}

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

.method-item--title {
    font-size: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #FFFFFF;
    line-height: calc(100vw / 375 * 28);
}

.method-icon-mrR {
    margin-right: calc(100vw / 375 * 5);
}

.method-icon {
    font-size: calc(100vw / 375 * 28);
}

.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: #4D4D4D;*/
    border: 1px solid #FFE6BF;
    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-list--rightImg {
    width: calc(100vw / 375 * 90);
    height: auto;
    position: absolute;
    right: 0;
    top: calc(100vw / 375 * 15);
    z-index: 6;
    opacity: 0;
    transform: translate3d(101%, 0, 0);
    -webkit-transform: translate3d(101%, 0, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.auction-list--rightImg.aniShow {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

@-webkit-keyframes aniMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    75% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes aniMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: right center;
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        transform-origin: right center;
    }

    75% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        transform-origin: right center;
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: right center;
    }
}

.aniMove {
    -webkit-animation: aniMove 0.3s linear;
    animation: aniMove 0.3s linear;
}

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

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

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

.jsds {
    background: #4D4D4D;
}

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

.merchant-order-list-bg .myOrders-pengPayment {
    margin-top: 0;
    padding: calc(100vw / 375 * 10) 0 0 0;
    border-top: 1px solid #E5E5E5;
}

.myOrders-pengPaymentBtn {
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 13);
    color: #000000;
    line-height: calc(100vw / 375 * 13);
    /*background: #434CFF;*/
    background: #EFC7A0;
    /*box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%);*/
    border-radius: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 5);
}

.merchant-order-list-bg .myOrders-pengPaymentBtn {
    background: #D8D8D8 linear-gradient(270deg, #C8A475 0%, #FEEAD0 100%);
}

.myOrders-pengPaymentBtn:last-child {
    margin-right: 0;
}

.myOrders-pengPaymentBtn.payment {
    color: #EFC7A0;
    background: #2E2A32;
    border-radius: calc(100vw / 375 * 20);
    border: 1px solid #EFC7A0;
}

.merchant-order-list-bg .myOrders-pengPaymentBtn.payment {
    color: #1C1C1C;
    background: transparent;
    border-radius: calc(100vw / 375 * 20);
    border: 1px solid #C9C9C9;
}

.myOrders-pengPaymentBtn.confirm {
    color: #EFC7A0;
    background: transparent;
    border-radius: calc(100vw / 375 * 20);
    border: 1px solid #EFC7A0;
    height: auto;
}

.myOrders-pengPaymentBtn.cancel {
    color: #EFC7A0;
    background: transparent;
    border-radius: calc(100vw / 375 * 20);
    border: 1px solid #EFC7A0;
}

.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 * 14);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-right: calc(100vw / 375 * 5);
    color: #EAC97F;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

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

.payDetails-process-outer {
    padding-bottom: calc(100vw / 375 * 3);
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: #9E7754;
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.payDetails-process {
    /*margin: 0 50px;*/
    padding: calc(100vw / 375 * 20) 0;
    position: relative;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-top-left-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
    border-bottom-left-radius: calc(100vw / 375 * 3);
    border-bottom-right-radius: calc(100vw / 375 * 3);
}

.payDetails-img-lt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: calc(100vw / 375 * 70);
    width: auto;
}

.payDetails-img-lb {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: calc(100vw / 375 * 18);
    width: auto;
}

.payDetails-img-rb {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    height: calc(100vw / 375 * 50);
    width: auto;
}

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

.payDetails-item--box {
    display: inline-block;
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    background: #B2A191;
    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: bold;
    color: #9A8B7D;
}

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

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

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

.payDetails-item.selected .payDetails-itemBox {
    border: 1px solid #7A6553;
}

.payDetails-item.selected .payDetails-item--box {
    background: linear-gradient(270deg, #7C6654, #202020);
}

.payDetails-item.selected .payDetails-itemTips {
    color: #1C1C1C;
}

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

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

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

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

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

.payDetails-addr {
    position: relative;
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20) calc(100vw / 375 * 22) calc(100vw / 375 * 20);
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.payDetails-addr-no {
    position: relative;
    z-index: 1;
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10);
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    border: 1px #EFC7A0 solid;
    overflow: hidden;
}

.payDetails-addr-content {
    position: relative;
    z-index: 1;
}

.payDetails-addr-img {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100vw / 375 * 4);
    background-image: url(../img/dfk/addr-bg.png) !important;
    background-repeat: repeat-x;
    background-size: auto calc(100vw / 375 * 4)
}

.myAddr-type {
    margin-right: calc(100vw / 375 * 5);
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 4);
    font-size: calc(100vw / 375 * 9);
    font-weight: bold;
    line-height: calc(100vw / 375 * 9);
    color: #1C1C1C;
    border-radius: calc(100vw / 375 * 2);
    width: calc(100vw / 375 * 28);
    min-width: calc(100vw / 375 * 28);
}

.myAddr-addr {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.myAddr-info {
    margin-top: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.myAddr-info-no {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    margin-left: calc(100vw / 375 * 5);
    color: #EFC7A0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.myAddr-contact {
    margin-top: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

i.myAddr-addr-icon {
    font-size: calc(100vw / 375 * 17);
    margin-left: calc(100vw / 375 * 5);
    color: #EAC97F;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

i.myAddr-addr-icon-no {
    font-size: calc(100vw / 375 * 17);
    color: #EFC7A0;
}

i.myAddr-addr-icon:first-child {
    margin-right: 0 !important;
}

.myAddr-img-no {
    position: absolute;
    height: calc(100vw / 375 * 47);
    width: auto;
    right: 0;
    top: 0;
    z-index: 0;
}

.advance-commodity-details-bg .goPay-input {
    font-size: calc(100vw / 375 * 13) !important;
    height: calc(100vw / 375 * 13) !important;
    border-bottom: none !important;
    padding-top: 0 !important;
    padding-right: calc(100vw / 375 * 20);
    text-align: right !important;
    line-height: calc(100vw / 375 * 13) !important;
}

.advance-commodity-details-bg .goPay-s {
    width: 100%;
}

.advance-commodity-details-bg .goPay-s .input-del-gopay {
    top: 0 !important;
    right: 0 !important;
    font-size: calc(100vw / 375 * 13) !important;
    height: calc(100vw / 375 * 13) !important;
    line-height: calc(100vw / 375 * 13) !important;
}

.advance-commodity-details-bg .myOrders-info--num {
    margin-bottom: 0 !important;
    width: auto;
}

.advance-commodity-details-bg .write .goPay-input {
    padding-right: 0 !important;
}

.advance-buy-box {
    width: 100%;
}

.advance-buy-addNum--s {
    /*width: 100%;*/
}

.advance-buy-addNum {
    overflow: hidden;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
}

.advance-buy-box-type {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    font-weight: bold;
    /*color: #ECD5B2;*/
}

.advance-buy-reduce,
.advance-buy-addition {
    width: calc(100vw / 375 * 24);
    height: 100% !important;
    line-height: 100%;
    /*background: linear-gradient(270deg, #E6BA8E, #EAD8C4);*/
    color: #ECD5B2;
    text-align: center;
    font-size: calc(100vw / 375 * 14);
    /*border-radius: calc(100vw / 375 * 3);*/
}

.advance-buy-reduce.activated,
.advance-buy-addition.activated {
    /*background: linear-gradient(270deg, #efd9a0, #eae1b9);*/
}

.advance-buy-reduce.activated .advance-buy-box-type,
.advance-buy-addition.activated .advance-buy-box-type {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
}

.advance-buy-reduce-no,
.advance-buy-addition-no,
.advance-buy-reduce-no.activated,
.advance-buy-addition-no.activated {
    color: #BDBEC7;
    /*background: #DFDFDF;*/
}

.advance-buy-reduce-no .advance-buy-box-type,
.advance-buy-addition-no .advance-buy-box-type,
.advance-buy-reduce-no.activated .advance-buy-box-type,
.advance-buy-addition-no.activated .advance-buy-box-type {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    /*background: #DFDFDF;*/
}

.advance-buy-input {
    height: 100% !important;
    line-height: 100%;
    /*margin: 0 calc(100vw / 375 * 5);*/
    width: calc(100vw / 375 * 45);
    background: transparent;
    overflow: hidden;
    padding: calc(100vw / 375 * 3) 0;
    border-radius: calc(100vw / 375 * 3);
    border: 1px solid #B0A49C !important;
    /*border-left: 1px solid #cccccc;*/
    /*border-right: 1px solid #cccccc;*/
}

.advance-buy-input--num {
    width: 100%;
    height: 100% !important;
    line-height: 100% !important;
    background: transparent;
    color: #FFFFFF !important;
    text-align: center;
    font-size: calc(100vw / 375 * 12) !important;
    font-weight: bold;
    padding: 0 !important;
    /*border-radius: calc(100vw / 375 * 3);*/
    /*border: 1px solid #B0A49C !important;*/
}

@keyframes advance-num {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.payDetails-cont {
    position: relative;
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.payDetails-cont-img {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.payDetails-cont-content {
    position: relative;
    z-index: 1;
}

.payDetails-itm {
    padding: calc(100vw / 375 * 12) 0;
    background: transparent;
    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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.payDetails-itm--unit {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    font-weight: 500;
    color: #FFFFFF;
    margin: 0 calc(100vw / 375 * 10);
}

.payDetails-itm--select {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    margin-left: calc(100vw / 375 * 10);
    color: #FFE6BF;
}


.payDetails-itm--val.msg {
    -webkit-line-clamp: 3;
    line-height: calc(100vw / 375 * 18);
    height: auto;
    text-align: end;
}

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

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

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

.payDetails-c {
    position: relative;
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    /*margin: 0 calc(100vw / 375 * 10);*/
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.payDetails-c-img {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.payDetails-c-content {
    position: relative;
    z-index: 1;
}

.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%;
    margin-bottom: calc(100vw / 375 * 10);
}

.payDetails-a {
    position: relative;
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    /*margin: 0 calc(100vw / 375 * 10);*/
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.payDetails-a-img {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.payDetails-a-content {
    position: relative;
    z-index: 1;
}

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

.payDetails-itm-a {
    background: transparent;
    width: 100%;
}

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

.payDetails-itm--val.msg {
    -webkit-line-clamp: 3;
    height: auto;
}

.payDetails-itm--aval {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 18);
    font-weight: 500;
    color: #FFFFFF;
    text-align: end;
    margin-top: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.payDetails-p {
    position: relative;
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    margin: 0 calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    height: calc(100vw / 375 * 45);
    overflow: hidden;
}

.payDetails-p.off {
    height: calc(100vw / 375 * 45) !important;
}

/*.payDetails-p.show{*/
/*height: inherit;*/
/*-webkit-transition: all .2s ease-in-out;*/
/*transition: all .2s ease-in-out;*/
/*}*/

.payDetails-p-img {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.payDetails-p-content {
    position: relative;
    z-index: 1;
}

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

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

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

.payDetails-method-item--title {
    font-size: calc(100vw / 375 * 13);
    font-weight: 500;
    color: #FFFFFF;
    line-height: calc(100vw / 375 * 24);
}

.payDetails-method-icon {
    font-size: calc(100vw / 375 * 16) !important;
}

.payDetails-icon-span {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    /* background: #4D4D4D; */
    border: 1px solid #FFE6BF;
    border-radius: 50%;
}

.payDetails-pIcon {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    margin-left: calc(100vw / 375 * 5);
    color: #FFFFFF;
    transition: all .2s ease-in-out;
}

.payDetails-pIcon.downUp {
    transform: rotate(90deg);
}

.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 * 19);
    color: #D26B59;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-order-list-bg .item-bottom--content {
    color: #1C1C1C;
}

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

.merchant-order-list-bg .item-bottom--content-dec {
    color: #1C1C1C;
}

.item-bottom--content-type {
    color: #D26B59;
    font-weight: bold;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    margin-right: calc(100vw / 375 * 1);
}

.merchant-order-list-bg .item-bottom--content-type {
    color: #1C1C1C;
}

.item-bottom--content-name {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #D26B59;
    font-weight: bold;
    min-width: fit-content;
}

.merchant-order-list-bg .item-bottom--content-name {
    color: #1C1C1C;
}

.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

/*.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;*/
/*overflow-wrap: anywhere;*/
/*word-break: break-all;*/
/*}*/
.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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

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

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

.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 {
    /*color: #fff !important;*/
    color: #666 !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 {
    position: relative;
    z-index: 1;
    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: #FFE6BF;
}

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

.paylist--img {
    position: absolute;
    height: calc(100vw / 375 * 82);
    width: auto;
    right: 0;
    top: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center;
}

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

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

.declaration-tab--line {
    background-image: linear-gradient(180deg, rgba(255, 230, 191, 1), rgba(255, 230, 191, 1)) !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 * 155);
}

.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: #956E3C;
    /*border-color: #F8E8D3;*/
    background: #F8E8D3;
    border: none;
}

.auc-spa-box {
    height: calc(100vw / 375 * 18);
}

.auc-spa-box-left {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.auc-spa-box-left--top {
    height: calc(100vw / 375 * 5);
    position: absolute;
    top: 0;
    width: 100%;
    background: #EEC8A3;
    z-index: 0;
}

.auc-spa-box-left--top.share {
    background: #FFFFFF;
}

.auc-spa-box-left--bottom {
    height: calc(100vw / 375 * 5);
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 0;
}

.auc-spa-box-left--bottom.share {
    background: #FFD6AD;
}

.auc-spa-box-left--left {
    height: 100%;
    width: calc(100vw / 375 * 5);
    background: #EEC8A3;
    border-bottom-right-radius: calc(100vw / 375 * 7);
    position: relative;
    z-index: 1;
}

.auc-spa-box-left--left.share {
    background: #FFFFFF;
}

.auc-spa-box-left--right {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 5) 0 calc(100vw / 375 * 5) calc(100vw / 375 * 5);
    border-top-left-radius: calc(100vw / 375 * 5);
    position: relative;
    z-index: 1;
    height: 100%;
    min-width: max-content;
}

.auc-spa-box-left--right.share {
    background: #FFD6AD;
}

.auc-spa-box-left--text {
    color: #B9804A;
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
}

.auc-spa-box-left--text.share {
    color: #1C1C1C;
}

.auc-spa-box-right {
    height: 100%;
    position: relative;
    border-top-right-radius: calc(100vw / 375 * 9);
    border-bottom-right-radius: calc(100vw / 375 * 9);
    overflow: hidden;
}

.auc-spa-box-right--top {
    height: calc(100vw / 375 * 5);
    position: absolute;
    top: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 0;
}

.auc-spa-box-right--top.share {
    background: #FFD6AD;
}

.auc-spa-box-right--bottom {
    height: calc(100vw / 375 * 5);
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #FFEEDD;
    z-index: 0;
}

.auc-spa-box-right--left {
    height: 100%;
    width: calc(100vw / 375 * 5);
    background: #FFFFFF;
    border-bottom-right-radius: calc(100vw / 375 * 5);
    position: relative;
    z-index: 1;
}

.auc-spa-box-right--left.share {
    background: #FFD6AD;
}

.auc-spa-box-right--right {
    background: #FFEEDD;
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 5);
    border-top-left-radius: calc(100vw / 375 * 7);
    border-top-right-radius: calc(100vw / 375 * 9);
    border-bottom-right-radius: calc(100vw / 375 * 9);
    position: relative;
    z-index: 1;
    height: 100%;
}

.auc-spa-box-right--price {
    color: #B9804A;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    min-width: max-content;
    /*font-weight: bold;*/
}

.auc-spa-box-right--price.noPrice {
    text-decoration: line-through;
    text-decoration-color: #B9804A;
    -moz-text-decoration-color: #B9804A;
    -webkit-text-decoration-color: #B9804A;
}

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

.auc-spa-i {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    width: 15px;
    color: #000000;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.auc-spa-i.downUp {
    transform: rotate(180deg);
}

.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: calc(100vw / 375 * 10) 0 !important;
}

.advance-commodity-details-bg .ppw-payDetails-content {
    padding-top: 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: linear-gradient(270deg, #6A635E, #2E2A32);
    /*min-height: 45px;*/
    padding: 0 calc(100vw / 375 * 10);
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
}

.pay-auc-p {
    font-size: 12px;
    height: 18px;
    line-height: 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;
    left: 0;
    bottom: 0;
    padding: calc(100vw / 375 * 12) calc(100vw / 375 * 20);
    border-top-left-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.auc-btn--buyBox.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

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

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

.buy-img {
    position: relative;
    width: calc(100vw / 375 * 90);
    min-width: calc(100vw / 375 * 90);
    height: calc(100vw / 375 * 90);
    border: 0;
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    margin-right: calc(100vw / 375 * 10);
    z-index: 0;
}

.buy-img-back {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(221, 221, 221, 0.7);
    z-index: 1;
}

.buy-img-back--content {
    position: relative;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: rgba(27, 27, 27, 0.7);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
}

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

.mask-full {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: visible;
    opacity: 1;
    display: none;
}

.buy-img img {
    width: 100%;
    /*min-width: calc(100vw / 375 * 90);*/
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

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

.buy-box--price {
    width: 100%;
}

.buy-box--price-type {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #7C4930;
    font-weight: bold;
    margin-right: calc(100vw / 375 * 1);
}

.buy-box--price-name {
    color: #7C4930;
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 500;
    /*margin-right: calc(100vw / 375 * 3);*/
    min-width: fit-content;
}

.buy-box--price-num {
    color: #7C4930;
    font-size: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 19);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.buy-box--price-num--dec {
    color: #7C4930;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 11);
    font-weight: bold;
}

.buy-box--text {
    color: #EAD8C4;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 500;
    background: linear-gradient(270deg, #1B1B1C, #373739, #1B1B1C);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 8) calc(100vw / 375 * 4) calc(100vw / 375 * 6);
    border-top-left-radius: calc(100vw / 375 * 3);
    border-bottom-left-radius: calc(100vw / 375 * 3);
}

.buy-box--lib {
    width: 100%;
    margin-top: calc(100vw / 375 * 7);
}

.buy-box--sn {
    color: #808080;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    font-weight: 500;
    margin-top: calc(100vw / 375 * 7);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.buy-box--num {
    color: #373739;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    background: linear-gradient(270deg, #E6BA8E, #EAD8C4);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 8) calc(100vw / 375 * 4) calc(100vw / 375 * 6);
    border-top-right-radius: calc(100vw / 375 * 3);
    border-bottom-right-radius: calc(100vw / 375 * 3);
}

.buy-box--unit {
    color: #373739;
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    margin-left: calc(100vw / 375 * 3);
}

.buy-box--btn {
    width: 100%;
    margin-top: calc(-1 * (100vw / 275 * 5));
}

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

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

.buy-box-type {
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    /*font-weight: bold;*/
}

.buy-reduce,
.buy-addition {
    width: 30%;
    height: 100% !important;
    line-height: 100%;
    background: linear-gradient(270deg, #E6BA8E, #EAD8C4);
    color: #2C2C2C;
    text-align: center;
    font-size: calc(100vw / 375 * 14);
    border-radius: calc(100vw / 375 * 3);
}

.buy-reduce.activated,
.buy-addition.activated {
    background: linear-gradient(270deg, #efd9a0, #eae1b9);
}

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

.buy-input {
    height: 100% !important;
    line-height: 100%;
    margin: 0 calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 80);
    background: #E7E7E7;
    border-radius: calc(100vw / 375 * 3);
    overflow: hidden;
    padding: calc(100vw / 375 * 3) 0;
    /*border-left: 1px solid #cccccc;*/
    /*border-right: 1px solid #cccccc;*/
}

.buy-input--num {
    width: 100% !important;
    height: 100% !important;
    line-height: 100% !important;
    background: transparent;
    color: #2C2C2C;
    text-align: center;
    font-size: calc(100vw / 375 * 12) !important;
    font-weight: bold;
    padding: 0 !important;
    /*border-radius: calc(100vw / 375 * 3);*/
}

.buy-input--num.input-num {
    -moz-animation: input-num .2s ease-in-out infinite;
    -webkit-animation: input-num .2s ease-in-out infinite;
    animation: input-num .2s ease-in-out infinite;
}

@keyframes input-num {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

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

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

.buy-add--btn.activated {
    background-image: linear-gradient(270deg, #d7b682, #efd9a0, #eae1b9);
}

.buy-add--btn.start-animated {
    animation: stripes-to-able .5s linear;
    -webkit-animation: stripes-to-able .5s linear;
}

@keyframes stripes-to-able {
    to {
        background-size: 100% 100%;
    }
    from {
        background-size: 0 100%;
    }
}

.buy-add--btn-no {
    background: linear-gradient(#BDBEC7, #BDBEC7) no-repeat 0 0;
}

.buy-add--btn-no.activated {
    background: linear-gradient(#D1D2DB, #D1D2DB) no-repeat 0 0;
}

.buy-add--btn-no.start-animated {
    -webkit-animation: stripes-to-unable .5s linear;
    animation: stripes-to-unable .5s linear;
}

@keyframes stripes-to-unable {
    to {
        background-size: 100% 100%;
    }
    from {
        background-size: 0 100%;
    }
}

.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: 45%;
    flex-grow: 2;
    align-self: center;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*height: calc(100vw / 375 * 18);*/
}

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

.toggle ul li.four {
    width: 15%;
    flex-grow: 4;
    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: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
}

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

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

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

.toggle.backa.extend14 {
    /*background: url(../img/ppw/bidd-bottom-select.png) no-repeat !important;*/
    /*background-size: 100% !important;*/
    backgrounde: linear-gradient(270deg, #453E38, #202020) !important
}

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

.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;
    /*font-family: PingFang-SC-Bold !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: linear-gradient(270deg, #2F2B33, #4B4647, #2F2B33) !important;
}

.toggle.commodity-order-list-bg .btn-theme {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !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: #1B1B1C !important;
    border: 0
}

.toggle.shared-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;
    /*font-family: PingFang-SC-Bold !important;*/
    /*height: calc(100vw / 375 * 18);*/
}

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

.toggle.shared-order-list-bg .btn-theme {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !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: #1B1B1C !important;
    border: 0
}

.btn-theme-top {
    background: linear-gradient(270deg, #B29A84, #453E38) !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: #EFC7A0 !important;
    border: 0
}

.btn-theme-back {
    background: transparent !important;
    box-shadow: none !important;
    border: 0
}

.extend11 .btn-theme-top {
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    color: #FFEEDD !important;
    box-shadow: none !important;
}

.extend12 .btn-theme-top {
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    color: #FFEEDD !important;
}

.extend13 .btn-theme-top {
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    color: #FFEEDD !important;
}

.extend14 .btn-theme-top {
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    color: #FFEEDD !important;
}

.extend15 .btn-theme-top {
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    color: #FFEEDD !important;
}

.btn-theme-bottom {
    background: linear-gradient(270deg, #B28D6D, #674A30) !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: #FFFFFF !important;
    border: 0
}

.extend11 .btn-theme-bottom {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    color: #1B1B1C !important;
}

.extend12 .btn-theme-bottom {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    color: #1B1B1C !important;
}

.extend13 .btn-theme-bottom {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    color: #1B1B1C !important;
}

.extend14 .btn-theme-bottom {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    color: #1B1B1C !important;
}

.extend15 .btn-theme-bottom {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    color: #1B1B1C !important;
}

.btn-blue {
    background: #434CFF !important;
    box-shadow: 0 calc(100vw / 375 * 4) calc(100vw / 375 * 8) 0;
    /* 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 {
    text-transform: none !important;;
}

.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: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 15);
    margin-top: 0;
}

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

.discount-headerUl.scroll {
    padding-bottom: calc(100vw / 375 * 5);
}

.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) !important;
    height: calc(100vw / 375 * 16) !important;
    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);
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.commodity-product > li {
    width: 25%;
    color: #00ffff;
    text-align: -webkit-center;
    border-radius: calc(100vw / 375 * 8);
    overflow: hidden;
    margin-right: calc(100vw / 375 * 10);
}

.commodity-product > li:last-child {
    margin-right: 0;
}


.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);
    width: 25%;
    margin: 0px calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 5);
    text-align: -webkit-center;
    /*overflow: hidden;*/
}

.commodity-flash-product-img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
}

.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;
    word-break: break-all;
}

.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;
    word-break: break-all;
}

.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;
    word-break: break-all;
}

.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;
    word-break: break-all;
}

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

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

.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 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    margin-bottom: calc(100vw / 375 * 5);
}

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

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

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

.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,
            #F2D1AE, #EAD8C4, #D09D70 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 * 16);
    color: #999999;
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    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;
    word-break: break-all;
}

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

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

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

.swiper-pagination-progressbar-fill,
.swiper-scrollbar-drag,
.swiper-pagination-bullet-active {
    background: #F2D1AE !important;
}

.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(239, 124, 75, 0.8), rgba(236, 48, 36, 0.8));
}

.auction-status-off {
    background-color: rgba(77, 77, 77, 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(168, 77, 33, 0.8), rgba(66, 24, 21, 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;
    word-break: break-all;
    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/con11.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 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #E5D7C2;
    font-weight: bold;
    margin: 0 calc(100vw / 375 * 5);
}

.auctionList-timer-number {
    background-image: linear-gradient(180deg,
    #E6D8C4, #C59E74) !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 * 12);
    color: #000000;
}

.auctionList-timer-content-warm {
    height: calc(100vw / 375 * 25);
    background: rgba(215, 215, 215, 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 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #000000;
    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 * 12);
    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: #000000;
    font-weight: bold;
}

.commodity-classify {
    padding: calc(100vw / 375 * 14) 0 calc(100vw / 375 * 7) 0;
    position: relative;
    border-radius: 0 0 0 calc(100vw / 375 * 10);
    background: #4D4D4D;
    margin-right: calc(100vw / 375 * 88);
    overflow: hidden;
    height: calc(100vw / 375 * 44);
}

.commodity-classify-outer {
    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;
    height: calc(100vw / 375 * 44);
    width: 100%;
}

.commodity-classify-right {
    position: absolute;
    right: 0;
    top: 0;
    padding: calc(100vw / 375 * 12) 0 calc(100vw / 375 * 12) 0;
    padding-right: calc(100vw / 375 * 20);
    background: #4D4D4D;
    height: 100%;
    z-index: 999;
    border-bottom-right-radius: calc(100vw / 375 * 10);
}

.commodity-classify-text {
    font-size: calc(100vw / 375 * 16);
    color: #FFD4AB;
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    margin-left: calc(100vw / 375 * 5);
}

.commodity-classify-icon {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    margin-left: calc(100vw / 375 * 10);
    color: #EAC97F;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.commodity-classify-division {
    width: 1px;
    height: 100%;
    background: #FFD4AB;
    /*border-radius: 50%;*/
}

.extend11 .commodity-classify-outer {
    background: #B19983;
    box-shadow: none;
    border-radius: unset;
    height: calc(100vw / 375 * 34);
}

.extend12 .commodity-classify-outer {
    background: #B19983;
    box-shadow: none;
    border-radius: unset;
    height: calc(100vw / 375 * 34);
}

.extend13 .commodity-classify-outer {
    background: #B19983;
    box-shadow: none;
    border-radius: unset;
    height: calc(100vw / 375 * 34);
}

.extend14 .commodity-classify-outer {
    background: #B19983;
    box-shadow: none;
    border-radius: unset;
    height: calc(100vw / 375 * 34);
}

.extend15 .commodity-classify-outer {
    background: #B19983;
    box-shadow: none;
    border-radius: unset;
    height: calc(100vw / 375 * 34);
}

.extend11 .commodity-classify-right {
    padding: calc(100vw / 375 * 10) 0;
    padding-right: calc(100vw / 375 * 20);
    background: #B19983;
    border-radius: 0;
}

.extend12 .commodity-classify-right {
    padding: calc(100vw / 375 * 10) 0;
    padding-right: calc(100vw / 375 * 20);
    background: #B19983;
    border-radius: 0;
}

.extend13 .commodity-classify-right {
    padding: calc(100vw / 375 * 10) 0;
    padding-right: calc(100vw / 375 * 20);
    background: #B19983;
    border-radius: 0;
}

.extend14 .commodity-classify-right {
    padding: calc(100vw / 375 * 10) 0;
    padding-right: calc(100vw / 375 * 20);
    background: #B19983;
    border-radius: 0;
}

.extend15 .commodity-classify-right {
    padding: calc(100vw / 375 * 10) 0;
    padding-right: calc(100vw / 375 * 20);
    background: #B19983;
    border-radius: 0;
}

.extend11 .commodity-classify-text {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*font-weight: bold;*/
}

.extend12 .commodity-classify-text {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*font-weight: bold;*/
}

.extend13 .commodity-classify-text {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*font-weight: bold;*/
}

.extend14 .commodity-classify-text {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*font-weight: bold;*/
}

.extend15 .commodity-classify-text {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*font-weight: bold;*/
}

.extend11 .commodity-classify-icon {
    font-size: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    margin-left: calc(100vw / 375 * 10);
    color: #2E2A32;
    background: linear-gradient(270deg, #453E38, #202020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extend12 .commodity-classify-icon {
    font-size: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    margin-left: calc(100vw / 375 * 10);
    color: #2E2A32;
    background: linear-gradient(270deg, #453E38, #202020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extend13 .commodity-classify-icon {
    font-size: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    margin-left: calc(100vw / 375 * 10);
    color: #2E2A32;
    background: linear-gradient(270deg, #453E38, #202020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extend14 .commodity-classify-icon {
    font-size: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    margin-left: calc(100vw / 375 * 10);
    color: #2E2A32;
    background: linear-gradient(270deg, #453E38, #202020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extend15 .commodity-classify-icon {
    font-size: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    margin-left: calc(100vw / 375 * 10);
    color: #2E2A32;
    background: linear-gradient(270deg, #453E38, #202020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extend11 .commodity-classify-division {
    background: #7B6553;
}

.extend12 .commodity-classify-division {
    background: #7B6553;
}

.extend13 .commodity-classify-division {
    background: #7B6553;
}

.extend14 .commodity-classify-division {
    background: #7B6553;
}

.extend15 .commodity-classify-division {
    background: #7B6553;
}

.extend11 .commodity-classify {
    padding: calc(100vw / 375 * 5) 0 !important;
    background: linear-gradient(270deg, #B19983, #F9EDE0) !important;
    border-radius: 0 !important;
    margin-right: calc(100vw / 375 * 81);
    box-shadow: none;
    height: calc(100vw / 375 * 34);
}

.extend12 .commodity-classify {
    padding: calc(100vw / 375 * 5) 0 !important;
    background: linear-gradient(270deg, #B19983, #F9EDE0) !important;
    border-radius: 0 !important;
    margin-right: calc(100vw / 375 * 81);
    box-shadow: none;
    height: calc(100vw / 375 * 34);
}

.extend13 .commodity-classify {
    padding: calc(100vw / 375 * 5) 0 !important;
    background: linear-gradient(270deg, #B19983, #F9EDE0) !important;
    border-radius: 0 !important;
    margin-right: calc(100vw / 375 * 81);
    box-shadow: none;
    height: calc(100vw / 375 * 34);
}

.extend14 .commodity-classify {
    padding: calc(100vw / 375 * 5) 0 !important;
    background: linear-gradient(270deg, #B19983, #F9EDE0) !important;
    border-radius: 0 !important;
    margin-right: calc(100vw / 375 * 81);
    box-shadow: none;
    height: calc(100vw / 375 * 34);
}

.extend15 .commodity-classify {
    padding: calc(100vw / 375 * 5) 0 !important;
    background: linear-gradient(270deg, #B19983, #F9EDE0) !important;
    border-radius: 0 !important;
    margin-right: calc(100vw / 375 * 81);
    box-shadow: none;
    height: calc(100vw / 375 * 34);
}

.commodity-classify-slide {
    width: auto;
    max-width: calc(100vw / 2);
    padding: 0 calc(100vw / 375 * 5);
    /*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 * 10);
}

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

.commodity-classify-box.chooseSelected {
    color: #FFE6BF;
}

.extend11 .commodity-classify-box.chooseSelected {
    color: #FFFFFF;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    border-radius: calc(100vw / 375 * 20);
}

.extend12 .commodity-classify-box.chooseSelected {
    color: #FFFFFF;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    border-radius: calc(100vw / 375 * 20);
}

.extend13 .commodity-classify-box.chooseSelected {
    color: #FFFFFF;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    border-radius: calc(100vw / 375 * 20);
}

.extend14 .commodity-classify-box.chooseSelected {
    color: #FFFFFF;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    border-radius: calc(100vw / 375 * 20);
}

.extend15 .commodity-classify-box.chooseSelected {
    color: #FFFFFF;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    background: linear-gradient(270deg, #7B6553, #B9A38F) !important;
    border-radius: calc(100vw / 375 * 20);
}

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

.extend11 .chooseSelected .commodity-classify-content {
    color: #FFEEDD !important;
}

.extend12 .chooseSelected .commodity-classify-content {
    color: #FFEEDD !important;
}

.extend13 .chooseSelected .commodity-classify-content {
    color: #FFEEDD !important;
}

.extend14 .chooseSelected .commodity-classify-content {
    color: #FFEEDD !important;
}

.extend15 .chooseSelected .commodity-classify-content {
    color: #FFEEDD !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;
    word-break: break-all;
}

.extend11 .commodity-classify-content {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.extend12 .commodity-classify-content {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.extend13 .commodity-classify-content {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.extend14 .commodity-classify-content {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.extend15 .commodity-classify-content {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.commodity-classify-line {
    margin-top: calc(100vw / 375 * 5);
    width: 0;
    height: calc(100vw / 375 * 2);
    border-radius: calc(100vw / 375 * 1);
    background: #FFE6BF;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.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 #FFE6BF;
    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%;
    border: none;
    min-width: 100%;
    /*width: calc(100vw / 375 * 280);*/
    /*height: calc(100vw / 375 * 150);*/
    object-fit: cover;
    object-position: center;
}

.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 * 22);
    line-height: calc(100vw / 375 * 22);
    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;
    word-break: break-all;
}

.commodityList-content-type {
    /* margin-right: calc(100vw / 375 * 5); */
    background: #FF5500;
    /*background-image: linear-gradient(270deg, #2E2A32, #6A635E);*/
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 4);
    font-size: calc(100vw / 375 * 12);
    font-weight: normal;
    line-height: calc(100vw / 375 * 12);
    color: #FFFFFF;
    border-radius: calc(100vw / 375 * 2);
    /* width: calc(100vw / 375 * 28); */
    display: inline-block;
    position: relative;
    bottom: calc(100vw / 375 * 2);
}

.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;
    word-break: break-all;
}

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

.commodityList-content-detail-text {
    color: #202020;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    margin-right: calc(100vw / 375 * 5);
    min-width: fit-content;
}

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

.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 * 19);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

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

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

.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*/
    /*);*/
    background: url(../img/dfk/consume-bg.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    height: calc(100vw / 375 * 40);
    width: 100%;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 15);
}

.consume-content-img {
    height: calc(100vw / 375 * 15);
    width: auto;
    object-fit: cover;
    object-position: center;
}

.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;*/
    background: linear-gradient(270deg, #2F1E0F, #6E5946, #2F1E0F) !important;
    border-radius: calc(100vw / 375 * 10);
    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;*/
    color: #F2D1AE;
}

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

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

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

.content-limint.special {
    color: #FF991F;
}

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

.auction-time.special {
    color: #F2D1AE;
}

/*头部固定项目的话 直接从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 * 157 + 44px) !important;
}

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

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

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

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

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

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

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

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

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

.top-motion-info {
    top: calc(100vw / 375 * (220 + 45)) !important;
}

.top-motion-charts {
    top: calc(100vw / 375 * (130 + 48 + 45)) !important;
}

.has-header.top-motion-my {
    top: calc(100vw / 375 * (48 + 33) + 44px) !important;
}

.swiper-container.card-holder-bg,
.swiper-container.motion-my-bg,
.swiper-container.motion-charts-bg,
.swiper-container.motion-info-bg,
.swiper-container.motion-bg {
    position: absolute;
    top: 0;
}

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

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

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

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

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

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

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

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

.bar.bar-theme.commodity-list-bg {
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
}

.bar.bar-theme.commodity-list-bg.extend11 {
    background-image: linear-gradient(270deg, #453E38, #202020) !important;
}

.bar.bar-theme.commodity-list-bg.extend12 {
    background-image: linear-gradient(270deg, #453E38, #202020) !important;
}

.bar.bar-theme.commodity-list-bg.extend13 {
    background-image: linear-gradient(270deg, #453E38, #202020) !important;
}

.bar.bar-theme.commodity-list-bg.extend14 {
    background-image: linear-gradient(270deg, #453E38, #202020) !important;
}

.bar.bar-theme.commodity-list-bg.extend15 {
    background-image: linear-gradient(270deg, #453E38, #202020) !important;
}

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

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

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

.bar.bar-theme.chat-bg {
    background-image: linear-gradient(270deg, #F3E8DD, #F3E8DD) !important;
}

.bar.bar-theme.bankcard-list-bg {
    background-image: linear-gradient(270deg, #4D4D4D, #4D4D4D) !important;
}

.bg-color.bankcard-list-bg {
    background-image: linear-gradient(270deg, #F0F0F0, #F0F0F0) !important;
}

.bar.bar-theme.bankcard-bg {
    background-image: linear-gradient(270deg, #4D4D4D, #4D4D4D) !important;
}

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

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

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

.bg-color.ad-sign-bg {
    background-image: linear-gradient(270deg, #F4F4F4, #F4F4F4) !important;
}

.bar.bar-theme.merchant-bg {
    background-image: linear-gradient(270deg, #453E37, #453E37) !important;
}

.bg-color.merchant-info-bg {
    background-image: linear-gradient(180deg, #453E37, #453E37) !important;
}

.bar.bar-theme.merchant-info-bg {
    background-image: linear-gradient(270deg, #453E37, #453E37) !important;
}

.bg-color.card-holder-bg {
    background-image: linear-gradient(270deg, #2F2B33, #2F2B33) !important;
}

.bar.bar-theme.card-holder-bg {
    background-image: linear-gradient(270deg, #2F2B33, #2F2B33) !important;
}

.bar.bar-theme.merchant-order-list-bg .title1,
.bar.bar-theme.merchant-search-bg .title1,
.bar.bar-theme.merchant-img-bg .title1,
.bar.bar-theme.merchant-bill-bg .title1,
.bar.bar-theme.merchant-result-bg .title1,
.bar.bar-theme.merchant-pay-bg .title1,
.bar.bar-theme.merchant-eval-bg .title1 {
    /*color: #1C1C1C !important;*/
    color: #956E3C !important;
    background: linear-gradient(180deg, #B77D60, #532913) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.bar.bar-theme.merchant-result-bg .title-wait--timer-number {
    -webkit-text-fill-color: #956E3C !important;
}

.bar.bar-theme.merchant-order-list-bg,
.bar.bar-theme.merchant-search-bg,
.bar.bar-theme.merchant-img-bg,
.bar.bar-theme.merchant-bill-bg,
.bar.bar-theme.merchant-result-bg,
.bar.bar-theme.merchant-pay-bg,
.bar.bar-theme.merchant-eval-bg {
    color: #1C1C1C !important;
}

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

.bg-color.merchant-order-list-bg,
.bg-color.merchant-img-bg,
.bg-color.merchant-bill-bg,
.bg-color.merchant-result-bg,
.bg-color.merchant-pay-bg,
.bg-color.merchant-eval-bg {
    background-image: linear-gradient(180deg, #FAF2E7, #F5F5F5) !important;
}

.bar.bar-theme.merchant-order-list-bg,
.bar.bar-theme.merchant-search-bg,
.bar.bar-theme.merchant-img-bg,
.bar.bar-theme.merchant-bill-bg,
.bar.bar-theme.merchant-result-bg,
.bar.bar-theme.merchant-pay-bg,
.bar.bar-theme.merchant-eval-bg {
    background-image: linear-gradient(270deg, #FAF2E7, #FAF2E7) !important;
}

.bg-color.platform-store-bg,
.bg-color.merchant-map-bg {
    background-image: linear-gradient(270deg, #fcf9f2, #fcf9f2) !important;
    background-color: transparent !important;
}

.bg-color.commodity-order-list-bg,
.bg-color.shared-order-list-bg {
    background-image: linear-gradient(270deg, #2F2B33, #2F2B33) !important;
    background-color: transparent !important;
}

.bg-color.motion-search-bg,
.bg-color.motion-my-bg,
.bg-color.motion-charts-bg,
.bg-color.motion-info-bg,
.bg-color.motion-bg {
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    background-color: transparent !important;
}

.bg-color.index-search-bg,
    /*.bg-color.merchant-map-bg,*/
.bg-color.recharge-result-bg,
.bg-color.recharge-bg,
.bg-color.task-entry-bg,
.bg-color.platform-store-apply-bg,
.bg-color.platform-store-other-bg,
    /*.bg-color.platform-store-bg,*/
.bg-color.referral-bind-bg,
.bg-color.backcard-add-bg,
.bg-color.advance-commodity-details-bg,
.bg-color.pay-commodity-details-bg,
.bg-color.prop-exchange-bg,
.bg-color.prop-withdraw-bg,
.bg-color.prop-transfer-bg,
.bg-color.prop-transaction-bg,
.bg-color.main-order-bg,
.bg-color.user-order-bg,
.bg-color.index-bg,
.bg-color.ppw-index-bg,
.bg-color.verify-bg,
.bg-color.actual-enterprise-bg,
.bg-color.actual-personal-bg,
.bg-color.auth-enterprise-bg,
.bg-color.auth-personal-bg,
    /*.bg-color.card-holder-bg,*/
.bg-color.address-edit-bg,
.bg-color.address-add-bg,
.bg-color.address-list-bg,
.bg-color.pay-method-bg,
.bg-color.user-graph-bg,
.bg-color.request-bg,
.bg-color.pattern-setting-bg,
.bg-color.repayment-bg,
.bg-color.payment-bg,
.bg-color.password-bg,
.bg-color.mobile-bg,
.bg-color.mobile-old-bg,
.bg-color.forgot-bg,
.bg-color.register-bg {
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
}

.bar.bar-theme.index-search-bg,
    /*.bar.bar-theme.merchant-map-bg,*/
.bar.bar-theme.recharge-result-bg,
.bar.bar-theme.recharge-bg,
.bar.bar-theme.task-entry-bg,
.bar.bar-theme.platform-store-apply-bg,
.bar.bar-theme.platform-store-other-bg,
    /*.bar.bar-theme.platform-store-bg,*/
.bar.bar-theme.referral-bind-bg,
.bar.bar-theme.backcard-add-bg,
.bar.bar-theme.advance-commodity-details-bg,
.bar.bar-theme.pay-commodity-details-bg,
.bar.bar-theme.prop-exchange-bg,
.bar.bar-theme.prop-withdraw-bg,
.bar.bar-theme.prop-transfer-bg,
.bar.bar-theme.prop-transaction-bg,
.bar.bar-theme.main-order-bg,
.bar.bar-theme.user-order-bg,
.bar.bar-theme.index-bg,
.bar.bar-theme.ppw-index-bg,
.bar.bar-theme.verify-bg,
.bar.bar-theme.actual-enterprise-bg,
.bar.bar-theme.actual-personal-bg,
.bar.bar-theme.auth-enterprise-bg,
.bar.bar-theme.auth-personal-bg,
    /*.bar.bar-theme.card-holder-bg,*/
.bar.bar-theme.address-edit-bg,
.bar.bar-theme.address-add-bg,
.bar.bar-theme.address-list-bg,
.bar.bar-theme.pay-method-bg,
.bar.bar-theme.user-graph-bg,
.bar.bar-theme.request-bg,
.bar.bar-theme.pattern-setting-bg,
.bar.bar-theme.repayment-bg,
.bar.bar-theme.payment-bg,
.bar.bar-theme.password-bg,
.bar.bar-theme.mobile-bg,
.bar.bar-theme.mobile-old-bg,
.bar.bar-theme.forgot-bg,
.bar.bar-theme.register-bg {
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !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 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
}

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

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

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

.tabs {
    background-color: transparent;
    background-image: linear-gradient(180deg,
    #1B1B1C, #353537, #1B1B1C) !important;
    background-size: 100% 100% !important;
}

ion-tabs.tabs-color-active-dblue .tab-item.tab-item-active,
ion-tabs.tabs-color-active-dblue .tab-item.active,
ion-tabs.tabs-color-active-dblue .tab-item.activated {
    color: #FFFFFF;
}

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

.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;
    word-break: break-all;
}

.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;
    word-break: break-all;
    margin-bottom: calc(100vw / 375 * 10);
}

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

.commodity-snap-product-icon {
    width: calc(100vw / 375 * 17) !important;
    height: calc(100vw / 375 * 17) !important;
    margin-top: calc(100vw / 375 * 35);
    margin-bottom: calc(100vw / 375 * 5);
    object-fit: cover;
    object-position: center;
}

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

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

.commodity-superior-img {
    position: absolute;
    height: calc(100vw / 375 * 130) !important;
    width: auto;
    top: calc(-1 * (100vw / 375 * 30));
    left: calc(100vw / 375 * 20);
    object-fit: cover;
    object-position: center;
}

.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;
    word-break: break-all;
    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;
    word-break: break-all;
}

.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;
    word-break: break-all;
    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;
    word-break: break-all;
    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;
    word-break: break-all;
}

.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;
    word-break: break-all;
    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);
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.commodity-imgs {
    /*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-imgs-content {
    position: relative;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    overflow: hidden;
}

.commodity-imgs-product-text
.commodity-imgs-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;
    word-break: break-all;
    margin-right: calc(100vw / 375 * 5);
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.commodity-imgs-product-sub-title {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    /* 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;
    word-break: break-all;
    margin-bottom: calc(100vw / 375 * 10);
}

.commodity-imgs-product-img {
    position: absolute;
    /*height: calc(100vw / 375 * 70);*/
    right: 0;
    bottom: 0;
    z-index: 0;
}

.commodity-imgs-product-text {
    position: relative;
    z-index: 1;
}

.commodity-imgs-product-main-title-box {
    margin-bottom: calc(100vw / 375 * 5);
}

.commodity-imgs-product-icon {
    width: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
}

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

/*.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;
    line-height: 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 !important;;
    margin-bottom: 0;
}

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

.coupon-ngdialog .button:after,
.my-invit .button.after,
.merchant-search-bg .button.after,
.merchant-result-bg .button.after,
.merchant-bg .button.after,
.merchant-eval-bg .button.after,
.commodity-details-bg .button:after,
.advance-commodity-details-bg .button:after,
.recharge-result-bg .button:after,
.recharge-bg .button:after,
.task-entry-bg .button:after,
.referral-bind-bg .button:after,
.backcard-add-bg .button:after,
.payment-qrcode-bg .button:after,
.qrCode-detail-bg .button:after,
.protocol-detail-bg .button:after,
.prompt-tips-detail-bg .button:after,
.prompt2-detail-bg .button:after,
.prompt-detail-bg .button:after,
.upgrade-detail-bg .button:after,
.user-detail-bg .button:after,
.ppw-index-inner-bg .button:after,
.orders-detail-dialog .button:after,
.prop-exchange-bg .button:after,
.prop-withdraw-bg .button:after,
.prop-transfer-bg .button:after,
.verify-bg .button:after,
.actual-enterprise-bg .button:after,
.actual-personal-bg .button:after,
.auth-enterprise-bg .button:after,
.auth-personal-bg .button:after,
.card-holder-bg .button:after,
.address-edit-bg .button:after,
.address-add-bg .button:after,
.address-list-bg .button:after,
.user-graph-bg .button:after,
.request-bg .button:after,
.repayment-bg .button:after,
.payment-bg .button:after,
.password-bg .button:after,
.mobile-bg .button:after,
.mobile-old-bg .button:after,
.forgot-bg .button:after,
.register-bg .button:after,
.manage-bg .button:after {
    top: calc(-1 * (100vw / 375 * 6));
    right: calc(-1 * (100vw / 375 * 6));
    bottom: calc(-1 * (100vw / 375 * 6));
    left: calc(-1 * (100vw / 375 * 6));
}

.coupon-ngdialog .button:after,
.coupon-ngdialog .button.button-dblue:hover,
.commodity-details-bg .button.button-dblue:hover,
.advance-commodity-details-bg .button.button-dblue:hover,
.recharge-result-bg .button.button-dblue:hover,
.recharge-bg .button.button-dblue:hover,
.task-entry-bg .button.button-dblue:hover,
.referral-bind-bg .button.button-dblue:hover,
.backcard-add-bg .button.button-dblue:hover,
.payment-qrcode-bg .button.button-dblue:hover,
.qrCode-detail-bg .button.button-dblue:hover,
.protocol-detail-bg .button.button-dblue:hover,
.prompt-tips-detail-bg .button.button-dblue:hover,
.prompt2-detail-bg .button.button-dblue:hover,
.prompt-detail-bg .button.button-dblue:hover,
.upgrade-detail-bg .button.button-dblue:hover,
.user-detail-bg .button.button-dblue:hover,
.ppw-index-inner-bg .button.button-dblue:hover,
.orders-detail-dialog .button.button-dblue:hover,
.prop-exchange-bg .button.button-dblue:hover,
.prop-withdraw-bg .button.button-dblue:hover,
.prop-transfer-bg .button.button-dblue:hover,
.verify-bg .button.button-dblue:hover,
.actual-enterprise-bg .button.button-dblue:hover,
.actual-personal-bg .button.button-dblue:hover,
.auth-enterprise-bg .button.button-dblue:hover,
.auth-personal-bg .button.button-dblue:hover,
.card-holder-bg .button.button-dblue:hover,
.address-edit-bg .button.button-dblue:hover,
.address-add-bg .button.button-dblue:hover,
.address-list-bg .button.button-dblue:hover,
.user-graph-bg .button.button-dblue:hover,
.request-bg .button.button-dblue:hover,
.repayment-bg .button.button-dblue:hover,
.payment-bg .button.button-dblue:hover,
.password-bg .button.button-dblue:hover,
.mobile-bg .button.button-dblue:hover,
.mobile-old-bg .button.button-dblue:hover,
.forgot-bg .button.button-dblue:hover,
.register-bg .button.button-dblue:hover,
.manage-bg .button.button-dblue:hover {
    color: #1B1B1C;
}

.coupon-ngdialog .button,
.commodity-details-bg .button,
.advance-commodity-details-bg .button,
.recharge-result-bg .button,
.recharge-bg .button,
.task-entry-bg .button,
.referral-bind-bg .button,
.backcard-add-bg .button,
.payment-qrcode-bg .button,
.qrCode-detail-bg .button,
.protocol-detail-bg .button,
.prompt-tips-detail-bg .button,
.prompt2-detail-bg .button,
.prompt-detail-bg .button,
.upgrade-detail-bg .button,
.user-detail-bg .button,
.ppw-index-inner-bg .button,
.orders-detail-dialog .button,
.prop-exchange-bg .button,
.prop-withdraw-bg .button,
.prop-transfer-bg .button,
.verify-bg .button,
.actual-enterprise-bg .button,
.actual-personal-bg .button,
.auth-enterprise-bg .button,
.auth-personal-bg .button,
.card-holder-bg .button,
.bankcard-list-bg .button,
.address-edit-bg .button,
.address-add-bg .button,
.address-list-bg .button,
.user-graph-bg .button,
.request-bg .button,
.repayment-bg .button,
.payment-bg .button,
.password-bg .button,
.mobile-bg .button,
.mobile-old-bg .button,
.forgot-bg .button,
.register-bg .button {
    min-width: calc(100vw / 375 * 52);
    min-height: calc(100vw / 375 * 40);
    border-width: calc(100vw / 375 * 1);
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 40);
    background-image: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4) !important;
    /*background: transparent !important;*/
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 7) 0 rgba(215, 174, 138, 0.5);
    margin: calc(100vw / 375 * 10) 0;
    padding: 0 calc(100vw / 375 * 12);
    color: #1B1B1C !important;;
}

.coupon-ngdialog .button.activated,
.commodity-details-bg .button.activated,
.advance-commodity-details-bg .button.activated,
.recharge-result-bg .button.activated,
.recharge-bg .button.activated,
.task-entry-bg .button.activated,
.referral-bind-bg .button.activated,
.backcard-add-bg .button.activated,
.payment-qrcode-bg .button.activated,
.qrCode-detail-bg .button.activated,
.protocol-detail-bg .button.activated,
.prompt-tips-detail-bg .button.activated,
.prompt2-detail-bg .button.activated,
.prompt-detail-bg .button.activated,
.upgrade-detail-bg .button.activated,
.user-detail-bg .button.activated,
.ppw-index-inner-bg .button.activated,
.orders-detail-dialog .button.activated,
.prop-exchange-bg .button.activated,
.prop-withdraw-bg .button.activated,
.prop-transfer-bg .button.activated,
.verify-bg .button.activated,
.actual-enterprise-bg .button.activated,
.actual-personal-bg .button.activated,
.auth-enterprise-bg .button.activated,
.auth-personal-bg .button.activated,
.card-holder-bg .button.activated,
.bankcard-list-bg .button.activated,
.address-edit-bg .button.activated,
.address-add-bg .button.activated,
.address-list-bg .button.activated,
.user-graph-bg .button.activated,
.request-bg .button.activated,
.repayment-bg .button.activated,
.payment-bg .button.activated,
.password-bg .button.activated,
.mobile-bg .button.activated,
.mobile-old-bg .button.activated,
.forgot-bg .button.activated,
.register-bg .button.activated {
    background-image: linear-gradient(270deg, #efd9a0, #d7b682, #eae1b9) !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);
    object-fit: cover;
    object-position: center;
}

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

.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);
    object-fit: cover;
    object-position: center;
    top: 0;
}

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

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

.asset-img.icon-cbjifen {
    width: calc(100vw / 375 * 150);
    height: calc(100vw / 375 * 150);
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

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

.dfk-search-img {
    width: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    object-fit: cover;
    object-position: center;
}

.search-header {
    width: 100%;
    position: relative;
    top: 44px;
    z-index: 100;
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    /*margin-bottom: calc(100vw / 375 * 15);*/
}

.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: auto;
    /*height: calc(100vw / 375 * 250);*/
    top: calc(100vh / 2 - 100vw / 375 * 150);
    margin: auto;
}

.text-protocol {
    margin-bottom: calc(100vw / 375 * 15);
    height: 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;
}

.referral-bind-bg .goPay-input,
.backcard-add-bg .goPay-input,
.prop-exchange-bg .goPay-input,
.prop-withdraw-bg .goPay-input,
.prop-transfer-bg .goPay-input,
.verify-bg .goPay-input,
.actual-enterprise-bg .goPay-input,
.actual-personal-bg .goPay-input,
.auth-enterprise-bg .goPay-input,
.auth-personal-bg .goPay-input,
.card-holder-bg .goPay-input,
.address-edit-bg .goPay-input,
.address-add-bg .goPay-input,
.request-bg .goPay-input,
.repayment-bg .goPay-input,
.payment-bg .goPay-input,
.password-bg .goPay-input,
.mobile-old-bg .goPay-input,
.mobile-bg .goPay-input,
.forgot-bg .goPay-input,
.register-bg .goPay-input {
    font-size: calc(100vw / 375 * 14) !important;
    padding-left: calc(100vw / 375 * 2);
    padding-right: calc(100vw / 375 * 45);
    height: calc(100vw / 375 * 34);
    line-height: calc(100vw / 375 * 34);
    color: #FFFFFF;
    padding-top: 0;
    background: transparent !important;
    border-bottom: 1px solid #555555 !important;
}

.referral-bind-bg .goPay-input::-webkit-input-placeholder,
.backcard-add-bg .goPay-input::-webkit-input-placeholder,
.prop-exchange-bg .goPay-input::-webkit-input-placeholder,
.prop-withdraw-bg .goPay-input::-webkit-input-placeholder,
.prop-transfer-bg .goPay-input::-webkit-input-placeholder,
.verify-bg .goPay-input::-webkit-input-placeholder,
.actual-enterprise-bg .goPay-input::-webkit-input-placeholder,
.actual-personal-bg .goPay-input::-webkit-input-placeholder,
.auth-enterprise-bg .goPay-input::-webkit-input-placeholder,
.auth-personal-bg .goPay-input::-webkit-input-placeholder,
.card-holder-bg .goPay-input::-webkit-input-placeholder,
.address-edit-bg .goPay-input::-webkit-input-placeholder,
.address-add-bg .goPay-input::-webkit-input-placeholder,
.request-bg .goPay-input::-webkit-input-placeholder,
.repayment-bg .goPay-input::-webkit-input-placeholder,
.payment-bg .goPay-input::-webkit-input-placeholder,
.password-bg .goPay-input::-webkit-input-placeholder,
.mobile-old-bg .goPay-input::-webkit-input-placeholder,
.mobile-bg .goPay-input::-webkit-input-placeholder,
.forgot-bg .goPay-input::-webkit-input-placeholder,
.register-bg .goPay-input::-webkit-input-placeholder,
.quick-referral-bg .quick-NO_bgcolor_input::-webkit-input-placeholder,
.quick-password-bg .quick-NO_bgcolor_input::-webkit-input-placeholder,
.quick-register-bg .quick-NO_bgcolor_input::-webkit-input-placeholder,
.login-bg .NO_bgcolor_input::-webkit-input-placeholder {
    font-size: calc(100vw / 375 * 12) !important;
    position: relative;
    bottom: calc(100vw / 375 * 1);
    color: #999999;
}

.goPay-input {
    font-size: calc(100vw / 375 * 14) !important;
    padding-left: calc(100vw / 375 * 2);
    padding-right: calc(100vw / 375 * 45);
    height: calc(100vw / 375 * 34);
    color: #FFFFFF !important;
    padding-top: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #555555 !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, #2E2A32, #A57852, #2E2A32) !important;
}

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

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

.addrlist--img {
    position: absolute;
    height: calc(100vw / 375 * 106);
    width: auto;
    right: 0;
    top: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center;
}

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

.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-top: calc(100vw / 375 * 1);
}

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

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

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

.cd-timeline-result3::before {
    background-color: #FFE6BF;
    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 * 16) !important
}

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

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

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

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

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

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

.merchant-pay-bg .ellipsis-oneLine-condition-svg,
.prop-exchange-bg .ellipsis-oneLine-condition-svg,
.prop-transfer-bg .ellipsis-oneLine-condition-svg,
.prop-withdraw-bg .ellipsis-oneLine-condition-svg,
.ppw-index-bg .ellipsis-oneLine-condition-svg {
    height: calc(100vw / 375 * 12) !important;
    width: calc(100vw / 375 * 12) !important;;
}

.motion-my-bg .spinner,
.motion-charts-bg .spinner,
.motion-info-bg .spinner,
.motion-bg .spinner,
.index-bg .spinner,
.address-list-bg .spinner,
.tutorial-bg .spinner,
.notice-bg .spinner,
.card-holder-bg .spinner,
.shared-order-list-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;
}

.motion-my-bg .spinner svg,
.motion-charts-bg .spinner svg,
.motion-info-bg .spinner svg,
.motion-bg .spinner svg,
.index-bg .spinner svg,
.address-list-bg .spinner svg,
.tutorial-bg .spinner svg,
.notice-bg .spinner svg,
.card-holder-bg .spinner svg,
.shared-order-list-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;
}

.motion-my-bg .ion-infinite-scroll,
.motion-charts-bg .ion-infinite-scroll,
.motion-info-bg .ion-infinite-scroll,
.motion-bg .ion-infinite-scroll,
.index-bg .ion-infinite-scroll,
.address-list-bg .ion-infinite-scroll,
.tutorial-bg .ion-infinite-scroll,
.notice-bg .ion-infinite-scroll,
.card-holder-bg .ion-infinite-scroll,
.shared-order-list-bg .ion-infinite-scroll,
.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) !important;
}

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

.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: #FFE6BF !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: #FFE6BF !important;
    border-radius: 0 !important;
}

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

.prop-exchange-bg .goPay-input,
.prop-withdraw-bg .goPay-input,
.prop-transfer-bg .goPay-input {
    border-bottom: 0.5px solid #999999 !important;
}

.map-main--box {
    width: 100%;
    padding: 15px 10px;
    background: #FFFFFF;
    border-radius: 5px;
    margin-bottom: 25px;
    /*height: 68px;*/
}

.map-main--content {
    margin-right: 10px;
    max-width: calc(100vw / 375 * 230);
}

.map-main--btn {
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #000000;
    width: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30);
}

.map-main--btn.left {
    /*background: rgba(255, 157, 97, 1) !important;*/
    background-image: linear-gradient(90deg, #FFA256, #FFE1AF) !important;
}

.map-main--btn.center {
    /*background: rgba(255, 204, 91, 1) !important;*/
    background-image: linear-gradient(90deg, #FFCB4F, #FDEDCF) !important;
}

.map-main--btn.right {
    /*background: rgba(165, 165, 165, 1) !important;*/
    background-image: linear-gradient(90deg, #A9A9A9, #F5F5F5) !important;
}

.map-main--bottons {
    width: 100%;
}

.map-main--botton {
    width: 33%;
}

.ngdialog.ngdialog-theme-default {
    /*padding-top: calc(100vh / 667 * 120) !important;*/
    /*padding-bottom: calc(100vh / 667 * 120) !important;*/
}

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

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

.chat-expression-appr {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #4D4D4D !important;
    margin-top: 2px;
}

.chat-box-l {
    background: url(../img/dfk/chat-bd-l.png) 100% no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 72px;
    width: 100%;
    height: calc(100vw / 375 * 175);
}

.chat-box-r {
    background: url(../img/dfk/chat-bd-r.png) 100% no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 45px;
    width: 100%;
    height: calc(100vw / 375 * 175);
}

.platform-store-top {
    position: absolute;
    background: url(../img/dfk/platform-store-top.png) 100% no-repeat;
    background-size: 100%;
    top: calc(100vw / 375 * 20);
    left: calc(100vw / 2 - (100vw / 375 * 105));
    z-index: 1;
    width: calc(100vw / 375 * 210);
    height: calc(100vw / 375 * 20);
}

.map-img--lu {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.map-text-lu {
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    font-weight: bold;
    color: #000000;
}

.map-op-btn {
    position: absolute;
    top: -40px;
    right: 10px;
    background: #FFFFFF;
    border-radius: 50%;
    /*color: #000000;*/
    /*font-size: 14px;*/
    /*width: 60%;*/
    z-index: 1;
    margin: 0 auto;
    padding: 8px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.map-op-btn.first {
    z-index: 2 !important;
}

.map-op-btn--icon {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    color: #1C1C1C;
}

.map-op-btn--img {
    height: 15px;
    width: 15px;
}

.map-op-btn--img-left {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    width: 15px;
    color: #FFFFFF;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.map-op-btn--img-left.downUp {
    transform: rotate(180deg);
}

.map-op-btn.position {
    top: -200px;
}

.map-op-btn.foucs {
    top: -160px;
}

.map-op-btn.plane {
    top: -120px;
}

.map-op-btn.threeD {
    top: -80px;
}

.position.choosed,
.threeD.choosed,
.plane.choosed,
.foucs.choosed {
    background: #4D4D4D;
}

.position.choosed .map-op-btn--icon,
.threeD.choosed .map-op-btn--icon,
.plane.choosed .map-op-btn--icon,
.foucs.choosed .map-op-btn--icon {
    color: #FFE6BF;
}

.map-distance {
    position: absolute;
    top: 0px;
    left: 15px;
    color: #FFFFFF;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    z-index: 1;
}

.map-click-detail {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #FFFFFF;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    z-index: 1;
}

.map-op-btn-left {
    position: absolute;
    top: -40px;
    left: 10px;
    /*background: #FFE6BF;*/
    background: #EAC97F;
    border-radius: 50%;
    /*color: #000000;*/
    /*font-size: 14px;*/
    /*width: 60%;*/
    z-index: 1;
    margin: 0 auto;
    padding: 8px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.platform-store-apply-content {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10) 0;
}

.platform-store-detail {
    width: 100%;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    background: #4D4D4D;
}

.platform-store-detail.checked {
    border: 1px solid #FFE6BF;
}

.store-detail-text {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #FFFFFF;
}

.store-detail-text-op {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #FFE6BF;
}

.platform-store-detail-svg {
    margin: calc(100vw / 375 * 5) 0;
    height: calc(100vw / 375 * 18);
    width: calc(100vw / 375 * 18);
}

.grade-text {
    max-height: calc(100vh / 667 * 300);
}

.account-text {
    max-height: calc(100vh / 667 * 350);
}

.coupon-ngdialog .account-text {
    padding: 0 calc(100vw / 375 * 10);
}

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

.ngdialog-content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    /*max-height: 100%;*/
    /*overflow: auto;*/
}

.ngdialog.ngdialog-theme-default {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.express-main {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #4D4D4D !important;
    padding: 25px 0 0 0;
    min-height: 53px;
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%)
}

.express-main.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.express-main--title {
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 0 20px;
}

.express-main--info {
    width: 100%;
    padding-bottom: 15px !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #B1B1B1;
    padding: 0 20px;
}

.express-main--text {
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: 500;
    margin-right: 5px;
}

.express-main--num {
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: 500;
}

.express-main--copy {
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: 500;
    /*padding-right: 10px;*/
}

.express-main--phone {
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: 500;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #AAAAAA;
}

.express-main--box {
    width: 100%;
    padding: 15px 20px 15px 28px;
    max-height: calc(100vh - (100vh / 667) * (150 + 100));
    overflow-y: auto;
}

.express-main--home {
    position: relative;
    width: 100%;
    padding: 0 0 28px 15px;
    border-left: 1px dashed #979797;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}

.express-main--home--point {
    position: absolute;
    top: 0;
    left: -1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #A5A5A5;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 10px;
}

.express-main--home--point.checked {
    background: #FFE6BF;
    color: #000000;
}

.express-main--big--point {
    position: absolute;
    top: 0px;
    left: -1px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #A5A5A5;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 10px;
}

.express-main--big--point.checked {
    background: #FFE6BF;
    color: #000000;
}

.express-main--content {
    position: relative;
    width: 100%;
    padding: 12px 0 28px 15px;
    border-left: 1px solid #979797;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}

.express-main--content:last-child {
    border-left: 1px solid #4D4D4D;
    padding-bottom: 0;
}

.express-main--sub {
    position: absolute;
    top: -8px;
    color: #A5A5A5;
}

.express-main--sub.checked {
    color: #FFE6BF;
}

.express-main--sub--title {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    /*color: #FFFFFF;*/
    margin-right: 10px;
}

.express-main--sub--time {
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    /*color: #FFFFFF;*/
}

.express-main--point {
    position: absolute;
    top: 0;
    left: -1px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #A5A5A5;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.express-main--point.checked {
    background: #FFE6BF;
}

.express-icon--cancel {
    position: absolute;
    /*top: 28px;*/
    top: 15px;
    right: 15px;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    color: #FFFFFF;
}

.express-icon {
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    color: #FFFFFF;
}

.express-icon.checked {
    color: #000000;
}

.task-entry-btn {
    position: absolute !important;
    margin: 0 auto !important;
    height: calc(100vw / 375 * 43);
    width: calc(100vw / 375 * 204) !important;
    bottom: calc(100vh / 667 * 100) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    background: url('../img/dfk/task-entry-btn.png') no-repeat !important;
    background-size: 100% 100% !important;

}

.task-entry-btn-text {
    color: #FFFFFF;
    margin-left: calc(100vw / 375 * 25);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 43);
    line-height: calc(100vw / 375 * 43);
}

label, input, button, select, textarea {
    font-size: calc(100vw / 375 * 14);
}

.ngdialog.ngdialog-theme-default.img .ngdialog-content {
    background: transparent !important;
    width: 90% !important;
    max-width: 90% !important;
}

.ngdialog.ngdialog-theme-default.img .ngdialog-content .ngDialog-content--main {
    margin-top: 0 !important;
    overflow-y: inherit !important;
    width: calc(100vw / 375 * 300);
    height: calc(100vw / 375 * 250);
    margin: auto;
}

.ngdialog.ngdialog-theme-default.img .ngdialog-content .ngDialog-content--main img {
    /*width: calc(100vw / 375 * 300);*/
    /*height: calc(100vw / 375 * 250);*/
    -moz-animation: bsInUp 3s 0s infinite;
    -webkit-animation: bsInUp 3s 0s infinite;
    animation: bsInUp 3s 0s infinite;
}

.ngdialog-overlay {
    background: rgba(0, 0, 0, .8) !important;
}

@-webkit-keyframes bsInUp {
    0% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }

    50% {
        width: calc(100vw / 375 * 270);
        height: calc(100vw / 375 * 225);
    }

    100% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }
}

@keyframes bsInUp {
    0% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }

    50% {
        width: calc(100vw / 375 * 270);
        height: calc(100vw / 375 * 225);
    }

    100% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }
}

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

.recharge-btn {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1B1B1C;
    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 * 5);
    width: calc(100vw - 100vw / 375 * 60);
    position: fixed;
    bottom: calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 12) 0;
    left: 0%;
    margin: 0 calc(100vw / 375 * 30);
    z-index: 1000;
}

.recharge-selected {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    background: url(../img/dfk/recharge-item.png) 100% no-repeat;
    background-size: 100% 100%;
    border-bottom-right-radius: calc(100vw / 375 * 5);
}

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

.method-content.nodata {
    color: #ffffff;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.recharge-result-content {
    /* width: 345px; */
    margin: 0 auto;
}

.recharge-result-message > img {
    width: calc(100vw / 375 * 125);
    height: calc(100vw / 375 * 83);
    margin-top: calc(100vw / 375 * 20);
}

.recharge-result-tips {
    margin-top: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 15);
    color: #A5A5A5;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
}

.recharge-result-tips.succ {
    color: #FFE6BF;
}

.recharge-result-text {
    font-size: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    color: #A5A5A5;
    font-weight: 500;
    margin-bottom: calc(100vw / 375 * 30);
}

.recharge-result-text.succ {
    color: #FFE6BF;
}

.icp-info-box {
    width: 100%;
}

.icp-info {
    width: 100%;
    padding-bottom: calc(100vw / 375 * 5);
}

.icp-info:last-child {
    padding-bottom: 0;
}

.icp-info span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: normal;
    color: #FFE6BF;
}

.store-other {
    height: calc(100vh - 44px);
    width: calc(100vw);
    scrolling: no;
}

.common-content {
    margin-bottom: calc(100vw / 375 * 15);
    width: 100%;
    height: calc(100vw / 375 * 180);
    grid-template-columns: 0fr 3fr 2fr 2fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: calc(100vw / 375 * 5) calc(100vw / 375 * 5);
}

.common-content > div:nth-of-type(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

.common-content > div:nth-of-type(2) {
    grid-column: 3 / 5;
    grid-row: 1 / 2;
}

/*!*贡献专区设置用，去掉可恢复到之前*!*/
/*.common-content > div:nth-of-type(3) {*/
/*    grid-column: 3 / 5;*/
/*    grid-row: 2 / 2;*/
/*}*/

.common-content > div {
    border-radius: calc(100vw / 375 * 5);
    width: 100%;
    height: 100%;
}

.common-content-left {
    position: relative;
    background: url(../img/dfk/common-bg-l.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 8);
    overflow: hidden;
}

.common-content-title-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #F2D1AE;
    font-weight: bold;
    letter-spacing: calc(100vw / 375 * 1);
}

.common-content-sub-text {
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    color: #F2D1AE;
    font-weight: 500;
    margin-top: calc(100vw / 375 * 5);
}

.common-content-i {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    color: #EAC97F;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: calc(100vw / 375 * 10);
}

.common-content-right {
    background: url(../img/dfk/common-bg-rt.png) 100% no-repeat;
    background-size: 100% 100% !important;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 8);
}

.common-content-right:nth-of-type(3) {
    background: url(../img/dfk/common-bg-rbl.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    padding: calc(100vw / 375 * 8) !important;
}

.common-content-right:last-child {
    background: url(../img/dfk/common-bg-rbr.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    padding: calc(100vw / 375 * 8) !important;
}

/*!*贡献专区设置用，去掉可恢复到之前, 上面的注释解除*!*/
/*.common-content-right:last-child {*/
/*    background: url(../img/dfk/common-bg-rb.png) 100% no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 8) !important;*/
/*}*/

.common-vip {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    background: url(../img/dfk/vip-bg.png) 100% no-repeat;
    background-size: 100% 100%;
}

.common-vip-content {
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 15);
    color: #222120;
    font-size: calc(100vw / 375 * 8);
    text-align: center;
    font-weight: bold;
    transform: rotate(45deg);
}

.account-content {
    margin-bottom: calc(100vw / 375 * 15);
    width: 100%;
}

.account-content-top {
    position: relative;
    width: 100%;
    height: calc(100vw / 375 * 120);
    border-radius: calc(100vw / 375 * 5);
    border: 0.5px solid #F2D1AE;
    overflow: hidden;
}

.account-content-top-bg {
    width: 100%;
    height: calc(100vw / 375 * 90);
    background: url(../img/dfk/account-bg-t.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 100) calc(100vw / 375 * 15) calc(100vw / 375 * 20);
}

.account-content-top-bg-img {
    position: absolute;
    top: calc(100vw / 375 * 20);
    right: calc(100vw / 375 * 10);
    width: calc(100vw / 375 * 90);
    height: auto;
    object-fit: cover;
    object-position: center;
}

.account-content-top-text {
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: bold;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.account-content-top-img {
    width: auto;
    height: calc(100vw / 375 * 18);
}

.account-content-top-number {
    margin-top: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    font-weight: bold;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.account-content-top-bottom {
    width: 100%;
    height: calc(100vw / 375 * 30);
    background: linear-gradient(90deg, #373532, #272524);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 70) calc(100vw / 375 * 5) calc(100vw / 375 * 20);
}

.account-content-top-bottom-icon {
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    background: linear-gradient(180deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.account-content-top-bottom-text {
    margin-left: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #F2D1AE;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.account-content-top-bottom-number {
    margin-left: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #F2D1AE;
}

.account-content-bottom {
    padding: calc(100vw / 375 * 10) 0;
    width: 95%;
    height: calc(100vw / 375 * 65);
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-bottom-right-radius: calc(100vw / 375 * 5);
    border-bottom-left-radius: calc(100vw / 375 * 5);
}

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

.account-content-bottom-content-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #1C1C1C;
}

.account-content-bottom-content-number {
    margin-top: calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: bold;
    color: #1C1C1C;
}

.account-content-bottom-line {
    height: 60%;
    width: 1px;
    background: #4D4D4D;
}

.notice-content {
    width: 100%;
    height: calc(100vw / 375 * 105);
    grid-template-columns: 0fr 2fr 2fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: calc(100vw / 375 * 5) calc(100vw / 375 * 5);
}

.notice-content > div:nth-of-type(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

.notice-content > div {
    border-radius: calc(100vw / 375 * 5);
    width: 100%;
    height: 100%;
}

.notice-content-left {
    background: linear-gradient(270deg, #453E38 0%, #202020 100%);
    padding: calc(100vw / 375 * 10);
    position: relative;
}

.notice-content-left.bg {
    background: url(../img/dfk/notice-bg-l.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
}

.notice-content-right {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    background: url(../img/dfk/notice-bg-rt.png) 100% no-repeat;
    background-size: 100% 100%;
}

.notice-content-right:last-child {
    background: url(../img/dfk/notice-bg-rb.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
}

.notice-content-right-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: rgba(242, 209, 174, 1);
    margin-left: calc(100vw / 375 * 5);
}

.notice-content-right-icon {
    width: calc(100vw / 375 * 25);
    height: auto;
    object-fit: cover;
    object-position: center;
}

.notice-content-right-i {
    font-size: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    color: #EAC97F;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.notice-content-left-i {
    position: relative;
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 10);
    margin: 0 calc(100vw / 375 * 5) 0 0;
}

.notice-content-left-i > i {
    position: absolute;
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    top: 0;
    border-radius: 50%;
}

.notice-content-left-i > i:nth-of-type(1) {
    background-color: #F97C48;
    left: 0;
}

.notice-content-left-i > i:nth-of-type(2) {
    background-color: #FEEEE8;
    right: 0;
}

.notice-content-left-title {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
}

.notice-content-left-content {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 20);
    margin: calc(100vw / 375 * 10) 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.notice-content-left-bg-nodata {
    width: auto;
    height: 100%;
    margin: auto;
}

.notice-content-left-content-nodata {
    position: absolute;
    top: calc(100vw / 375 * 27);
    margin-left: calc(-1 * (100vw / 375 * 23));
    left: 50%;
}

.notice-content-left-icon-nodata {
    width: calc(100vw / 375 * 30);
    height: auto;
    object-fit: cover;
    object-position: center;
}

.notice-content-left-text-nodata {
    color: #D8D8D8;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    margin: calc(100vw / 375 * 7) 0 0 0;
}

.commodity-list-tab {
    position: relative;
    /*top: 44px;*/
    width: 100%;
    height: auto !important;
    min-height: 100%;
    background: #F0F0F0;
    z-index: 6;
}

.extend11 .commodity-list-tab {
    background: #F0F0F0;
}

.extend12 .commodity-list-tab {
    background: #F0F0F0;
}

.extend13 .commodity-list-tab {
    background: #F0F0F0;
}

.extend14 .commodity-list-tab {
    background: #F0F0F0;
}

.extend15 .commodity-list-tab {
    background: #F0F0F0;
}

.refresh-cover {
    width: 100%;
    height: 2px;
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    z-index: 999;
}

.extend10 .refresh-cover {
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
}

.extend11 .refresh-cover {
    background-image: linear-gradient(270deg, #453E38, #202020);
}

.extend12 .refresh-cover {
    background-image: linear-gradient(270deg, #453E38, #202020);
}

.extend13 .refresh-cover {
    background-image: linear-gradient(270deg, #453E38, #202020);
}

.extend14 .refresh-cover {
    background-image: linear-gradient(270deg, #453E38, #202020);
}

.extend15 refresh-cover {
    background-image: linear-gradient(270deg, #453E38, #202020);
}

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

.user-graph-ct--title-big {
    font-weight: 400;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #FFFFFF !important;
    font-weight: bold;
}

.tutorial-tab {
    position: relative;
    top: 44px;
    z-index: 100;
    background: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C);
}

.tutorial-tab img {
    height: calc(100vw / 375 * 120);
    width: auto;
}

.tutorial-tab-outer {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
    position: relative;
}

.tutorial-tab-bottom {
    height: calc(100vw / 375 * 10);
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #232026;
}

.tutorial-tab-icon {
    width: calc(100vw / 375 * 14) !important;
    height: auto !important;
    margin-right: calc(100vw / 375 * 5);
}

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

.tutorial-question--img {
    position: absolute;
    height: calc(100vw / 375 * 70);
    width: auto;
    right: calc(100vw / 375 * 30);
    top: calc(100vw / 375 * 35);
    z-index: 0;
}

.tutoriallist--content {
    position: relative;
    z-index: 1;
}

.tutoriallist-reg {
    font-size: calc(100vw / 375 * 13);
    font-weight: 400;
    color: #B7B7B7;
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.tutorial-reg--img {
    position: absolute;
    height: calc(100vw / 375 * 70);
    width: auto;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.myShared-item {
    margin-bottom: calc(100vw / 375 * 15);
    border: 0;
    position: relative;
    height: calc(100vw / 375 * 175);
}

.myShared-item.nodata {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #999999;
    background: #4D4D4D !important;
    padding: calc(100vw / 375 * 10) 0;
    border-radius: calc(100vw / 375 * 5);
    height: auto !important;
}

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

.myShared-item-header {
    position: relative;
    z-index: 0;
    background: linear-gradient(180deg, #E9D6C2, #A98A6F);
    border-radius: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 25);
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 5);
    width: 100%;
}

.myShared-item-header-box {
    background: #453E37;
    border-radius: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 9);
    width: 100%;
}

.myShared-item-header-content {
    position: absolute;
    z-index: 1;
    background: linear-gradient(270deg, #E8D5C1, #FFFFFF);
    top: calc(100vw / 375 * 13);
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    width: calc(100vw / 375 * 335);
}

.myShared-item-header-content-box {
    position: relative;
    z-index: 1;
}

.myShared-item-header-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.myShared-item-header-img {
    height: calc(100vw / 375 * 20);
    width: 100%;
}

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

.myShared-top-i {
    font-size: calc(100vw / 375 * 17);
}

.myShared-top-he {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #7C3C08;
    border-bottom: 1px solid #CDCDCD;
}

.myShared-top-title {
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #7C3C08;
    border-bottom: 1px solid #CDCDCD;
}

.myShared-top-text {
    margin-left: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.myOrders-item-bottom {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 25) calc(100vw / 375 * 15) calc(100vw / 375 * 25);
}

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

.myShared-bottom-content:last-child {
    margin-bottom: 0 !important;
}

.myShared-bottom-title {
    min-width: calc(100vw / 375 * 60);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: 700;
    color: #1C1C1C;
}

.myShared-bottom-number {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #7C3C08;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.myShared-bottom-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #4d4d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.popup-box {
    color: #3a3a3a;
    font-size: 16px;
    height: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
}

.popup-box-min {
    color: #3a3a3a;
    font-size: 12px;
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
}

.logint-img--bottom,
.gesture_centent-img--bottom {
    position: fixed;
    bottom: 0;
    z-index: 0;
}

.login-bg {
    /*position: relative;*/
    /*z-index: 1;*/
}

.notice-bg-nodata {
    height: 100%;
    width: 100%;
}

.quick-password-content-bg,
.quick-register-content-bg,
.login-content-bg,
.pattern-content-bg {
    z-index: 1;
}

.pay-auction-info--num {
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    font-weight: 500;
    color: #FFFFFF;
    min-width: fit-content;
    margin-top: calc(100vw / 375 * 5);
}

.pay-auction-info--price {
    max-width: calc(100vw / 375 * 40);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.auction-price--type {
    color: #D26B59;
    font-weight: bold;
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    margin-right: calc(100vw / 375 * 1);
}

.auction-price--num {
    font-size: 22px;
    height: 22px;
    line-height: 23px;
    color: #D26B59;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    /*max-width: calc(100vw / 375 * 183);*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow-wrap: anywhere;*/
}

.auction-price--num-dec {
    font-size: 14px;
    height: 14px;
    line-height: 13px;
    color: #D26B59;
    font-weight: bold;
    min-width: fit-content;
}

.pay-auction-info--num span {
    color: #999999;
}

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

.commodity-details-bg .button,
.advance-commodity-details-bg .button {
    height: 36px;
    min-height: inherit;
    margin: 0;
    font-size: 12px;
    line-height: 36px;
    min-width: 78px;
    border-radius: 18px;
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    box-shadow: none;
    border: 0;
    margin: 8px 0;
    padding: 0 calc(100vw / 375 * 20);
}

.commodity-details-bg .button.activated,
.advance-commodity-details-bg .button.activated {
    background-image: linear-gradient(270deg, #d7b682, #efd9a0, #eae1b9) !important
}

.bg-color.commodity-details-bg,
.bg-color.advance-commodity-details-bg {
    bottom: 52px;
}

.pay-auction-info--button {
    margin: 8px 0;
    min-width: fit-content;
}

.pay-auction-info--cart.button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    padding-right: calc(100vw / 375 * 15);
    padding-left: calc(100vw / 375 * 25);
}

.pay-auction-info--buy.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(270deg, #6A635E, #2E2A32) !important;
    margin: 0;
    color: #FFFFFF !important;
    padding-left: calc(100vw / 375 * 15);
    padding-right: calc(100vw / 375 * 25);
}

.pay-auction-info--buy.button.activated {
    background-image: linear-gradient(270deg, #88817c, #4c4850) !important;
}

.pay-auction-info--buy.button.button-dblue:hover {
    color: #FFFFFF;
}

.pay-auction-info--header.commodity-details-bg {
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    background: #FFFFFF;
}

.commodity-details-bg .deal-btn--s {
    min-height: inherit;
    padding: 0;
    font-size: 8px;
    line-height: 8px;
    background: transparent;
}

.commodity-details-bg .icon-svg.detail-svg {
    width: 25px;
    height: 25px;
}

.commodity-details-bg .icon-svg {
    margin: 0;
}

.commodity-details-bg .detail-name {
    margin-top: 3px;
}

.pay-auction-info--content {
    width: 100%;
    margin-right: calc(100vw / 375 * 10);
}

/* tab的动态效果，先不使用，怕影响显示效果 */
/*.tabs-item-hide>.tabs, .tabs.tabs-item-hide {*/
/*bottom: -49px;*/
/*-webkit-transition: all .2s ease-in-out;*/
/*transition: all .2s ease-in-out;*/
/*display: inherit !important;*/
/*}*/

/*.tabs {*/
/*-webkit-transition: all .2s ease-in-out;*/
/*transition: all .2s ease-in-out;*/
/*bottom: 0px;*/
/*}*/

.specific-box {
    width: 100%;
    max-height: calc(100vh - (100vh / 667) * (150 + 100));
    overflow-y: auto;
}

.specific-content {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
}

.specific-name {
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);;
    font-weight: bold;
    width: 100%;
}

.specific-list {
    margin-top: calc(100vw / 375 * 10);
    column-gap: calc(100vw / 375 * 10);
    row-gap: calc(100vw / 375 * 10);
}

.specific-one {
    background: #E7E7E7;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #111111;
    border-radius: calc(100vw / 375 * 11);
    max-width: fit-content;
    min-width: calc(100vw / 375 * 50);
    border: 1px #FFFFFF solid;
}

.specific-one.selected {
    background: #FBF2E8 !important;
    color: #7C4930 !important;
    border: 1px #7C4930 solid !important;
}

.specific-one.nodimen {
    color: #cccccc !important;
}

.specific-one-nolib {
    color: #999999 !important;
}

.quick-register-img {
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box;
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
}

.quick-register-img img {
    width: 100%;
    height: 100%;
}

.quick-register-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FFE6BF;
    margin-top: calc(100vw / 375 * 10);
}

.quick-login-logo--box {
    height: calc(100vw / 375 * 300);
    width: 100%;
    background: url(../img/dfk/quick-register-bg.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    position: fixed;
    top: 0;
    z-index: 1;
}

.quick-login-logo--box-pass {
    height: calc(100vw / 375 * 300);
    width: 100%;
    background: url(../img/dfk/quick-password-bg.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    position: fixed;
    top: 0;
    z-index: 1;
}

.quick-login-logo--box-ref {
    height: calc(100vw / 375 * 300);
    width: 100%;
    background: url(../img/dfk/quick-referral-bg.png) 100% no-repeat !important;
    background-size: 100% 100% !important;
    position: fixed;
    top: 0;
    z-index: 1;
}

.quick-login-title {
    position: absolute;
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    letter-spacing: 1px;
    /*font-weight: bold;*/
    color: #FFE6BF;
    top: calc(100vw / 375 * 165);
}

.quick-login-input-box {
    border-radius: 6px;
    padding: calc(100vw / 375 * 25) calc(100vw / 375 * 20) calc(100vw / 375 * 40) calc(100vw / 375 * 20);
    background-color: rgba(0, 0, 0, 0.5);
}

.quick-login-input-box.pc {
    padding-bottom: calc(100vw / 375 * 30);
}

.quick-login-input-i {
    position: absolute;
    left: calc(100vw / 375 * 7);
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
}

input.quick-NO_bgcolor_input {
    padding-top: 0;
    border-radius: calc(100vw / 375 * 5);
    background: #FFFFFF;
    width: 100%;
    padding-left: calc(100vw / 375 * 30);
    padding-right: calc(100vw / 375 * 35);
    /* -webkit-box-shadow: 0 0 0px 1000px transparent inset; */
    font-size: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #202027;
    height: calc(100vw / 375 * 40);
    /* line-height: calc(100vw / 375 * 24); */
    /* -webkit-box-shadow: 0 0 0 1000px #857b4e inset; */
}

.quick-password-bg input.quick-NO_bgcolor_input {
    padding-right: calc(100vw / 375 * 55);
}

.quick-referral-bg input.quick-NO_bgcolor_input {
    padding-right: calc(100vw / 375 * 60) !important;
}

.quick-login-topBox {
    height: calc(100vw / 375 * 265);
    padding: calc(100vw / 375 * 30) calc(100vw / 375 * 20);
    position: relative;
}

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

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

.quick-login-method--choose {
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-radius: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 30);
    width: 0;
    position: absolute;
    z-index: 0;
}

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

.quick-input_border {
    width: 100%;
    /* opacity: .8; */
    position: relative;
    margin-bottom: calc(100vw / 375 * 20);
}

.quick-input_border--confirm {
    width: 100%;
    /* opacity: .8; */
    position: relative;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-pay-bg .login_button,
.quick-referral-bg .login_button,
.quick-password-bg .login_button,
.quick-register-bg .login_button {
    margin-bottom: 0 !important;
}

.merchant-pay-bg .login_button.disabled,
.merchant-pay-bg .login_button[disabled],
.quick-referral-bg .login_button.disabled,
.quick-referral-bg .login_button[disabled],
.quick-password-bg .login_button.disabled,
.quick-password-bg .login_button[disabled],
.quick-register-bg .login_button.disabled,
.quick-register-bg .login_button[disabled] {
    opacity: .6;
}

.merchant-pay-bg .forget_login,
.quick-referral-bg .forget_login,
.quick-password-bg .forget_login,
.quick-register-bg .forget_login {
    margin-bottom: 0 !important;
}

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

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

.quick-dynamic-box--button {
    background: linear-gradient(270deg, #E6BA8E, #EAD8C4);
    border-radius: calc(100vw / 375 * 5) !important;
    padding: 0 calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    font-weight: 400;
    color: #1B1B1C;
    margin-bottom: 0;
    font-weight: bold;
    border: 0 !important;
}

.quick-dynamic-box--button.click {
    color: #FFFFFF !important;
    background: linear-gradient(270deg, #2E2A32, #6A635E);
}

.quick-dynamic-box-input-del {
    color: #202027 !important;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-right: calc(100vw / 375 * 10);
}

.quick-dynamic-box.forgot {
    right: calc(100vw / 375 * 3);
}

.quick-dynamic-box {
    position: absolute;
    right: 0px;
    height: calc(100vw / 375 * 20);
}

.quick-input-captcha {
    padding-right: calc(100vw / 375 * 120) !important;
}

.quick-input-code {
    padding-right: calc(100vw / 375 * 90) !important;
}

.quick-goPay-input {
    font-size: calc(100vw / 375 * 14) !important;
    padding-left: calc(100vw / 375 * 2);
    padding-right: calc(100vw / 375 * 45);
    height: calc(100vw / 375 * 34);
    color: #6A635E !important;
    padding-top: 0 !important;
    background: transparent !important;
    position: absolute;
    left: calc(100vw / 375 * 30);
}

.quick-smd-boxSS-divdLabel {
    border-right: 0;
    margin-right: 0 !important;
}

.quick-select-ac {
    background: transparent !important;
    left: 0 !important;
    padding: 0 !important;
    color: #6A635E !important;
    font-weight: 400 !important;
    font-size: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 14) !important;
}

.quick-posi_top {
    top: unset !important;
    right: calc(100vw / 375 * 10) !important;
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.quick-password-bg .quick-posi_top {
    top: unset !important;
    right: calc(100vw / 375 * 35) !important;
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.quick-referral-bg .quick-posi_top {
    top: unset !important;
    right: calc(100vw / 375 * 35) !important;
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.quick-input-phone {
    padding-left: calc(100vw / 375 * 85) !important;
}

.quick-select-label.item-select:after {
    right: 0;
}

.quick-radioBox-radio {
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    background-color: transparent;
    border: 1px solid #5A5A5B;
    margin-right: calc(100vw / 375 * 5);
    border-radius: 50%
}

.quick-radioBox-text {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: 600;
    color: #999999;
}

.quick-radioBox-text-protocol {
    color: #FFE6BF;
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    padding-bottom: calc(100vw / 375 * 10);
}

.quick-text-protocol {
    margin-bottom: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 13);
}

.quick-versionLoginTpis {
    margin-top: calc(100vw / 375 * 20);
}

.quick-versionLoginTpis.pc {
    padding-bottom: calc(100vw / 375 * 20);
}

.quick-login-sub {
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 12);
    color: #FFE6BF;
}

.quick-referral-bg .login-label,
.quick-password-bg .login-label,
.quick-register-bg .login-label {
    font-size: calc(100vw / 375 * 13) !important;
    height: calc(100vw / 375 * 13) !important;;
    line-height: calc(100vw / 375 * 13) !important;;
}

.quick-icon-span {
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    border: 1px solid #FFE6BF;
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 4);
}

i.quick-add-icon-sss {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #EAC97F;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: calc(100vw / 375 * 4);
}

.quick-radioBox-radio {
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    background-color: transparent;
    border: 1px solid #5A5A5B;
    margin-right: calc(100vw / 375 * 5);
    border-radius: 50%
}

.quick-header-box--icon {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    position: absolute;
    right: calc(100vw / 375 * 10);
}

.hide {
    display: none !important;
}

.home-headerUl {
    box-shadow: none;
    position: relative;
    background: transparent;
    overflow: hidden;
}

.home-comm {
    margin-bottom: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 45);
}

.home-comm > li {
    width: 25%;
    height: 100%;
    color: #00ffff;
    text-align: -webkit-center;
}

.home-comm-text {
    position: absolute;
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #1C1C1C;
    font-weight: bold;
    margin-left: calc(-1 * (100vw / 375 * 3));
    margin-top: calc(-1 * (100vw / 375 * 3));
}

.home-comm-text.undone {
    color: #B3A598;
}

.home-comm-img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.icon-icon_duihao-mian {
    font-size: calc(100vw / 375 * 21);
    color: #FFE6BF;
}

.ppw-index-bg .icon-new-title {
    position: relative;
    font-size: 23px;
    color: #EAC97F;
    background: linear-gradient(180deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ppw-index-bg .icon-new-title-r {
    position: relative;
    font-size: 30px;
    color: #EAC97F;
    background: linear-gradient(180deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon-new-point {
    position: absolute;
    right: 0;
    top: 0;
    background: #E8715B;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.icon-new-text {
    margin-top: 2px;
    font-size: 9px;
    height: 9px;
    line-height: 9px;
    color: #EAC97F;
}

.title-wait {
    height: 100%;
}

.title-wait--text {
    font-size: 15px !important;
    height: 15px !important;;
    line-height: 15px !important;
    margin-bottom: 3px;
}

.title-wait .count_down_time {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
}

.title-wait--timer-icon {
    width: 14px;
    height: 14px;
    background: url(../img/dfk/alert.png) 100% no-repeat;
    background-size: 100% 100%;
}

.title-wait--timer-text {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #E5D7C2;
    font-weight: bold;
    margin: 0 5px;
}

.title-wait--timer-number {
    background-image: linear-gradient(180deg,
    #E6D8C4, #C59E74) !important;
    /*background-color: rgba(42, 42, 42, 1);*/
    border-radius: 1px;
    height: 14px;
    line-height: 14px;
    width: 16px;
    font-size: 11px;
    color: #000000;
}

.myOrders-top-down {
    height: calc(100vw / 375 * 18);
    border-radius: calc(100vw / 375 * 20);
    overflow: hidden;
    background: #2E2A32;
    width: max-content;
}

.merchant-order-list-bg .myOrders-top-down {
    margin-top: calc(100vw / 375 * 10);
    height: auto;
    border-radius: calc(100vw / 375 * 20);
    overflow: hidden;
    background: transparent;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
}

.myOrders-top-down--left {
    height: 100%;
    border-bottom-right-radius: calc(100vw / 375 * 10);
    margin: 0;
    padding-right: calc(100vw / 375 * 8);
    padding-left: calc(100vw / 375 * 8);
    background: #EFC7A0;
}

.myOrders-top-down--right {
    height: 100%;
    padding-left: calc(100vw / 375 * 25);
    /*background: rgba(204, 204, 204, 0.7);*/
    margin: 0;
    padding-left: calc(100vw / 375 * 6);
    padding-right: calc(100vw / 375 * 8);
}

.myOrders-top-down-text {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    font-weight: bold;
    color: #030303;
}

.myOrders-top-down--right .count_down_time {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    color: #EFC7A0;
}

.myOrders-top-down--timer-text {
    font-size: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    color: #EFC7A0;
    font-weight: bold;
    margin: 0 calc(100vw / 375 * 2);
}

.merchant-order-list-bg .myOrders-top-down--timer-text {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    color: #1C1C1C;
    font-weight: normal;
    margin: 0 calc(100vw / 375 * 2);
}

.merchant-order-list-bg .myOrders-top-down--timer-text:first-child {
    margin-right: calc(100vw / 375 * 10);
    margin-left: 0;
}

.myOrders-top-down--timer-number {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #EFC7A0;
}

.merchant-order-list-bg .myOrders-top-down--timer-number {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    color: #EFC7A0;
}

.prop-bg-down-outer {
    width: 100%;
    height: auto !important;
    min-height: 100%;
    z-index: 6;
}

.merchant-bg .prop-bg-down-outer,
.merchant-info-bg .prop-bg-down-outer {
    background: #F5F5F5;
}

.prop-detail-bg .prop-bg-down-outer {
    background: #FFFFFF;
}

.prop-bg .prop-bg-down-outer {
    background: #4D4D4D;
}

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

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

.merchant-bg .refresh-cover,
.merchant-info-bg .refresh-cover {
    background-image: linear-gradient(270deg, #453E37, #453E37);
}

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

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

.merchant-city {
    max-width: calc(100vw / 3);
    height: calc(100vw / 375 * 35);
}

.merchant-city-text {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    color: #FFFFFF;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
    width: max-content;
}

.merchant-city-icon {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    color: #FFFFFF;
    margin-right: calc(100vw / 375 * 3);
}

.merchant-city-icon.selected {
    color: #EAC97F;
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.merchant-bg .slide-back-outer,
.merchant-info-bg .slide-back-outer {
    top: unset;
    left: 15px;
    background: rgba(32, 32, 32, 0.7);
    border-radius: 25px;
    padding: 5px;
    border: none;
    position: relative;
    z-index: 9;
}

.platform-store-bg .slide-back-outer,
.merchant-map-bg .slide-back-outer {
    position: absolute;
    top: calc(100vw / 375 * 15);
    left: calc(100vw / 375 * 15);
    z-index: 100;
}

.merchant-bg .slide-back,
.merchant-info-bg .slide-back {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    color: #FFFFFF;
}

.merchant-bg .card-bag-message > img {
    width: calc(100vw / 375 * 220);
    height: auto;
    margin-top: calc(100vw / 375 * 40);
    object-fit: cover;
    object-position: center;
}

.motion-search-bg .card-bag-message > span,
.commodity-details-bg .card-bag-message > span,
.merchant-bg .card-bag-message > span,
.merchant-info-bg .card-bag-message > span,
.index-search-bg .card-bag-message > span,
.merchant-search-bg .card-bag-message > span {
    margin-bottom: calc(100vw / 375 * 10);
}

.motion-search-bg .card-bag-message > img,
.index-search-bg .card-bag-message > img,
.merchant-search-bg .card-bag-message > img,
.merchant-img-bg .card-bag-message > img,
.commodity-details-bg .card-bag-message > img,
.merchant-info-bg .card-bag-message > img {
    width: calc(100vw / 375 * 220);
    height: auto;
    margin-top: calc(100vw / 375 * 20);
    object-fit: cover;
    object-position: center;
}

.card-bag-message.position > span {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    color: #956E3C;
    margin-top: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-select {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
}

.merchant-select > span {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #989898;
    margin-right: calc(100vw / 375 * 5);
}

.merchant-select > a {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #956E3C;
    text-decoration: underline;
    font-weight: bold;
}

.merchant-swiper-container {
    position: relative;
    /*padding: calc(100vw / 375 * 3) 0;*/
    margin-bottom: calc(100vw / 375 * 10);
    /*width: 100%;*/
    color: #FFFFFF;
}

.merchant-swiper-container .swiper-container {
    width: 100%;
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 3) calc(100vw / 375 * 3) calc(100vw / 375 * 3);
    /*margin-right: calc(100vw / 375 * 20);*/
    position: relative;
    z-index: 0;
    background: linear-gradient(180deg, #F5F5F5, #F5F5F5) !important;
}

.merchant-swiper-container-recommend {
    width: 100%;
    color: #FFFFFF;
}

.merchant-swiper-container-recommend .swiper-container {
    width: 100%;
}

.merchant-tab-slide {
    margin-right: calc(100vw / 375 * 7);
    width: auto;
}

.merchant-info-tab-slide {
    background: #FFFFFF;
    height: auto;
}

.merchant-tab {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 15);
    border-radius: calc(100vw / 375 * 2);
    box-shadow: 0px 0px 3px 1px rgba(83, 83, 83, 0.15);
    border: 0;
    width: 100%;
}

.merchant-tab-outer:last-child {
    margin-right: 0;
}

.merchant-tab.selected {
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
}

.merchant-tab-text {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    max-width: calc(100vw / 2);
    font-weight: bold;
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-tab-select {
    margin: 0 calc(100vw / 375 * 3);
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    width: 100%;
    height: calc(100vw / 375 * 5);
    border: 0;
}

.merchant-tab-select--img {
    height: 100% !important;
    width: calc(100vw / 375 * 12) !important;
}

.merchant-tab-select--other {
    height: 100%;
    width: 100%;
    background: url('../img/dfk/merchant-tab-select-other.png') repeat !important;
    background-size: 100% 100% !important;;
}

.merchant-nodata {
    padding: calc(100vw / 375 * 10) 0;
}

.merchant-nodata > i {
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #989898;
    margin-right: calc(100vw / 375 * 10);
}

.merchant-nodata > span {
    font-size: calc(100vw / 375 * 24);
    line-height: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
    color: #989898;
    font-weight: bold;
}

.merchant-content-main {
    width: 100%;
}

.merchant-main {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

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

.merchant-info-bg .merchant-main {
    margin-bottom: 0;
}

.merchant-item {
    position: relative;
    border-radius: calc(100vw / 375 * 5);
    background: #FFFFFF;
    /*overflow: hidden;*/
    padding: calc(100vw / 375 * 10);
    width: 100%;
}

.merchant-swiper-container-recommend .merchant-img {
    width: calc(100vw / 375 * 70);
    min-width: calc(100vw / 375 * 70);
    height: calc(100vw / 375 * 70);
}

.merchant-item-pop {
    position: absolute;
    width: calc(100vw / 375 * 45) !important;
    height: calc(100vw / 375 * 24) !important;
    top: calc(100vw / 375 * 10);
    right: calc(-1 * (100vw / 375 * 5));
}

.merchant-img {
    border-radius: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 90);
    min-width: calc(100vw / 375 * 90);
    height: calc(100vw / 375 * 90);
    margin-right: calc(100vw / 375 * 10);
    overflow: hidden;
    position: relative;
}

.merchant-swiper-container .merchant-img {
    border-radius: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 70);
    min-width: calc(100vw / 375 * 70);
    height: calc(100vw / 375 * 70);
    margin-right: calc(100vw / 375 * 10);
    overflow: hidden;
}

.merchant-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.merchant-info {
    width: 100%;
}

.merchant-info-title {
    width: 100%;
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-top: calc(100vw / 375 * 2);
    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;
    word-break: break-all;
}

.merchant-icon {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-icon-item {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin-right: calc(100vw / 375 * 3);
    color: #EEEEEE;
}

.merchant-icon-item.score {
    margin-right: 0;
    font-size: calc(100vw / 375 * 10);
}

.merchant-icon-item.yes {
    color: #EC5629;
}

.merchant-icon-item.half {
    background: linear-gradient(to right, #EC5629 0%, #EC5629 50%, #EEEEEE 51%, #EEEEEE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-icon-text {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #EC5629;
}

.merchant-icon-text.score {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    font-weight: bold;
    color: #EC5629;
}

.merchant-icon-text.per {
    color: #999999;
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin-left: calc(100vw / 375 * 5);
    font-weight: unset;
}

.merchant-open {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-open-status {
    background: #999999;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 5) calc(100vw / 375 * 3) calc(100vw / 375 * 8);
    border-top-left-radius: calc(100vw / 375 * 5);
    border-bottom-left-radius: calc(100vw / 375 * 5);

    border: 1px solid #999999;
    border-right: 0;
}

.merchant-open-status span {
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
    font-weight: bold;
    color: #FFFFFF;
}

.merchant-open-time {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 8) calc(100vw / 375 * 3) calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
    border-bottom-right-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    font-weight: bold;
    border: 1px solid #999999;
    border-left: 0;
}

.merchant-type {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-type-tips {
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 3);
    border: 0;
    border-radius: calc(100vw / 375 * 3);
    margin-right: calc(100vw / 375 * 5);
    background: #F8E8D3;
}

.merchant-type-tips.goods {
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 5);
    border-radius: calc(100vw / 375 * 10)
}

.merchant-type-text {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    color: #956E3C;
}

.merchant-map {
    width: 100%;

}

.map-main--info {
    width: 100%;
    /*margin-bottom: calc(100vw / 375 * 5);*/
}

.merchant-map-tips {
    width: 100%;
}

.merchant-map-icon {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #EAC97F;
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: calc(100vw / 375 * 5);
}

.merchant-map-text {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-map-distance {
    margin-top: calc(100vw / 375 * 5);
    width: 100%;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-icon-btn {
    color: #949597;
    font-size: 13px;
}

.merchant-info-main {
    position: relative;
    width: 100%;
}

.merchant-info-box {
    position: relative;
    width: 100%;
    background: linear-gradient(270deg, #FAF2E7, #DBC19F);
    height: calc(100vw / 375 * 60);
    border-top-left-radius: calc(100vw / 375 * 15);
    border-top-right-radius: calc(100vw / 375 * 15);
    z-index: 0;
    border: 0;
    /*overflow: hidden;*/
    /*padding: 0 calc(100vw / 375 * 20);*/
}

.merchant-info-detail-img {
    position: absolute;
    top: calc(100vw / 375 * 12);
    left: calc(100vw / 375 * 25);
    width: auto;
    height: calc(100vw / 375 * 21);
    z-index: 1;
}

.merchant-info-icon-img {
    position: absolute;
    top: calc(100vw / 375 * 3);
    right: calc(100vw / 375 * 20);
    width: auto;
    height: calc(100vw / 375 * 41);
    z-index: 1;
}

.merchant-info-page {
    position: absolute;
    bottom: calc(-1 * (100vw / 375 * 1));
    height: calc(100vw / 375 * 16);
    width: 100%;
    background: #F5F5F5;
    border-top-right-radius: calc(100vw / 375 * 15);
    border-top-left-radius: calc(100vw / 375 * 15);
    z-index: 1;
    box-shadow: 0px -3px 8px 0px rgb(115 115 115 / 20%);
}

.merchant-info-content {
    position: relative;
    z-index: 1;
    /*border-top-left-radius: calc(100vw / 375 * 15);*/
    /*border-top-right-radius: calc(100vw / 375 * 15);*/
    padding: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    width: 100%;
    background: #F5F5F5;
}

.merchant-info-outer {
    width: 100%;
}

.merchant-info-inner {
    width: 100%;
}

.merchant-info-payment {
    margin-left: calc(100vw / 375 * 10);
    min-width: calc(100vw / 375 * 40);
}

.merchant-info-payment-icon {
    font-size: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    margin-bottom: calc(100vw / 375 * 5);
    color: #956E3C;
    background: linear-gradient(270deg, #E5D1B6, #BE9661);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-info-payment-text {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    font-weight: bold;
    color: #956E3C;
}

.merchant-detail {
    /*padding-top: calc(100vw / 375 * 10);*/
    width: 100%;
    position: relative;
}

.merchant-detail-tab {
    margin-bottom: 0;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 45);
}

@supports (position: sticky) {
    .card-holder-mark,
    .motion-mark,
    .motion-info-mark,
    .motion-charts-mark,
    .tab-mark,
    .swiper-mark,
    .merchant-mark,
    .commodity-list-mark,
    .prop-trans-mark,
    .prop-list-mark,
    .prop-detail-mark {
        position: sticky !important;
        top: -1px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1001 !important;
    }
}

.merchant-detail-tab {
    margin-bottom: 0;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    background: #F5F5F5;
    z-index: 1;
    height: calc(100vw / 375 * 45);
}

.merchant-detail-tab-text {
    position: relative;
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    /*font-weight: bold;*/
    margin-right: calc(100vw / 375 * 30);
}

.merchant-detail-tab-text:before {
    border-bottom: calc(100vw / 375 * 4) solid transparent;
    content: " ";
    width: 100%;
    transform-origin: 0 0;
    /*transform: scaleX(.5);*/
    position: absolute;
    opacity: .75;
    pointer-events: none;
    bottom: calc(-1 * (100vw / 375 * 10));
}

.choosed:before {
    border-image: linear-gradient(to right, #F1AE79, #E5D1B6) 1;
    border-image-slice: 1;
    border-bottom: calc(100vw / 375 * 4) solid #F1AE79;
}

.merchant-detail-commodity-icon {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    position: absolute;
    left: calc(100vw / 375 * 50);
    color: #999999;
    /*color: #EAC97F;*/
    /*background: linear-gradient(270deg, #C8A475, #FEEAD0);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}

.merchant-detail-eval-count {
    font-size: calc(100vw / 375 * 10);
    position: relative;
    left: calc(-1 * (100vw / 375 * 27));
    bottom: calc(-1 * (100vw / 375 * 3));
    color: #999999;
}

.merchant-info-swiper-container .swiper-container {
    width: calc(100vw / 375 * 85);
    min-width: calc(100vw / 375 * 85);
    margin: 0;
    /*max-height: calc(100vh - 45px - calc(100vw / 375 * 44));*/
    background: #F5F5F5;
    height: calc(100vh - 44px - calc(100vw / 375 * 44));
}

.merchant-info-swiper-container-inner {
    width: 100%;
}

.merchant-info-tab {
    padding: calc(100vw / 375 * 12) calc(100vw / 375 * 15);
    border: 0;
    width: 100%;
    background: #F5F5F5;
}

.merchant-info-tab.up {
    border-top-right-radius: calc(100vw / 375 * 5);
}

.merchant-info-tab.down {
    border-bottom-right-radius: calc(100vw / 375 * 5);
}

.merchant-info-tab.selected {
    background: #FFFFFF;
    border-left: calc(100vw / 375 * 3) solid #C8A576;
    border-radius: 0;
    /*border-right: calc(100vw / 375 * 3) solid #C8A576;*/
}

.merchant-info-tab-text {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 16);
    /*height: calc(100vw / 375 * 14);*/
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.selected .merchant-info-tab-text {
    color: #956E3C;
    font-weight: bold;
}

.merchant-info-commodity {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    width: 100%;
}

.merchant-info-commodity-content {
    /*padding: calc(100vw / 375 * 10);*/
    /*background: #F5F5F5;*/
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
    /*border-radius: calc(100vw / 375 * 5);*/
}

.merchant-info-commodity-content:last-child {
    margin-bottom: 0;
}

.merchant-info-commodity-content-img {
    border-radius: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 90);
    min-width: calc(100vw / 375 * 90);
    height: calc(100vw / 375 * 90);
    margin-right: calc(100vw / 375 * 10);
    overflow: hidden;
    position: relative;
}

.merchant-search-commodity-content-img {
    max-width: calc(100vw / 375 * 120);
    width: auto;
    height: calc(100vw / 375 * 100);
    min-height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
    margin-right: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.merchant-info-commodity-content-img img {
    /*max-width: 100%;*/
    width: 100%;
    height: 100%;
    /*min-height: 100%;*/
    border: 0;
    object-fit: cover;
    object-position: center;
}

.merchant-info-commodity-content-detail {
    width: 100%;
}

.merchant-info-commodity-content-title {
    width: 100%;
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 14);*/
    margin-bottom: calc(100vw / 375 * 3);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-info-commodity-content-title-sub {
    width: 100%;
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 14);
    /*height: calc(100vw / 375 * 28);*/
    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;
    word-break: break-all;
}

.merchant-info-commodity-content-box {
    width: 100%;
}

.merchant-info-commodity-content-box.count {
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-info-commodity-content-count {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #999999;
    margin-right: calc(100vw / 375 * 5);
}

.merchant-info-commodity-content-count:last-child {
    margin-right: 0;
}

.merchant-info-commodity-content-price {
    /*width: 100%;*/
}

.merchant-info-commodity-content-price-type {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #FF3C26;
    font-weight: bold;
    margin-right: calc(100vw / 375 * 1);
}

.merchant-info-commodity-content-price-num {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #FF3C26;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-info-commodity-content-price-num--dec {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 11);
    font-weight: 500;
    color: #FF3C26;
    font-weight: bold;
    min-width: fit-content
}

.merchant-info-open {
    width: 100%;
    padding: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
}

.merchant-info-open-text {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

.merchant-detail-info {
    padding: 0 calc(100vw / 375 * 15);
}

.merchant-detail-h {
    width: 100%;
}

.merchant-detail-h img {
    height: calc(100vw / 375 * 9);
    width: auto;
}

.merchant-detail-title {
    padding: calc(100vw / 375 * 10) 0;
}

.merchant-detail-title-text {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-detail-box {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.merchant-detail-box.downUp .merchant-detail-box-title {
    margin-bottom: calc(100vw / 375 * 15);
}

.merchant-detail-box.downUp {
    height: calc(100vw / 375 * 45);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden;
}

.merchant-detail-box.downUp.off {
    height: calc(100vw / 375 * 45) !important;
}

.merchant-detail-box:last-child {
    margin-bottom: 0;
}

.merchant-detail-box-title {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-detail-box-title-text {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-detail-box-title-box {
    width: calc(100vw / 375 * 65);
    min-width: calc(100vw / 375 * 65);
    margin-left: calc(100vw / 375 * 10);
}

.merchant-detail-box-title-sub {
    /*width: calc(100vw / 375 * 75);*/
    /*min-width: calc(100vw / 375 * 75);*/
}

.merchant-detail-box-title-h {
    margin: 0 calc(100vw / 375 * 10);
    width: calc(100vw / 375 * 0.5);
    height: calc(100vw / 375 * 17);
    background: #DDDDDD;
}

.merchant-detail-box-title-sub-icon {
    color: #979797;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    /*margin-left: calc(100vw / 375 * 10);*/
}

.merchant-detail-box-title-sub-icon.position {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #EAC97F;
    background: linear-gradient(270deg, #00aaee, #2abb9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-detail-box-title-sub-icon.contract {
    height: calc(100vw / 375 * 13);
    color: #EAC97F;
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-detail-box-title-sub-text {
    color: #979797;
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
    /*margin-left: calc(100vw / 375 * 5);*/
    margin-top: calc(100vw / 375 * 4);
    width: max-content;
}

.merchant-detail-box-content {
    width: 100%;
}

.merchant-detail-box-content-detail {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-detail-box-content-detail:last-child {
    margin-bottom: 0;
}

.merchant-detail-box-content-detail-icon {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    /*height: calc(100vw / 375 * 12);*/
    color: #979797;
}

.merchant-detail-box-content-detail-icon.position {
    font-size: calc(100vw / 375 * 13);
}

.merchant-detail-box-content-detail-text {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    /*height: calc(100vw / 375 * 12);*/
    margin-left: calc(100vw / 375 * 5);
    /*font-weight: bold;*/
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-detail-box-content-detail-text.html {
    /*color: #1C1C1C;*/
    line-height: calc(100vw / 375 * 18);
    /*font-weight: bold;*/
    margin-left: 0;
    overflow: unset;
    display: flex;
}

.merchant-detail-box-content-detail-text .merchant-map-distance {
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #808080;
    margin-top: 0;
    /*margin-bottom: calc(100vw / 375 * 5);*/
}

.merchant-detail-box-content-img {
    width: 100%;
    height: calc(100vw / 375 * 171);
    background: #F5F5F5;
    overflow: hidden;
    position: relative;
}

.merchant-detail-box-content-img img {
    /*max-height: calc(100vw / 375 * 170);*/
    height: calc(100vw / 375 * 170);
    width: auto;
}

.merchant-detail-box-title-img-icon {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    margin-left: calc(100vw / 375 * 5);
    color: #979797;
    transition: all .2s ease-in-out;
}

.merchant-detail-box-title-img-icon.downUp {
    transform: rotate(90deg);
}

.merchant-detail-content-mark {
    position: fixed;
    right: calc(100vw / 375 * 20);
    bottom: calc(100vw / 375 * 40);
}

.merchant-detail-content-mark-outer {
    background: linear-gradient(270deg, #FFD2BC, #BE9662);
    border: calc(100vw / 375 * 2) solid #FFFFFF;
    border-radius: 50%;
    padding: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-detail-content-mark-icon {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #FFFFFF;
}

.merchant-detail-content-mark-text {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #BE9662;
    /*font-weight: bold;*/
}

.merchant-detail-content {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(180deg, #FAF2E7, #FFFFFF);
    padding: 25px 0 0 0;
    min-height: 53px;
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.merchant-detail-content.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.merchant-detail-content-title {
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0 20px;
    color: #1C1C1C;
}

.merchant-detail-content-cancel {
    position: absolute;
    top: 28px;
    right: 15px;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    color: #1C1C1C;
}

.merchant-detail-content-box {
    padding: 10px;
    width: 100%;
}

.merchant-detail-content-body {
    width: 100%;
    max-height: calc(100vh - (100vh / 667) * (150 + 159));
    min-height: 50px;
    overflow-y: auto;
}

.merchant-detail-content-box .merchant-detail-h img {
    height: 9px;
}

.merchant-detail-content-body.nodata {
    background: #CCCCCC;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    height: auto;
    padding: 15px 0;
    border-radius: 5px;
    min-height: inherit;
}

.merchantInfo-html--map {
    color: #fff;
}

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

.merchant-detail-body-outer {
    position: relative;
    border-radius: calc(100vw / 375 * 5);
    z-index: 0;
}

.merchant-detail-body-img {
    margin-right: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 90);
}

.merchant-detail-body-more {
    position: absolute;
    border-radius: calc(100vw / 375 * 9);
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 5) calc(100vw / 375 * 4) calc(100vw / 375 * 7);
    background: rgba(0, 0, 0, 0.8);
    right: calc(100vw / 375 * 5);
    bottom: calc(100vw / 375 * 5);
    z-index: 1;
    box-shadow: 0px 0px 7px 0px rgba(28, 28, 28, 0.8);
}

.merchant-detail-body-more span {
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
    color: #FFFFFF;
}

.merchant-detail-body-more i {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    color: #FFFFFF;
}

.merchant-eval-outer {
    width: 100%;
}

.merchant-eval {
    margin: 0 calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 10);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
}

.merchant-eval-noData {
    color: #999999;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    padding: calc(100vw / 375 * 10);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-eval-img-noData {
    color: #808080;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    padding: calc(100vw / 375 * 15);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-eval-title {
    margin-top: calc(100vw / 375 * 15);
}

.merchant-eval-list {
    margin-top: calc(100vw / 375 * 15);
}

.merchant-eval-user {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 15);
}

/*.merchant-eval-user:last-child {*/
/*margin-top: 0;*/
/*}*/

.merchant-eval-user-img {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    min-width: calc(100vw / 375 * 40);
    overflow: hidden;
    border-radius: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 10);
    position: relative;

}

.merchant-eval-user-img img {
    width: 100%;
    height: 100%;
    border: 0;
}

.merchant-eval-user-title {
    width: 100%;
}

.merchant-eval-user-title-text {
    width: 100%;
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    margin-bottom: calc(100vw / 375 * 7);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-eval-user-title-time {
    width: 100%;
    color: #999999;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    /*font-weight: bold;*/
    /*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;
    word-break: break-all;
}

.merchant-eval-user-title-icon {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-eval-user-title-icon-item {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin-right: calc(100vw / 375 * 3);
}

.merchant-eval-user-title-icon-item.yes {
    color: #EC5629;
}

.merchant-eval-user-title-icon-item.no {
    color: #EEEEEE;
}

.merchant-eval-user-title-icon-sub {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #999999;
}

.merchant-eval-user-title-icon-text {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #EC5629;
}

.merchant-eval-user-content {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 12);*/
    color: #999999;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-eval-user-images-list {
    width: 100%;
    grid-gap: calc(100vw / 375 * 5) calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-eval-user-images-list.one {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: calc(100vw / 375 * 180);
    height: calc(100vw / 375 * 180);
}

.merchant-eval-user-images-list.two {
    grid-template-columns: 2fr 2fr;
    grid-template-rows: 1fr;
    width: calc(100vw / 375 * 265);
    height: calc(100vw / 375 * 130);
}

.merchant-eval-user-images-list.three {
    grid-template-columns: 2fr;
    grid-template-rows: 2fr 1fr 1fr;
    width: calc(100vw / 375 * 250);
    height: calc(100vw / 375 * 165);
}

.merchant-eval-user-images {
    min-width: calc(100vw / 375 * 80);
    width: calc(100vw / 375 * 80);
    height: calc(100vw / 375 * 80);
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    position: relative;
    /*margin-right: calc(100vw / 375 * 5);*/
}

.merchant-eval-user-images-list.one .merchant-eval-user-images {
    min-width: calc(100vw / 375 * 180);
    width: calc(100vw / 375 * 180);
    height: calc(100vw / 375 * 180);
}

.merchant-eval-user-images-list.two .merchant-eval-user-images {
    min-width: calc(100vw / 375 * 130);
    width: calc(100vw / 375 * 130);
    height: calc(100vw / 375 * 130);
}

.merchant-eval-user-images-list.three > div:nth-of-type(1) {
    min-width: calc(100vw / 375 * 165);
    width: calc(100vw / 375 * 165);
    height: calc(100vw / 375 * 165);
    grid-column: 1 / 3;
    grid-row: 1 / 5;
}

.merchant-eval-user-images-list.three > div:nth-of-type(2) {
    grid-column: 3 / 5;
    grid-row: 1 / 2;
}

.merchant-eval-user-images-list.three > div:nth-of-type(3) {
    grid-column: 3 / 5;
    grid-row: 2 / 2;
}

.merchant-eval-user-images img {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.merchant-eval-user-reply {
    width: 100%;
}

.merchant-eval-user-reply {
    width: 100%;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: #F5F5F5;
    border-radius: calc(100vw / 375 * 5);
}

.merchant-eval-user-reply-body {
    width: 100%;
}

.merchant-eval-user-reply-title {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-eval-user-reply-title > span {
    color: #4D4D4D;
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
}

.merchant-eval-user-reply-title > span:last-child {
    color: #4D4D4D;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
}

.merchant-eval-user-reply-content {
    color: #999999;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 14);
}

.merchant-eval-btn {
    font-weight: bold;
    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: 0 calc(100vw / 375 * 30);
    z-index: 1000;
}

.merchant-eval-btn > span {
    color: #1B1B1C;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 15);
}

.merchant-eval-edit {
    width: 100%;
    margin-top: calc(100vw / 375 * 10);
}

.merchant-eval-replay {
}

.merchant-eval-replay > i {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #C8A576;
}

.merchant-eval-replay > span {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    color: #C8A576;
    margin-left: calc(100vw / 375 * 5);
}

.merchant-eval-delete {
    margin-left: calc(100vw / 375 * 5);
}

.merchant-eval-delete > i {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #999999;
}

.merchant-eval-delete > span {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    color: #999999;
    margin-left: calc(100vw / 375 * 5);
}

.merchant-eval-input {
    position: fixed;
    bottom: 0;
    background: rgba(69, 62, 55, 1);
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 10);
    width: 100%;
}

.merchant-eval-input .goPay-s {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5) !important;
    overflow: hidden;
}

.merchant-eval-input .goPay-s .input-del-workorder {
    color: #1C1C1C !important;
}

.merchant-eval-input .goPay-input {
    color: #1C1C1C !important;
    font-size: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 28) !important;
    line-height: calc(100vw / 375 * 28) !important;
    padding: 0 calc(100vw / 375 * 30) 0 calc(100vw / 375 * 10) !important;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.merchant-eval-input-btn {
    padding: calc(100vw / 375 * 8) calc(100vw / 375 * 10);
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 28);
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    border-radius: calc(100vw / 375 * 5);
    font-weight: bold;
    width: max-content;
    margin-left: calc(100vw / 375 * 5);
}

.merchant-eval-input-btn.activated {
    background: linear-gradient(270deg, #f0c68e, #feeed5);
}

.merchant-eval-input-btn:last-child {
    padding: calc(100vw / 375 * 10);
    color: #C8A576;
    background: #453E37;
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #C8A576;
    font-weight: bold;
    width: max-content;
}

.merchant-eval-input-btn:last-child.activated {
    background: #686158;
}

.merchant-eval-top {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #956E3C;
}

.merchant-eval-sub {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-eval-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
}

.merchant-eval-header-title {
    width: 100%;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 21);
    font-weight: bold;
    color: #1A1A1A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-eval-header-img {
    min-width: calc(100vw / 375 * 60);
    width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 60);
    margin-right: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 4);
    overflow: hidden;
}

.merchant-eval-header-img img {
    width: 100%;
    height: 100%;
    border: 0;
}

.merchant-eval-score {
    padding-bottom: calc(100vw / 375 * 30);
    padding: calc(100vw / 375 * 15) 0;
    width: 100%;
}

.merchant-eval-score-left {
    margin-right: calc(100vw / 375 * 10);
}

.merchant-eval-score-left span {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    color: #1C1C1C;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-eval-score-left span:last-child {
    margin-bottom: 0;
}

.merchant-eval-score-left .total {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
    font-weight: bold;
}

.merchant-eval-score-lc {
    width: 70%;
}

.merchant-eval-score-center {
    width: inherit;
}

.merchant-eval-score-right {
}

.merchant-eval-score-right-content {
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-eval-score-right-content:last-child {
    margin-bottom: 0;
}

.merchant-eval-score-right span {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    color: #1C1C1C;
    margin-right: calc(100vw / 375 * 5);
}

.merchant-eval-score-right span:last-child {
    margin-right: 0;
    color: #EC5629;
}

.merchant-eval-score-right .total {
    line-height: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
}

.merchant-eval-score-right .noShow {
    color: transparent !important;
}

.merchant-eval-score-icon {
    font-size: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    /*margin-right: calc(100vw / 375 * 5);*/
    /*color: #E8E8E8;*/
    background: linear-gradient(to right, #A4A2A3 0%, #A4A2A3 50%, #C4C4C4 51%, #C4C4C4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-eval-score-icon:last-child {
    margin-bottom: 0;
}

.merchant-eval-score-icon.total {
    font-size: calc(100vw / 375 * 28);
    line-height: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
}

/*.merchant-eval-score-icon:last-child {*/
/*    margin-right: 0;*/
/*}*/

.merchant-eval-score-icon.yes {
    background: linear-gradient(0deg, #EC5629, #EC5629);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*color: #EC5629;*/
}

.merchant-eval-score-icon.half {
    background: linear-gradient(to right, #EC5629 0%, #EC5629 50%, #C4C4C4 51%, #C4C4C4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-eval-score-text {
    margin-top: calc(100vw / 375 * 10);
}

.merchant-eval-score-text > span {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #1C1C1C;
}

.merchant-eval-score-text > span:last-child {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #EC5629;
}

.merchant-eval-content {
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    background: #FFFFFF;
    padding: calc(100vw / 375 * 10);
    color: #1C1C1C;
    /*min-height: 200px;*/
}

.merchant-eval-content-header {
    width: 100%;
    padding-bottom: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 10);
    border-bottom: 1px solid #DDDDDD;
}

.merchant-eval-content-header-img {
    min-width: calc(100vw / 375 * 40);
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    border-radius: 50%;
    border: 2px solid #B0B0B0;
    overflow: hidden;
}

.merchant-eval-content-header-img img {
    width: 100%;
    height: 100%;
    border: 0;
}

.merchant-eval-content-header-title {
}

.merchant-eval-content-header-title > span {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-eval-content-header-sub {
    margin-top: calc(100vw / 375 * 8);
    margin-left: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #B0B0B0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-eval-content-header-title .icon-span.addr-ciosn {
    width: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    border-color: #956E3C;
}

.merchant-eval-content-header-title > i.add-icon-sss {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-right: calc(100vw / 375 * 5);
    color: #FEEAD0;
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-eval-content-body {
    width: 100%;
    min-height: calc(100vw / 375 * 130);
    font-size: calc(100vw / 375 * 12);
    color: #1C1C1C;
}

.merchant-eval-content-img {
    width: 100%;
    margin-top: calc(100vw / 375 * 10);
}

.merchant-eval-content-btn {
    padding: calc(100vw / 375 * 15);
    background: #F4F4F4;
    border: 1px dashed #AFAFAF;
    border-radius: calc(100vw / 375 * 5);
    /*margin-right: calc(100vw / 375 * 5);*/
}

/*.merchant-eval-content-btn:last-child {*/
/*margin-right: calc(100vw / 375 * 10);*/
/*}*/

.merchant-eval-content-btn > img {
    width: calc(100vw / 375 * 24);
    height: calc(100vw / 375 * 24);
}

.merchant-eval-content-btn > span {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #979797;
    width: max-content;
}

.merchant-eval-content-text {
    color: #B0B0B0;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);;
}

.merchant-eval-bg .button {
    background-image: unset !important;
    color: #FFFFFF !important;;
    width: auto;
    height: 25px;
    min-height: 25px;
    border-radius: 13px;
    background: #EC5629;
    padding: 10px 12px;
    font-size: 11px !important;
    line-height: 11px !important;
    margin: 0;
    box-shadow: none;
    border: 0;
}

.merchant-eval-bg .button.activated {
    background: #cf4e26;
}

.merchant-eval-content-images {
    min-width: calc(100vw / 375 * 80);
    width: calc(100vw / 375 * 80);
    height: calc(100vw / 375 * 73);
    border-radius: calc(100vw / 375 * 3);
    overflow: hidden;
    position: relative;
    /*margin-right: calc(100vw / 375 * 5);*/
}

.merchant-eval-content-images img {
    width: 100%;
    height: 100%;
    border: 0;
    position: relative;
    z-index: 0;
}

.merchant-eval-content-list {
    margin-top: calc(100vw / 375 * 5);
    column-gap: calc(100vw / 375 * 5);
    row-gap: calc(100vw / 375 * 5);
}

.merchant-eval-content-images-del {
    position: absolute;
    z-index: 1;
}

.merchant-eval-content-images-del i {
    font-size: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    color: #E6E6E6;
    width: max-content;
}

.merchant-eval-content-images-del span {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #E6E6E6;
    width: max-content;
}

.merchant-detail-eval-mark {
    position: fixed;
    right: calc(100vw / 375 * 20);
    bottom: calc(100vw / 375 * 40);
}

.merchant-detail-eval-mark-outer {
    background: linear-gradient(270deg, #FFD2BC, #FE6937);
    border: calc(100vw / 375 * 2) solid #FFFFFF;
    border-radius: 50%;
    padding: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-detail-eval-mark-icon {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #FFFFFF;
}

.merchant-detail-eval-mark-text {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #FE6937;
    /*font-weight: bold;*/
}

.swiper-container.merchant-info-swiper-container-mark {
    position: fixed;
    top: calc(44px + calc(100vw / 375 * 45));
    left: 0;
    width: calc(100vw / 375 * 85);
    min-width: calc(100vw / 375 * 85);
    margin: 0;
    max-height: calc(100vh - 44px - calc(100vw / 375 * 45));
    height: calc(100vh - 44px - calc(100vw / 375 * 45));
    background: #F5F5F5;
    z-index: 0;
}

.merchant-pay-header {
    width: 100%;
    margin: calc(100vw / 375 * 20) 0;
}

.merchant-pay-header-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 21);
    font-weight: bold;
    color: #1A1A1A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-pay-header-img {
    min-width: calc(100vw / 375 * 60);
    width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 60);
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 4);
    overflow: hidden;
}

.merchant-pay-header-img img {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.merchant-pay-input {
    margin-bottom: calc(100vw / 375 * 10);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10);
}

.merchant-pay-input-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #1C1C1C;
}

.merchant-pay-input-body {
    position: relative;
    margin-top: calc(100vw / 375 * 10);
}

.merchant-pay-input-number {
    height: calc(100vw / 375 * 40) !important;
    background: #F6F5F5 !important;
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
    border-radius: calc(100vw / 375 * 5);
    width: 100%;
    color: #1C1C1C !important;
    border: none !important;
    padding: 0 calc(100vw / 375 * 35) 0 calc(100vw / 375 * 10) !important;
}

.merchan-pay-input-del {
    position: absolute;
    right: calc(100vw / 375 * 10);
    color: #1C1C1C;
    display: block;
}

.write .merchan-pay-input-del {
    display: none;
}

.merchant-pay-input-captcha {
    padding-right: calc(100vw / 375 * 120) !important;
}

.merchant-pay-input-body .quick-dynamic-box--button {
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
}

.merchant-pay-input-body .quick-dynamic-box--button {
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
}

.merchant-pay-input-body .quick-dynamic-box--button.click {
    color: #FFFFFF !important;
    background: linear-gradient(270deg, #2E2A32, #6A635E);
}

.merchant-pay-bg .login_button {
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
}

.merchant-pay-bg .payDetails-p {
    margin: 0;
    margin-bottom: calc(100vw / 375 * 10);
    background: #FFFFFF;
}

.merchant-pay-bg .payDetails-method-item--title,
.merchant-pay-bg .payDetails-itm--val,
.merchant-pay-bg .payDetails-pIcon,
.merchant-pay-bg .payDetails-pTtiel {
    color: #1C1C1C;
}

.merchant-pay-bg .payDetails-icon-span {
    border: 1px solid #956E3C;
}

.merchant-pay-bg .icon-icon_duihao-mian {
    color: #956E3C;
}

.discount-header.store {
    /*box-shadow: 0px 4px 14px 4px rgb(208 208 208 / 50%); */
    box-shadow: -5px 5px 10px -4px rgba(196, 196, 196, 0.3), 5px 5px 10px -4px rgba(196, 196, 196, 0.3);
    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;
    padding-top: calc(100vw / 375 * 5) !important;
}

.vd-container {
    /*background: #FFFFFF;*/
    /*box-shadow: 0 0 calc(100vw / 375 * 5) calc(100vw / 375 * 2) rgba(196, 196, 196, 0.3);*/
    border-radius: calc(100vw / 375 * 5);
    /*padding-bottom: calc(100vw / 375 * 10);*/
}

.vd-container .vd-slide > ul:first-child {
    border-top-left-radius: calc(100vw / 375 * 5);
    border-bottom-left-radius: calc(100vw / 375 * 5);
}

.vd-container .vd-slide > ul:last-child {
    border-top-right-radius: calc(100vw / 375 * 5);
    border-bottom-right-radius: calc(100vw / 375 * 5);
}

.merchant-result-header {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 30)
}

.merchant-result-header-img {
    height: calc(100vw / 375 * 140);
}

.merchant-result-header-img img {
    width: auto;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.merchant-result-header-title {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    font-weight: bold;
    color: #1C1C1C;
}

.merchant-result-item {
    height: calc(100vw / 375 * 58);
    background: #FFFFFF;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-result-item-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #1C1C1C;
    min-width: calc(100vw / 375 * 56);
    margin-right: calc(100vw / 375 * 10);
}

.merchant-result-item-text {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 14);*/
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    text-align: end;
}

.merchant-result-item-sub {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-size: calc(100vw / 375 * 13);
    color: #1C1C1C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-result-item-box {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 25) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-result-item-info {
    height: calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 15);
}

.merchant-result-item-info:last-child {
    margin-bottom: 0;
}

.merchant-more-mark {
    position: fixed;
    right: calc(100vw / 375 * 20);
    bottom: calc(100vw / 375 * 40);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.merchant-more-mark-outer {
    background: #BE9662;
    border: calc(100vw / 375 * 2) solid #FFFFFF;
    border-radius: 50%;
    padding: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-more-mark-icon {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #FFFFFF;
}

.merchant-more-mark-text {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: transparent;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.merchant-more-mark-text.on {
    color: #BE9662;
}

.merchant-more-mark.first .merchant-more-mark-outer {
    background: #FFFFFF;
    border: calc(100vw / 375 * 2) solid #BE9662;
}

.merchant-more-mark.first .merchant-more-mark-icon {
    color: #BE9662;
}

.merchant-more-mark.first {
    z-index: 2 !important;
}

.merchant-more-mark.second {
    bottom: calc(100vw / 375 * 90);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.merchant-more-mark.choosed .merchant-more-mark-outer {
    background: #453E37;
}

.merchant-more-mark.choosed .merchant-more-mark-icon {
    color: #EAC97F;
    background: linear-gradient(270deg, #C8A475, #FEEAD0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.merchant-more-mark.third {
    bottom: calc(100vw / 375 * 140);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.trade-succeed i {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    color: #FFFFFF;
}

.trade-succeed span {
    margin-top: 3px;
    font-size: 8px;
    height: 8px;
    line-height: 8px;
    color: #FFFFFF;
}

.trade-succeed.warm i {
    color: #292929;
}

.trade-succeed.warm span {
    color: #292929;
}

.merchant-owner {
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    background: linear-gradient(180deg, #615A52, #AAA096);
    /*padding: calc(100vw / 375 * 10);*/
    position: absolute;
    right: calc(100vw / 375 * 10);
    top: calc(44px + calc(100vw / 375 * 10));
    width: calc(100vw / 375 * 280);
    z-index: 9999;
    opacity: 0;
    transform: translate3d(calc(100vw / 375 * 300), 0, 0);
    -webkit-transform: translate3d(calc(100vw / 375 * 300), 0, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.merchant-owner.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.merchant-owner-img {
    border-radius: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 40);
    min-width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    margin-right: calc(100vw / 375 * 10);
    overflow: hidden;
}

.merchant-owner-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
}

.merchant-owner-box-outer {
    margin: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
}

.merchant-owner-box-inner {
    max-height: calc(100vh / 2);
    overflow-y: auto;
}

.merchant-owner-box {
    margin-bottom: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    background: linear-gradient(270deg, #453E37, #453E37);
}

.merchant-owner-box:last-child {
    margin-bottom: 0;
}

.merchant-owner-title {
    margin-bottom: calc(100vw / 375 * 3);
    width: 100%;
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-owner-box .merchant-icon-text,
.merchant-owner-box .merchant-icon-item {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
}

.merchant-owner-box .merchant-icon {
    margin-bottom: calc(100vw / 375 * 3);
}

.merchant-owner-box .merchant-map-text,
.merchant-owner-box .merchant-map-icon {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
}

.merchant-owner-box .merchant-map-tips {
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-owner-more {
    width: 100%;
}

.merchant-owner-more span {
    color: #9F7846;
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
}

.merchant-owner-more i {
    color: #9F7846;
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
}

.merchant-owner-icon {
    transform: rotate(270deg);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #F8E8D3;
    margin: calc(100vw / 375 * 10) auto;
}

.merchant-bg .button {
    background-image: unset !important;
    color: #1C1C1C !important;;
    width: auto;
    height: calc(100vw / 375 * 31);
    min-height: calc(100vw / 375 * 31);
    border-radius: calc(100vw / 375 * 16);
    background-image: linear-gradient(270deg, #C8A475, #FEEAD0) !important;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 31) !important;
    margin: 0;
    box-shadow: none;
    position: absolute;
    z-index: 1;
    right: calc(100vw / 375 * 2) !important;
    border: 0;
}

.merchant-bg .button.activated {
    background-image: linear-gradient(270deg, #e6c18c, #feeed4) !important;
}

.merchant-bg .button:hover {
    color: #1C1C1C;
}

.merchant-search-list {
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    background: #F5F5F5;
    /*padding: calc(100vw / 375 * 10);*/
    position: absolute;
    left: calc(100vw / 375 * 10);
    top: calc(44px + calc(100vw / 375 * 55));
    z-index: 1000;
    display: none;
}

.merchant-search-box {
    margin: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    background: transparent;
}

.merchant-search-box .goPay-s {
    width: 100%;
}

.merchant-search-box .button {
    background-image: unset !important;
    color: #FFFFFF !important;;
    width: calc(100vw / 375 * 50);
    height: calc(100vw / 375 * 28);
    min-height: calc(100vw / 375 * 28);
    border-radius: calc(100vw / 375 * 14);
    background-image: linear-gradient(270deg, #BE9662, #BE9662) !important;
    padding: 0;
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 28) !important;
    margin: 0;
    box-shadow: none;
    border: 0;
    position: relative;
}

.merchant-search-box .button.activated {
    background-image: linear-gradient(270deg, #dcb37a, #dcb37a) !important;
}

.merchant-search-input {
    width: 100%;
    margin-right: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 28) !important;
    padding-left: calc(100vw / 375 * 10) !important;
    padding-right: calc(100vw / 375 * 30);
    border: 1px solid #BE9662 !important;;
    border-radius: calc(100vw / 375 * 14);
    margin-left: 0 !important;
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 28) !important;
    color: #1C1C1C !important;
}

.merchant-search-input .goPay-input::-webkit-input-placeholder {
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 28) !important;
    height: calc(100vw / 375 * 28) !important;
    position: relative;
    color: #A7A7A7;
}

.merchant-search-input-del {
    position: absolute;
    right: calc(100vw / 375 * 20);
    color: #1C1C1C;
    display: block;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
}

.write .merchant-search-input-del {
    display: none;
}

.merchant-search-history {
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin: calc(100vw / 375 * 10) 0;
    font-weight: bold;
}

.merchant-search-body {
    width: 100%;
    column-gap: calc(100vw / 375 * 10);
    row-gap: calc(100vw / 375 * 10);
    max-height: calc(100vw / 375 * 200);
}

.merchant-search-body.scroll {
    overflow-y: scroll;
}

.merchant-search-content-noda {
    width: 100%;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #1C1C1C;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-search-content {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #9F7846;
    border-radius: calc(100vw / 375 * 11);
    max-width: fit-content;
    min-width: calc(100vw / 375 * 50);
}

.merchant-search-content.activated {
    background: #DDDDDD;
    color: #FFFFFF;
}

.merchant-search-icon {
    transform: rotate(180deg);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    color: #BE9662;
    margin: calc(100vw / 375 * 10) auto;
}

.merchant-search-result {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top-left-radius: calc(100vw / 375 * 15);
    border-top-right-radius: calc(100vw / 375 * 15);
    background: #FFFFFF;
    min-height: 53px;
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    /*height: 0;*/
}

.merchant-search-result.show {
    /*height: max-content;*/
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.merchant-search-result .merchant-info-content {
    background: #FFFFFF;
    padding: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
}

.merchant-search-result .merchant-info-page {
    background: #FFFFFF;
}

.merchant-search-result .merchant-item {
    padding: 0;
}

.merchant-search-box .goPay-s {
    width: 100%;
}

.merchant-search-result .button {
    background-image: unset !important;
    color: #956E3C !important;;
    width: calc(100vw / 375 * 60);
    min-width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 35);
    min-height: calc(100vw / 375 * 35);
    border-radius: calc(100vw / 375 * 18);
    background-image: linear-gradient(270deg, #F8E8D3, #F8E8D3) !important;
    padding: 0;
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 35) !important;
    margin: 0;
    box-shadow: none;
    border: 0;
    position: relative;
}

.merchant-search-result .button.activated {
    background-image: linear-gradient(270deg, #d5c5b0, #d5c5b0) !important;
}

.merchant-search-result .button:hover {
    color: #956E3C;
}

.merchant-search-result .goPay-s {
    width: 100%;
}

.merchant-info-input {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-search-result .merchant-search-input {
    width: 100%;
    margin-right: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 35) !important;
    padding-left: calc(100vw / 375 * 15) !important;
    padding-right: calc(100vw / 375 * 35);
    border: 0 !important;;
    border-radius: calc(100vw / 375 * 18);
    font-size: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 35) !important;
    background: #F5F5F5 !important;
}

.merchant-search-result .merchant-search-input .goPay-input::-webkit-input-placeholder {
    font-size: calc(100vw / 375 * 14) !important;
    line-height: calc(100vw / 375 * 35) !important;
    height: calc(100vw / 375 * 35) !important;
    position: relative;
    color: #A7A7A7;
}

.merchant-search-result .merchant-search-input-del {
    position: absolute;
    right: calc(100vw / 375 * 25);
    color: #1C1C1C;
    display: block;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
}

.merchant-search-result .write .merchant-search-input-del {
    display: none;
}

.merchant-search-result .merchant-main {
    margin-bottom: 0;
    padding: calc(100vw / 375 * 10) 0;
    border-bottom: 1px solid #E5E5E5;
}

.merchant-search-result .merchant-main:first-child {
    padding-top: 0 !important;
}

.merchant-search-result .merchant-main:last-child {
    padding-bottom: 0 !important;
    border: 0;
}

.merchant-main-outer {
    width: 100%;
    max-height: calc(100vh - (100vh / 667) * (150 + 105));
    min-height: 50px;
    overflow: hidden !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

.merchant-main-outer-cordova {
    overflow-y: auto !important;
}

.merchant-search {
    position: relative;
    top: 44px;
    z-index: 100;
    background-image: linear-gradient(270deg, #453E37, #453E37) !important;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.merchant-tab-more {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    z-index: 1;
    border: 0;
    padding: calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(245, 245, 245, 1)) 90%;
}

.merchant-tab-more > i {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #956E3C;
}

.merchant-result-timer {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.merchant-result-timer-header {
    width: 100%;
    padding-bottom: calc(100vw / 375 * 10);
    border-bottom: 1px solid #E5E5E5;
}

.merchant-result-timer-header span {
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
}

.merchant-result-timer-content {
    width: 100%;
    padding: calc(100vw / 375 * 30) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
}

.merchant-result-timer-box {
    position: relative;
    width: 100%;
    padding: calc(100vw / 375 * 10) 0 calc(100vw / 375 * 30) calc(100vw / 375 * 20);
    border-left: 1px solid #C5C5C5;
}

.merchant-result-timer-box.lined {
    border-left: 1px solid #956E3C;
}

.merchant-result-timer-box.failed {
    border-left: 1px solid #FFB65D !important;
}

.merchant-result-timer-box:last-child {
    border-left: 0 !important;
    padding-bottom: 0;
}

.merchant-result-timer-big-point {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(-1 * (100vw / 375 * 9));
    margin-top: calc(-1 * (100vw / 375 * 9));
    background: #EEEEEE;
    height: calc(100vw / 375 * 18);
    width: calc(100vw / 375 * 18);
    padding: calc(100vw / 375 * 3);
    border-radius: 50%;
}

.checked .merchant-result-timer-big-point {
    background: #F8EBDA !important;
}

.failed .merchant-result-timer-big-point {
    background: #FFECD6;
}

.merchant-result-timer-big-point-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #C5C5C5;
}

.checked .merchant-result-timer-big-point-inner {
    background: #956E3C !important;
}

.failed .merchant-result-timer-big-point-inner {
    background: #FFB65D;
}

.express-main--content:last-child {
    border-left: 1px solid #4D4D4D;
    padding-bottom: 0;
}

.merchant-result-timer-title {
    width: 100%;
    color: #1C1C1C;
    font-weight: bold;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    position: absolute;
    top: calc(-1 * (100vw / 375 * 7));
}

.checked .merchant-result-timer-title {
    color: #956E3C !important;
}

.failed .merchant-result-timer-title {
    color: #FFAD49;
}

.merchant-result-timer-text {
    width: 100%;
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 12);*/
    margin-top: calc(100vw / 375 * 5);
}

.merchant-result-timer-text .expiration-time {
    color: #956E3C;
    font-weight: bold;
}

.merchant-result-timer-time {
    width: 100%;
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin-top: calc(100vw / 375 * 5);
}

.merchant-result-bg .payDetails-itm--val {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-size: calc(100vw / 375 * 13);
    color: #1C1C1C;
}

.merchant-result-bg .title-wait--timer-text {
    color: #1C1C1C;
}

.merchant-pay-bg .tips-theme {
    color: #956E3C !important;
    background-image: linear-gradient(270deg, #FFECD5, #FFECD5) !important;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-result-bg .title-wait--timer-number {
    background-image: linear-gradient(180deg, #FEEFDE, #FFCA89) !important;
    color: #1C1C1C;
}

.merchant-result-bg .button {
    background-image: unset !important;
    color: #FFFFFF !important;;
    width: auto;
    height: 25px;
    min-height: 25px;
    border-radius: 13px;
    background: #EC5629;
    padding: 10px 12px;
    font-size: 11px !important;
    line-height: 11px !important;
    margin: 0;
    box-shadow: none;
    border: 0;
}

.merchant-result-bg .button.activated {
    background: #cf4e26;
}

.merchant-detail-box-title-sub-inner {
    padding: calc(100vw / 375 * 4);
    background: #F5F5F5;
    border-radius: calc(100vw / 375 * 9);
}

.merchant-map-bg.map-main {
    /*height: 108px;*/
}

.merchant-map-bg.map-main.off {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
}

.merchant-map-bg .map-main--box {
    margin-bottom: 0;
}

.merchant-map-bg .merchantInfo-big-map {
    height: calc(100vh - 83px);
}

.merchant-map-bg .merchantInfo-big-map.off {
    height: calc(100vh);
}

.merchant-map-bg .merchantInfo-big-map-my {
    height: calc(100vh - 83px);
}

.merchant-map-bg .merchantInfo-big-map-my.off {
    height: calc(100vh);
}

.merchant-result-bg .trade-succeed.left {
    color: #956E3C !important;
}

.merchant-map-bg .platform-store-top {
    background: url(../img/dfk/merchant-map-top.png) 100% no-repeat;
    background-size: 100%;
}

.merchant-img-content {
    grid-template-columns: repeat(2, calc((100vw - (100vw / 375 * 30)) / 2));
    grid-column-gap: calc(100vw / 375 * 10);
    grid-row-gap: calc(100vw / 375 * 10);
}

.merchant-img-body {
    border-radius: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 173);
    width: auto;
    overflow: hidden;
    position: relative;
}

.merchant-img-body img {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.merchant-img-container-outer {
    position: relative;
    top: 44px;
    z-index: 100;
    width: 100%;
    background: #FAF2E7;
    height: calc(100vw / 375 * 68);
}

.merchant-img-container {
    width: 100%;
    padding: calc(100vw / 375 * 12) 0 calc(100vw / 375 * 6) 0;
    background: #FAF2E7;
    overflow: hidden;
    height: calc(100vw / 375 * 41);
}

.merchant-img-tab-slide {
    margin: 0 calc(100vw / 375 * 15);
    width: auto;
}

.merchant-img-tab-text {
    font-size: calc(100vw / 375 * 14);
    color: #1C1C1C;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    max-width: calc(100vw / 2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    /*-webkit-transition: all .2s ease;*/
    /*transition: all .2s ease;*/
}

.chooseSelected .merchant-img-tab-text {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
}

.merchant-img-tab-line {
    margin-top: calc(100vw / 375 * 5);
    width: 0;
    height: calc(100vw / 375 * 3);
    border-radius: calc(100vw / 375 * 2);
    background: #C36C01;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.chooseSelected .merchant-img-tab-line {
    width: calc(100vw / 375 * 20);
}

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

.swiper-container.merchant-img-bg {
    position: absolute;
    top: 0;
}

.merchant-img-sub {
    width: 100%;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.merchant-img-sub-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #858585;
}

.merchant-img-sub-sort {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #1C1C1C;
}

.motion-my-sub-h,
.merchant-img-sub-h {
    height: calc(100vw / 375 * 12);
    width: 1px;
    background: #858585;
    margin: 0 calc(100vw / 375 * 10);
}

.merchant-img-sub-icon {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #BE9662;
    margin-left: calc(100vw / 375 * 5);
}

.bg-color.merchant-img-bg {
    bottom: 55px
}

.merchant-img-bg .deal-btn--s {
    padding: 15px 0;
    color: #666;
    flex: 0.5;
    background: #F8F8F9;
    min-height: 45px;
}

.merchant-img-bg .deal-btn--s img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: calc(100vw / 375 * 10);
}

.merchant-img-bg .deal-btn--s span {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #1C1C1C;
}

.merchant-search-main-box {
    border-radius: 15px;
    background: #FFFFFF;
    padding: 2px;
    width: 100%;
    margin: 0 calc(100vw / 375 * 10);
    /*margin-right: 40px;*/
}

.merchant-search-main-box .goPay-s {
    width: 100%;
}

.merchant-search-main-box .button {
    background-image: unset !important;
    color: #FFFFFF !important;
    width: 50px;
    height: 25px;
    min-height: 25px;
    border-radius: 13px;
    background-image: linear-gradient(270deg, #BE9662, #BE9662) !important;
    padding: 0;
    font-size: 12px !important;
    line-height: 25px !important;
    margin: 0;
    box-shadow: none;
    border: 0;
    position: relative;
}

.merchant-search-main-box .button.activated {
    background-image: linear-gradient(270deg, #dcb37a, #dcb37a) !important;
}

.merchant-search-main-input {
    width: 100%;
    /*margin-right: 10px;*/
    height: 25px !important;
    padding-left: 10px !important;
    padding-right: 30px;
    border: none !important;;
    border-radius: 13px;
    margin-left: 0 !important;
    font-size: 12px !important;
    line-height: 25px !important;
    color: #1C1C1C !important;
}

.merchant-search-main-input .goPay-input::-webkit-input-placeholder {
    font-size: 12px !important;
    line-height: 25px !important;
    height: 25px !important;
    position: relative;
    color: #A7A7A7;
}

.merchant-search-main-input-del {
    position: absolute;
    right: 10px;
    color: #1C1C1C;
    display: block;
    font-size: 12px;
    line-height: 25px;
    height: 25px;
}

.write .merchant-search-main-input-del {
    display: none;
}

.merchant-search-main-history {
    width: 100%;
    border-top-left-radius: calc(100vw / 375 * 10);
    border-top-right-radius: calc(100vw / 375 * 10);
    background: #FFFFFF;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15);
}

.merchant-search-main-history-title {
    color: #1C1C1C;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    margin: calc(100vw / 375 * 10) 0;
    font-weight: bold;
}

.merchant-search-main-history-icon {
    color: #858585;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.merchant-search-main-body {
    width: 100%;
    column-gap: calc(100vw / 375 * 10);
    row-gap: calc(100vw / 375 * 10);
    max-height: calc(100vw / 375 * 200);
}

.merchant-search-main-body.scroll {
    overflow-y: scroll;
}

.merchant-search-main-content-noda {
    width: 100%;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #1C1C1C;
    margin-bottom: calc(100vw / 375 * 10);
}

.merchant-search-main-content {
    background: #F5F5F5;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #858585;
    border-radius: calc(100vw / 375 * 11);
    max-width: fit-content;
    min-width: calc(100vw / 375 * 50);
}

.merchant-search-main-content.activated {
    background: #DDDDDD;
    color: #FFFFFF;
}

.search-favorite {
    position: relative;
}

.search-favorite-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    margin: calc(100vw / 375 * 10) 0;
    font-weight: bold;
}

.search-favorite-main {
    width: 100%;
}

.search-favorite-sort {
    color: #6f6f71;
    margin-right: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: 400;
    width: calc(100vw / 375 * 15);
}

.search-favorite-sort.sort-first {
    color: #f06;
}

.search-favorite-sort.sort-second {
    color: #ff743d;
}

.search-favorite-sort.sort-third {
    color: #f7c3a7;;
}

.search-favorite-text {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.merchant-search-bg .merchant-info-box {
    background: linear-gradient(270deg, #EAD8C4, #EFC7A0);
}

.marker-self-header {
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 8px 13px 8px;
    background: linear-gradient(270deg, #FDEDD8, #EAD3B6);
    min-width: 200px;
    max-width: 250px;
}

.marker-self-header-text {
    /*width: 100%;*/
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    color: #8B5F29;
    font-weight: bold;
}

.marker-self-header-bottom {
    background: #FFF6EA;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.marker-self-bottom {
    position: relative;
    background: linear-gradient(0deg, #FFFFFF, #FFF6EA);
    padding: 5px 8px 10px 8px;
    max-width: 250px;
}

.marker-self-bottom-img {
    position: absolute;
    top: -5px;
    right: 0;
    width: 53px;
    height: 67px;
    z-index: 0;
}

.marker-self-bottom-header-image {
    border-radius: 5px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.marker-self-bottom-header-image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
}

.marker-self-bottom-header-box {
    width: 100%;
    position: relative;
    z-index: 1;
}

.marker-self-bottom-header-title {
    width: 100%;
    color: #1A1A1A;
    font-size: 13px;
    line-height: 13px;
    height: 13px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold;
}

.marker-self-bottom-header-text {
    width: 100%;
    color: #1A1A1A;
    font-size: 10px;
    line-height: 14px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.marker-self-title-box {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 5px 0;
}

.marker-self-title-icon {
    font-size: 10px;
    line-height: 12px;
    height: 12px;
    color: #8B5F29;
}

.marker-self-title-text {
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    color: #1C1C1C;
    font-weight: bold;
    margin-left: 5px;
}

.marker-self-body-box {
    width: 100%;
    padding: 2px 0;
}

.marker-self-body-icon {
    position: relative;
    z-index: 1;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    color: #8B5F29;
}

.marker-self-body-text {
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    color: #1C1C1C;
    margin-left: 5px;
}

.marker-store-header {
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 8px 13px 8px;
    background: linear-gradient(270deg, #FDEDD8, #EAD3B6);
    min-width: 200px;
    max-width: 250px;
}

.marker-store-header-text {
    /*width: 100%;*/
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    color: #8B5F29;
    font-weight: bold;
}

.marker-store-header-bottom {
    background: #FFF6EA;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.marker-store-bottom {
    position: relative;
    background: linear-gradient(0deg, #FFFFFF, #FFF6EA);
    padding: 5px 8px 10px 8px;
    max-width: 250px;
}

.marker-store-bottom-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 46px;
    height: 47px;
    z-index: 0;
}

.marker-store-bottom-image {
    border-radius: 5px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.marker-store-bottom-image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
}

.marker-store-body-box {
    width: 100%;
    position: relative;
    z-index: 1;
}

.marker-store-body-title {
    width: 100%;
    color: #1A1A1A;
    font-size: 13px;
    line-height: 13px;
    height: 13px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.marker-store-body-icon {
    width: 100%;
    margin-bottom: 5px;
}

.marker-store-body-icon-item {
    font-size: 11px;
    line-height: 11px;
    height: 11px;
    margin-right: 2px;
    color: #EEEEEE;
}

.marker-store-body-icon-item.yes {
    color: #EC5629;
}

.marker-store-body-icon-item.half {
    background: linear-gradient(to right, #EC5629 0%, #EC5629 50%, #EEEEEE 51%, #EEEEEE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.marker-store-body-icon-text {
    font-size: 11px;
    line-height: 11px;
    height: 11px;
    font-weight: bold;
    color: #EC5629;
}

.marker-store-body-type {
    width: 100%;
}

.marker-store-body-type-tips {
    padding: 2px 3px;
    border: 0;
    border-radius: 1px;
    margin-right: 2px;
    background: #F8E8D3;
}

.marker-store-body-type-text {
    font-size: 9px;
    line-height: 9px;
    height: 9px;
    color: #956E3C;
}

.marker-store-body-detail {
    width: 100%;
    font-size: 9px;
    line-height: 9px;
    height: 9px;
    color: #956E3C;
    margin-top: 2px;
}

.merchantInfo-big-map .amap-info-content {
    padding: 0;
    background: transparent;
    line-height: unset;
}

.merchantInfo-big-map .amap-info-close {
    right: 5px !important;
    top: 5px !important;;
    font: bold 15px/15px Tahoma, Verdana, sans-serif !important;
    width: auto;
    height: auto;
    color: #1C1C1C;
}

.merchant-search-select {
}

.merchant-search-select-icon {
    color: #BE9662;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    transform: rotate(-90deg);
}

.merchant-search-select-text {
    color: #BE9662;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    min-width: 24px;
    width: max-content;
}

.motion-search-bg .merchant-search-main-history,
.index-search-bg .merchant-search-main-history {
    background: none;
    border: none;
}

.index-search-bg .merchant-search-main-history-title {
    color: #FFFFFF;
}

.index-search-bg .merchant-search-main-content-noda {
    color: #FFFFFF;
}

.index-search-bg .merchant-search-main-content {
    background: #4E4E4E;
    color: #FFFFFF;
}

.index-search-bg .merchant-search-main-content.activated {
    background: #8A8A8A;
    color: #1C1C1C;
}

.motion-search-bg .merchant-search-main-history-icon,
.index-search-bg .merchant-search-main-history-icon {
    color: #ABABAB;;
}

.motion-search-bg .merchant-search-main-box .button,
.index-search-bg .merchant-search-main-box .button {
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    color: #1C1C1C !important;
}

.index-main-outer-cordova {
    overflow-y: auto !important;
}

.motion-search-bg .merchant-search-select-text,
.index-search-bg .merchant-search-select-text {
    color: #FFFFFF;
}

.motion-search-bg .merchant-info-box,
.index-search-bg .merchant-info-box {
    background: linear-gradient(270deg, #FFDEB8, #FFCA89);
}

.motion-search-bg.merchant-search-result .button,
.index-search-bg.merchant-search-result .button {
    color: #1C1C1C !important;
    background-image: linear-gradient(270deg, #EFC7A0, #EFC7A0) !important;
}

.motion-search-bg .merchant-info-page,
.index-search-bg .merchant-info-page {
    background: linear-gradient(270deg, #F5F5F5, #FAF2E7);
}

.motion-search-bg.merchant-search-result .merchant-info-content,
.index-search-bg.merchant-search-result .merchant-info-content {
    background: linear-gradient(270deg, #F5F5F5, #FAF2E7);
}

.motion-search-bg.merchant-search-result .merchant-search-input,
.index-search-bg.merchant-search-result .merchant-search-input {
    background: #FFFFFF !important;
}

.motion-search-bg .merchant-info-commodity-content,
.index-search-bg .merchant-info-commodity-content {
    background: transparent;
    padding: calc(100vw / 375 * 10) 0;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid #D7D7D7;
}

.motion-search-bg .merchant-info-commodity-content-img,
.index-search-bg .merchant-info-commodity-content-img {
    width: calc(100vw / 375 * 95);
    min-width: calc(100vw / 375 * 95);
    height: calc(100vw / 375 * 95);
}

.motion-search-bg .merchant-info-commodity-content:first-child,
.index-search-bg .merchant-info-commodity-content:first-child {
    padding-top: 0 !important;
}

.motion-search-bg .merchant-info-commodity-content:last-child,
.index-search-bg .merchant-info-commodity-content:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0;
}

.motion-search-bg .merchant-info-commodity-content-price-type,
.index-search-bg .merchant-info-commodity-content-price-type {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #956534;
}

.motion-search-bg .merchant-info-commodity-content-price-num,
.index-search-bg .merchant-info-commodity-content-price-num {
    font-size: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    color: #956534;
}

.motion-search-bg .merchant-info-commodity-content-price-num--dec,
.index-search-bg .merchant-info-commodity-content-price-num--dec {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #956534;
}

.merchant-info-commodity-content-refer-price {
    color: #999999;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: bold;
    margin-left: calc(100vw / 375 * 5);
}

.merchant-info-commodity-content-refer-price.noPrice {
    text-decoration: line-through;
    text-decoration-color: #999999;
    -moz-text-decoration-color: #999999;
    -webkit-text-decoration-color: #999999;
    font-weight: normal;
}

.merchant-info-commodity-content-type {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 5);
}

.merchant-info-commodity-content-shop {
    background: #FFE1C1;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 5) calc(100vw / 375 * 3) calc(100vw / 375 * 8);
    border-top-left-radius: calc(100vw / 375 * 8);
    border-bottom-left-radius: calc(100vw / 375 * 8);

}

.merchant-info-commodity-content-shop span {
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
    font-weight: bold;
}

.index-bg .merchant-info-commodity-content-shop {
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 8) !important;
    border-radius: calc(100vw / 375 * 8) !important;
}

.merchant-info-commodity-content-category {
    background: #FFFFFF;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 8) calc(100vw / 375 * 3) calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 8);
    border-bottom-right-radius: calc(100vw / 375 * 8);
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 8);
    font-weight: bold;
}

.motion-search-bg .merchant-info-commodity-content-refer-price,
.index-search-bg .merchant-info-commodity-content-refer-price {
    color: #999999;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
}

.merchant-eval-svg {
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    margin-top: calc(100vw / 375 * 5);
}

.merchant-eval-sub img {
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin-right: calc(100vw / 375 * 3);
}

.merchant-eval-sub span {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #1C1C1C;
}

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

.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(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-radius: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 28);
    width: 0;
    position: absolute;
    z-index: 0;
}

.index-login-method {
    padding: 7px 20px;
    background: rgba(20, 18, 22, 0.5);
    border-radius: 15px;
    width: 135px;
    /*position: relative;*/
}

.index-login-method--text {
    font-size: 14px;
    line-height: 15px;
    height: 15px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.index-login-method--choose {
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-radius: 15px;
    height: 30px;
    width: 0;
    position: absolute;
    z-index: 0;
}

.qrcode-share-content {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(180deg, #FAF2E7, #FFFFFF);
    padding: 0;
    min-height: 179px;
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.qrcode-share-content.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.qrcode-share-name {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #e3e3e5;
    line-height: 18px;
    padding: 25px 0;
    width: 100%;
}

.qrcode-share-detail-box {
    width: 100%;
    height: 90px;
    padding: 0 20px;
    margin: 20px 0 10px 0;
}

.qrcode-share-detail {
    height: 100%;
    width: 33%;
}

.qrcode-share-detail img {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center;
}

.qrcode-share-detail-img-box {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 3px;
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
}

.qrcode-share-detail span {
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    color: #191919;
}

.qrcode-share-cancel-box {
    width: 100%;
    padding: 0 0 20px 0;
}

.qrcode-share-cancel-box span {
    width: 100%;
    font-size: 20px;
    line-height: 18px;
    height: 18px;
    font-weight: 400;
    color: #969699;
}

.qrcode-share-cancel-btn {
    font-size: 15px;
    font-weight: bold;
    color: #1B1B1C;
    line-height: 15px;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    box-shadow: none;
    border-radius: 20px;
    width: calc(100vw - 60px);
    padding: 12px 0;
    margin: 0 30px;
}

.my-invit .button {
    color: #1B1B1C !important;
    width: calc(100vw - 60px);
    height: 39px;
    min-height: 39px;
    border-radius: 20px;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    padding: 12px 0;
    font-size: 15px !important;
    line-height: 15px !important;
    margin: 0 30px;
    box-shadow: none;
    border: 0;
}

.my-invit .button.activated {
    background: linear-gradient(270deg, #d7b682, #efd9a0, #eae1b9);
}

.qrcode-share {
    position: fixed;
    top: 0;
    margin-top: calc((100vh - 179px - (100vw / 375 * (499 * 0.9))) / 2);
    left: calc((100vw - (100vw / 375 * (315 * 0.9))) / 2);
    width: calc(100vw / 375 * (315 * 0.9));
    height: calc(100vw / 375 * (499 * 0.9));
    border-radius: calc(100vw / 375 * 10);
    overflow: hidden;
    background: transparent;
    padding: calc(100vw / 375 * 10);
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, calc(-1 * ((100vh - 179px + (100vw / 375 * (499 * 0.9))) / 2) * 1.01), 0);
    -webkit-transform: translate3d(0, calc(-1 * ((100vh - 179px + (100vw / 375 * (499 * 0.9))) / 2) * 1.01), 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
}

.qrcode-share.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.qrcode-share-middle-bg {
    position: absolute;
    bottom: calc(100vw / 375 * 60);
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
    border-top-left-radius: calc(100vw / 375 * 10);
    border-top-right-radius: calc(100vw / 375 * 10);
    object-fit: cover;
    object-position: center;
}

.qrcode-share-bottom-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    object-fit: cover;
    object-position: center;
}

.qrcode-share-top-content {
    position: relative;
    z-index: 1;
    border-radius: calc(100vw / 375 * 10);
    width: 100%;
    height: 100%;
    background: #FFF4E3;
    overflow: hidden;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
}

.qrcode-share-top-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
    object-fit: cover;
    object-position: center;
}

.qrcode-share-top-box {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.qrcode-share-top-name {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #A54A0F;
    margin-bottom: calc(100vw / 375 * 10);
    min-width: max-content;
}

.qrcode-share-top-tips {
    height: calc(100vw / 375 * 25);
    width: auto;
    margin-bottom: calc(100vw / 375 * 15);
    object-fit: cover;
    object-position: center;
}

.qrcode-share-top-text {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #A54A0F;
    margin-bottom: calc(100vw / 375 * 10);
    min-width: max-content;
}

.qrcode-share-top-sub {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 13);
    color: #1C1C1C;
    margin-bottom: calc(100vw / 375 * 9);
    text-align: center;
}

.qrcode-share-top-header {
    background: linear-gradient(180deg, #FFC88B, #FFE2C1);
    border-radius: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 15);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 5);
    width: 100%;
}

.qrcode-share-top-header-box {
    background: #D99E5E;
    border-radius: calc(100vw / 375 * 3);
    height: calc(100vw / 375 * 5);
    width: 100%;
}

.qrcode-share-top-detail {
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 10);
    height: 100%;
    width: 100%;
    position: relative;
    top: calc(-1 * (100vw / 375 * 15));
}

.qrcode-share-top-detail-body {
    background: #FFFFFF;
    height: 100%;
    width: 100%;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 5) 0 calc(100vw / 375 * 5);
    border-top-left-radius: calc(100vw / 375 * 2);
    border-top-right-radius: calc(100vw / 375 * 2);
    overflow: hidden;
}

.qrcode-share-top-detail-img {
    height: calc(100vw / 375 * 10);
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
    object-fit: cover;
    object-position: center;
}

.qrcode-share-top-detail-box {
    padding: 0 calc(100vw / 375 * 15);
}

.qrcode-share-top-detail-code {
    background: #FFF4E3;
    border-radius: calc(100vw / 375 * 5);
    width: 100%;
    height: calc(100vw / 375 * 25);
    margin-bottom: calc(100vw / 375 * 25);
}

.qrcode-share-top-detail-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #A54A0F;
    letter-spacing: calc(100vw / 375 * 5);
}

.qrcode-share-top-detail-seg {
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    background: #FFF4E3;
    border-radius: 50%;
}

.qrcode-share-top-detail-seg.left {
    position: absolute;
    left: calc(100vw / 375 * 5);
    top: calc(100vw / 375 * 65);
    z-index: 1;
}

.qrcode-share-top-detail-seg.right {
    position: absolute;
    right: calc(100vw / 375 * 5);
    top: calc(100vw / 375 * 65);
    z-index: 1;
}

.qrcode-share-top-detail-line {
    position: absolute;
    top: calc(100vw / 375 * 70);
    right: calc(100vw / 375 * 5);
    left: calc(100vw / 375 * 5);
    height: 0;
    border: 0.5px dashed #F3C99C;
}

.qrcode-share-top-detail-qr {
    width: 100%;
    height: auto;
    position: relative;
    padding: calc(100vw / 375 * 10);
}

.qrcode-share-top-detail-bound {
    position: absolute;
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    border: none;
    object-fit: cover;
    object-position: center;
}

.qrcode-share-top-detail-bound.tl {
    top: 0;
    left: 0;
}

.qrcode-share-top-detail-bound.tr {
    transform: rotate(90deg);
    top: 0;
    right: 0;
}

.qrcode-share-top-detail-bound.bl {
    transform: rotate(270deg);
    bottom: 0;
    left: 0;
}

.qrcode-share-top-detail-bound.br {
    transform: rotate(180deg);
    bottom: 0;
    right: 0;
}

.img-qrcode-share-outer {
    position: absolute;
    margin-top: calc(-1 * (100vw / 375 * 20));
    margin-left: calc(-1 * (100vw / 375 * 20));
    left: 50%;
    top: 50%;
    z-index: 1;
    padding: calc(100vw / 375 * 2);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
}

.img-qrcode-share-outer img {
    vertical-align: middle;
    width: calc(100vw / 375 * 36);
    height: calc(100vw / 375 * 36);
    border-radius: calc(100vw / 375 * 5);
}

.action-sheet-group {
    border-radius: 10px;
}

.action-sheet-options {
    background-color: #383840;
}

.button.action-sheet-option:last-child {
    border: 0 !important;
}

.action-sheet-title {
    font-size: 18px;
    font-weight: bold;
    color: #252525;
    background: linear-gradient(180deg, #FFF0D8, #FFFFFF);
    padding: 20px;
}

.action-sheet .button {
    color: #C36C01;
    font-size: 16px;
    border-color: #E7EAF4;
    /*min-height: 50px;*/
}

.action-sheet-group {
    background: #FFFFFF;
}

.action-sheet .button.activated {
    background: #BCBCBC !important;
    color: #ffffff !important;
    border-color: #FFFFFF !important;
}

.action-sheet .button:hover {
    color: #C36C01;
}

.action-sheet-cancel .button {
    color: #949494;
}

.action-sheet-cancel .button:hover {
    color: #949494;
}

.action-sheet-wrapper {
    -webkit-transform: translate3d(0, 101%, 0) !important;
    transform: translate3d(0, 101%, 0) !important;;
}

.action-sheet-up {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.action-sheet-group .button {
    border-width: 0px 0px 1px 0px;
}

.action-sheet .button.destructive {
    border: 0 !important;
}

.qrcode-img-outer {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.qrcode-img {
    position: relative !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    left: inherit !important;
    top: inherit !important;
    z-index: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.echart-img {
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.echart-img-bg {
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #ffffff;
}

.img-qrcode-outer {
    position: absolute;
    margin-top: calc(-1 * (100vw / 375 * 30));
    margin-left: calc(-1 * (100vw / 375 * 30));
    left: 50%;
    top: 50%;
    z-index: 1;
    padding: calc(100vw / 375 * 4);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 5);
}

.img-qrcode-outer img {
    vertical-align: middle;
    width: calc(100vw / 375 * 52);
    height: calc(100vw / 375 * 52);
    border-radius: calc(100vw / 375 * 5);
    object-fit: cover;
    object-position: center;
}

.commodity-share {
    position: fixed;
    top: 0;
    margin-top: calc((100vh - 179px - (100vw / 375 * (499 * 0.9))) / 2);
    left: calc((100vw - (100vw / 375 * (350 * 0.9))) / 2);
    width: calc(100vw / 375 * (350 * 0.9));
    height: calc(100vw / 375 * (499 * 0.9));
    border-radius: calc(100vw / 375 * 10);
    overflow: hidden;
    background: #FFFFFF;
    padding: calc(100vw / 375 * 20);
    z-index: 9999;
    opacity: 0;
    transform: translate3d(0, calc(-1 * ((100vh - 179px + (100vw / 375 * (499 * 0.9))) / 2) * 1.01), 0);
    -webkit-transform: translate3d(0, calc(-1 * ((100vh - 179px + (100vw / 375 * (499 * 0.9))) / 2) * 1.01), 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.commodity-share.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.commodity-share-top-bg {
    position: relative;
    z-index: 0;
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
    width: 100%;
    height: 70%;
    overflow: hidden;
}

.commodity-share-top-bg img {
    width: 100%;
    height: 100%;
    /* html2canvas不兼容*/
    object-fit: cover;
    object-position: center;
}

.commodity-share-bottom-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}

.commodity-share-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(100vw / 375 * 104);
}

.img-commodity-outer {
    position: absolute;
    margin-top: calc(-1 * (100vw / 375 * 10));
    margin-left: calc(-1 * (100vw / 375 * 10));
    left: 50%;
    top: 50%;
    z-index: 1;
    padding: calc(100vw / 375 * 1);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 2);
}

.img-commodity-outer img {
    width: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    border-radius: calc(100vw / 375 * 2);
}

.commodity-qrcode {
    width: calc(100vw / 375 * 65);
    height: calc(100vw / 375 * 65);
    position: absolute;
    right: calc(100vw / 375 * 10);
    bottom: calc(100vw / 375 * 85);
    z-index: 3;
}

.commodity-qrcode-text {
    color: #5B5B5B;
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    position: absolute;
    bottom: calc(-1 * (100vw / 375 * 12));
    min-width: max-content;
}

.sign-header {
    width: 100%;
    height: calc(100vw / 375 * 200);
    /*margin-bottom: calc(100vw / 375 * 10);*/
}

.sign-header-outer {
    width: calc(100vw / 375 * 180);
    height: calc(100vw / 375 * 180);
    background: url('../img/dfk/ad-sign-headr-bg.png') no-repeat !important;
    background-size: 100% 100% !important;
}

.sign-header-title-sub {
    width: 100%;
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    margin: calc(100vw / 375 * 30) 0 calc(100vw / 375 * 15) 0;
}

.sign-header-title {
    margin-bottom: calc(100vw / 375 * 15);
}

.sign-header-title-num {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 45);
    line-height: calc(100vw / 375 * 60);
    font-weight: bold;
}

.sign-header-title-text {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
}

.sign-header-sub {
    background: #D8D8D8 linear-gradient(270deg, #4C4C4C 0%, #7D7D7D 100%);
    border-radius: calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.sign-header-sub-text {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    color: #FFFFFF;
    letter-spacing: 1px;
}

.sign-header-tips {
    width: 100%;
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    margin-bottom: calc(100vw / 375 * 10);
}

.sign-header-amount {
    width: 100%;
    padding: 0 calc(100vw / 375 * 10);
}

.sign-header-amount i {
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    background: #D8D8D8 linear-gradient(270deg, #4C4C4C 0%, #7D7D7D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: calc(100vw / 375 * 5);
}

.sign-header-amount span {
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
}

.sign-calender-box {
    width: 100%;
    padding: calc(100vw / 375 * 10);
}

.sign-calender-header {
    width: 100%;
    padding: calc(100vw / 375 * 15);
    background: #FFFFFF;
    border-top-left-radius: calc(100vw / 375 * 10);
    border-top-right-radius: calc(100vw / 375 * 10);
}

.sign-calender-header span {
    color: #1A1A1A;
    font-weight: bold;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
}

.sign-calender-main {
    width: 100%;
    background: #FFFFFF;
    border-bottom-left-radius: calc(100vw / 375 * 10);
    border-bottom-right-radius: calc(100vw / 375 * 10);
}

.sign-calender-main-header {
    width: 100%;
    color: #333;
    padding: calc(100vw / 375 * 10);
}

.sign-calender-main-month {
}

.sign-calender-main-month span {
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: bold;
    letter-spacing: 1px;
}

.sign-calender-i {
    height: 100%;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: rgba(167, 167, 167, 1);
}

.sign-calender-i.left {
    transform: rotate(180deg);
}

.sign-calender-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
}

.sign-calender-table {
    width: 100%;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 20) calc(100vw / 375 * 10);
}

.sign-calender-table table {
    width: 100%;
}

.sign-calender-table table,
.sign-calender-table tr,
.sign-calender-table td {
    border: 0;
}

.sign-calender-table thead {
    width: 100%;
}

.sign-calender-day {
    width: 100%;
}

.sign-calender-day td,
.sign-calender-day span {
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 43);
    line-height: calc(100vw / 375 * 43);
    text-align: center;
    font-weight: bold;
}

.sign-calender-content {
    width: 100%;
}

.sign-calender-content td {
    color: #1A1A1A;
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 43);
    line-height: calc(100vw / 375 * 43);
    text-align: center;
    position: relative;
}

.sign-calender-table table tr .onToday span {
    background: #FFE6BF linear-gradient(180deg, #E2C697 0%, #C8A475 100%);;
    border-radius: 50%;
    color: #FFFFFF;
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    left: 50%;
    top: 50%;
    margin-left: calc(-1 * (100vw / 375 * 15));
    margin-top: calc(-1 * (100vw / 375 * 15));
    position: absolute;
    line-height: calc(100vw / 375 * 31);
}

.sign-calender-table table tr .onPadding span {
    color: #D9D9D9;
}

.sign-content {
    position: absolute;
    top: calc(100vw / 375 * 20);
    height: auto;
    right: 0;
    opacity: 0;
    transform: translate3d(101%, 0, 0);
    -webkit-transform: translate3d(101%, 0, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.sign-content.aniShow {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}


.sign-content-label {
    font-size: calc(100vw / 375 * 11);
    color: #FFFFFF;
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.5);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 15);
    border-radius: calc(100vw / 375 * 15) 0 0 calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 10);
}

.sign-content-label.activated {
    opacity: 1;
}

.sign-content-label:last-child {
    margin-bottom: 0;
}

.motion-classify {
    padding: calc(100vw / 375 * 12) 0 calc(100vw / 375 * 12) 0;
    position: relative;
    border-radius: 0 0 0 calc(100vw / 375 * 10);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    margin-right: calc(100vw / 375 * 88);
    overflow: hidden;
    height: calc(100vw / 375 * 44);
}

.motion-classify-outer {
    width: 100%;
    position: relative;
    top: 44px;
    z-index: 100;
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    height: calc(100vw / 375 * 44);
}

.motion-classify-right {
    position: absolute;
    right: 0;
    top: 0;
    padding: calc(100vw / 375 * 12) 0 calc(100vw / 375 * 12) 0;
    padding-right: calc(100vw / 375 * 20);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    height: 100%;
    z-index: 999;
    border-bottom-right-radius: calc(100vw / 375 * 10);
}

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

.motion-classify-text {
    font-size: calc(100vw / 375 * 16);
    color: #FFD4AB;
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    margin-left: calc(100vw / 375 * 5);
}

.motion-classify-icon {
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    margin-left: calc(100vw / 375 * 10);
    color: #EAC97F;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.motion-classify-division {
    width: 1px;
    height: 100%;
    background: #FFD4AB;
    /*border-radius: 50%;*/
}

.motion-classify-slide {
    width: auto;
    max-width: calc(100vw / 2);
    padding: 0 calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 16);
    /*border-top: 0.5px solid #BEBEBE;*/
    /*border-bottom: 0.5px solid #BEBEBE;*/
}

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

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

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

.motion-classify-box.chooseSelected .motion-classify-content {
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    color: #e3e3e5;
}

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

.motion-content-video {
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
}


.motion-content-video .feeds-waterfall {
    padding-right: 1px;
    padding-left: 1px;
}

.motion-content-video .feeds_col_left,
.motion-content-video .feeds_col_right {
    width: calc((100vw - (100vw / 375 * 30) - 2px) / 2) !important;
}

.motion-content-type {
    padding: calc(100vw / 375 * 15) 0 calc(100vw / 375 * 10) 0;
    background-image: linear-gradient(270deg, #101012, #101012) !important;
}

.motion-content-type.recommend {
    padding: calc(100vw / 375 * 5) 0 calc(100vw / 375 * 10) 0;
}

.motion-content-type img {
    height: calc(100vw / 375 * 20);
    width: auto;
    margin-right: calc(100vw / 375 * 5);
}

.motion-content-type span {
    color: #e3e3e5;
    font-weight: 600;
    font-size: calc(100vw / 375 * 20);
    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;
    word-break: break-all;
}

.motion-content-type i {
    color: #6f6f71;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    margin-left: calc(100vw / 375 * 5);
}

.motion-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 两列 */
    grid-template-rows: auto; /* 高度自适应 */
    gap: calc(100vw / 375 * 10); /* 图片之间的间距 */
    padding-bottom: calc(100vw / 375 * 10);
    padding-left: 1px;
    padding-right: 1px;
}

.motion-grid-item {
    background: transparent;
    border-radius: calc(100vw / 375 * 3);
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.feeds-waterfall .motion-grid-item {
    height: auto;
    margin-bottom: calc(100vw / 375 * 10);
}

.feeds-waterfall .motion-grid-item .item-img,
.feeds-waterfall .motion-grid-item:first-child .item-img {
    /*min-height: calc(100vw / 375 * 130) !important;*/
    /*max-height: calc(100vw / 375 * 250) !important;*/
    height: calc(100vw / 375 * 130) !important
}

.feeds-waterfall .motion-grid-item .item-img.others,
.feeds-waterfall .motion-grid-item:first-child .item-img.others {
    height: calc(100vw / 375 * 250) !important
}

.feeds-waterfall .motion-grid-item:last-child {
    margin-bottom: 0 !important;
}

.motion-grid-item-content {
    width: 100%;
}

.motion-grid-item:first-child {
    grid-column: span 2; /* 第一张大图占满两列 */
}

.motion-grid-item .item-img {
    height: calc(100vw / 375 * 250);
}

.motion-grid-item:first-child .item-img {
    height: calc(100vw / 375 * 180) !important;
}

.motion-content-icons {
    position: absolute;
    right: calc(100vw / 375 * 5);
    top: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 20) !important;
    width: calc(100vw / 375 * 20) !important;
}

.motion-content-tips {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    background: linear-gradient(0deg, #101012, rgba(16, 16, 18, 0));
    font-weight: 400;
    color: #e3e3e5;
    padding: calc(100vw / 375 * 10);
}

.motion-content-tips-score {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 600;
    color: #ff743d;
    text-shadow: 0 1px calc(100vw / 375 * 1) 0 rgba(0, 0, 0, .7);
    margin-bottom: calc(100vw / 375 * 5);
}

.motion-content-tips-hot-icon {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #b2b2b2;
    margin-right: calc(100vw / 375 * 5);
}

.motion-content-tips-time,
.motion-content-tips-hot-num {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #e3e3e5;
}

.motion-content-body {
    position: relative;
    width: 100%;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
}

.feeds-waterfall .motion-content-body {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 5) 0 calc(100vw / 375 * 5);
}

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

.motion-content-title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 19);
    font-weight: 400;
    color: #e3e3e5;
    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;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.feeds-waterfall .motion-content-title {
    -webkit-line-clamp: 2 !important;
}

.motion-content-user {
    width: 100%;
}

.motion-content-avatar {
    width: calc(100vw / 375 * 12);
    min-width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    border-radius: 50%;
    overflow: hidden;
    border: none;
    position: relative;
}

.motion-content-avatar img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: none;
    object-fit: cover;
    object-position: center;
}

.motion-content-name {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #969699;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    margin-left: calc(100vw / 375 * 5);
}

.motion-content-hot-num {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #969699;
    margin-left: calc(100vw / 375 * 5);
}

.motion-content-icon {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #969699;
}

.feeds-waterfall .motion-content-sub-title {
    margin-bottom: calc(100vw / 375 * 10) !important;
}

.feeds-waterfall .motion-content-sub-title.others {
    margin-bottom: 0 !important;
}

.motion-content-sub-title {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #6f6f71;
    /* height: calc(100vw / 375* 32); */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-content-bottom {
    padding: calc(100vw / 375 * 10) 0;
    background: #17181a;
}

.motion-content-bottom-content {
    width: 50%;
}

.motion-content-bottom i {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 21);
    line-height: calc(100vw / 375 * 21);
    color: #F2D1AE;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.motion-content-bottom .rotate {
    display: inline-block; /* 确保可以设置 inline-block 或 block 才能应用旋转 */
    transition: transform 0.5s linear; /* 平滑过渡 */
}

.motion-content-bottom .rotate.spinning {
    animation: spin 0.5s linear infinite; /* 应用旋转动画 */
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.motion-content-bottom span {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 21);
    line-height: calc(100vw / 375 * 21);
    font-weight: 400;
    color: #969699;
    margin-left: calc(100vw / 375 * 5);
}

.motion-content-bottom-division {
    width: 1px;
    height: calc(100vw / 375 * 21);
    background: #969699;
}

.dis-img .swiper-container {
    width: 100%;
    height: 100%;
}

.dis-img .swiper-slide {
    text-align: center;
    font-size: calc(100vw / 375 * 18);
    background: transparent;

    overflow: hidden;
}

.dis-img .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}

.dis-img .slide-inner img {
    width: 100%;
    height: 100%;
}

.dis-img .slide-inner span {
    position: absolute;
    width: 100%;
    font-size: calc(100vw / 375 * 18);
}

.swiper-pagination-progressbar,
.swiper-scrollbar {
    bottom: 0 !important;
    top: inherit !important;
    background: rgba(0, 0, 0, 0.25);
    border-radius: calc(100vw / 375 * 1);
    overflow: hidden;
}

.swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    bottom: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: calc(100vw / 375 * 4);
    width: 0;
}

.motion-info-header {
    border-color: hsla(0, 0%, 100%, .1);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: relative;
    z-index: 6;
}

.motion-info-header-type {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.motion-info-header-type {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    border-color: hsla(0, 0%, 100%, .1);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: relative;
    z-index: 6;
}

.motion-my-header-line::after,
.motion-charts-header-line::after,
.motion-info-header-line::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #ebedf0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    border-bottom-width: 1px;
    border-color: hsla(0, 0%, 100%, .1);
    z-index: 6;
}

.motion-info-content {
    width: 100%;
    padding: calc(100vw / 375 * 10);
}

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

.motion-info-content-info span {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #969699;
}

.motion-info-content-info-type {
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #ff743d;
    -webkit-border-radius: calc(100vw / 375 * 1);
    border-radius: calc(100vw / 375 * 1);
    background-color: rgba(255, 116, 61, .2);
    margin-left: calc(100vw / 375 * 5);
}

.motion-info-content-title {
    font-size: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 18);*/
    line-height: calc(100vw / 375 * 26);
    font-weight: 600;
    color: #e3e3e5;
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-info-content-title-detail {
    font-size: calc(100vw / 375 * 18);
    /*height: calc(100vw / 375 * 18);*/
    line-height: calc(100vw / 375 * 26);
    font-weight: 600;
    color: #e3e3e5;
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

.motion-info-content-sub-title-detail {
    font-size: calc(100vw / 375 * 14);
    /*height: calc(100vw / 375 * 18);*/
    line-height: calc(100vw / 375 * 20);
    font-weight: 400;
    color: #959598;
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

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

.motion-info-content-tips-icon {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #ee7c4b;
    margin-right: calc(100vw / 375 * 5);
}

.motion-info-content-tips-hot {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #e62c17;
}

.motion-info-content-tips-line {
    width: 1px;
    height: calc(100vw / 375 * 10);
    background: #3e3e40;
    margin-right: calc(100vw / 375 * 5);
    margin-left: calc(100vw / 375 * 5);
}

.motion-info-content-tips-logo {
    width: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 12) !important;
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 5);
}

.motion-info-content-tips-score {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #ff743d;
}

.motion-info-content-sub-title {
    width: 100%;
}

.motion-info-content-sub-title .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-info-content-sub-title .tools {
    min-width: calc(100vw / 375 * 50);
    width: calc(100vw / 375 * 50);;
}

.motion-info-content-sub-title span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #6f6f71;
}

.motion-info-content-sub-title i {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #6f6f71;
    margin-right: calc(100vw / 375 * 2);
}

.motion-info-content-director {
    width: 100%;
    margin-top: calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #959598;
    font-weight: 400;
    margin-bottom: calc(100vw / 375 * 15);
}

.motion-info-content-actor {
    width: 100%;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 19);
    font-weight: 400;
    color: #959598;
    margin-bottom: calc(100vw / 375 * 10);
}

.motion-info-content-summary {
    width: 100%;
}

.motion-info-content-image-header,
.motion-info-content-summary-header {
    width: 100%;
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    font-weight: 600;
    color: #e3e3e5;
    padding-top: calc(100vw / 375 * 10);
    padding-bottom: calc(100vw / 375 * 10);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
}

.motion-info-content-summary-detail {
    padding-left: 1px;
    padding-right: 1px;
    width: 100%;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 19);
    font-weight: 400 !important;
    color: #959598 !important;
    margin-bottom: calc(100vw / 375 * 10);
}

.motion-info-content-image {
    width: 100%;
}

.motion-info-content-image-nodata {
    background: #25252c;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    color: #6f6f71;
    padding: calc(100vw / 375 * 15) 0;
    border-radius: calc(100vw / 375 * 5);
}

.motion-info-content-image .item-img {
    width: 100%;
    height: auto;
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
}

.motion-info-content-image .item-img:last-child {
    margin-bottom: 0;
}

.motion-info-detail {
    width: 100%;
    padding: calc(100vw / 375 * 10);
    position: relative;
}

.motion-info-detail-text {
    color: #6f6f71;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-info-detail-tips {
    /*padding-left: calc(100vw / 375 * 5);*/
    min-width: calc(100vw / 375 * 60);
    display: inline;
    position: absolute;
    background: linear-gradient(90deg, rgba(16, 16, 16, 0) 3%, rgba(16, 16, 16, 1) 7%, rgba(16, 16, 16, 1)) 90% !important;;
}

.motion-info-detail-tips span {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    position: relative;
    color: #969699;
}

.motion-info-detail-tips i {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    margin-left: calc(100vw / 375 * 2);
    color: #6f6f71;
    position: relative;
}

.motion-info-tools {
    padding: calc(100vw / 375 * 10);
    width: 100%;
}

.icon-dianzan1.no {
    transform: rotateX(180deg);
}

.icon-dianzan2.no {
    transform: rotateX(180deg);
}

.motion-info-tools-box {
    width: 25%;
}

.motion-info-tools-box i {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #969699;
    width: calc(100vw / 375 * 14);
}

.motion-info-tools-box i.like {
    color: #77c1ff;
}

.motion-info-tools-box i.dislike {
    color: #3c4f9d;
}

.motion-info-tools-box i.collect {
    color: #FD6C00;
}

.motion-info-tools-box span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #969699;
    margin-left: calc(100vw / 375 * 5);
}

.motion-info-video {
    height: calc(100vw / 375 * 220) !important;
    width: 100%;
    box-sizing: border-box;
}

.motion-info-content-avatar {
    height: calc(100vw / 375 * 40);
    width: calc(100vw / 375 * 40);
    min-width: calc(100vw / 375 * 40);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-left: calc(100vw / 375 * 10);
}

.motion-info-content-avatar img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: none;
    object-fit: cover;
    object-position: center;
}

.motion-my-body,
.motion-charts-body,
.motion-info-body {
    padding-bottom: calc(100vw / 375 * 10);
}

.motion-info-related {
    width: 100%;
    padding: calc(100vw / 375 * 10);
}

.motion-info-related-header {
    padding: calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10) 0;
    font-size: calc(100vw / 375 * 15);
    font-weight: 600;
    color: #e3e3e5;
    line-height: calc(100vw / 375 * 15);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
}

.motion-type-header {
    flex-wrap: nowrap;
    width: 100%;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    /*margin-bottom: calc(100vw / 375 * 10);*/
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: absolute;
    top: calc(100vw / 375 * 44 + 44px) !important;
    z-index: 6;
}

.motion-type-header-box {
    flex-grow: 5;
    width: 20%;
    margin-right: calc(100vw / 375 * 15);
}

.motion-type-header-box:last-child {
    margin-right: 0;
}

.motion-type-header-icon {
    height: calc(100vw / 375 * 30);
    border: 1px solid #FFD4AB;
    border-radius: calc(100vw / 375 * 2);
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
}

.motion-type-header-icon i {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #FFD4AB;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.motion-type-header-icon.selected {
    background: rgba(241, 243, 255, 0.3) !important;
}

.motion-type-header-box span {
    height: calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #e3e3e5;
}

.motion-grid-container-related {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 两列 */
    grid-template-rows: auto; /* 高度自适应 */
    gap: calc(100vw / 375 * 10); /* 图片之间的间距 */
    padding-bottom: calc(100vw / 375 * 10);
    padding-left: 1px;
    padding-right: 1px;
}

.motion-grid-item-charts,
.motion-grid-item-related {
    background: transparent;
    border-radius: calc(100vw / 375 * 3);
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.motion-grid-item-content-related {
    width: 100%;
}

.motion-content-title-related {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    font-weight: 400;
    color: #e3e3e5;
    margin-bottom: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 18);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-charts-banner {
    height: calc(100vw / 375 * 130);
    position: relative;
    background-image: url(../img/dfk/video-charts-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    transition: transform 0.5s linear, opacity 0.5s ease-in-out;
}

.motion-charts-header {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10) calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    border-color: hsla(0, 0%, 100%, .1);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: relative;
    z-index: 100;
    transition: transform 0.5s linear;
}

.motion-my-content,
.motion-charts-content {
    width: 100%;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
}

.motion-grid-container-charts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: calc(100vw / 375 * 10);
    padding-left: 1px;
    padding-right: 1px;
    border-color: hsla(0, 0%, 100%, .1);
    position: relative;
}

.motion-content-title-charts {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    font-weight: 600;
    color: #e3e3e5;
    margin-bottom: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 18);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-content-year-charts {
    width: 100%;
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    font-weight: 400;
    color: #969699;
    margin-bottom: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 18);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-content-title-sub-charts {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    font-weight: 400;
    color: #969699;
    margin-bottom: calc(100vw / 375 * 10);
    /*height: calc(100vw / 375 * 18);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-content-charts {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw / 375 * 18) !important;
    height: calc(100vw / 375 * 18) !important;
    border-radius: calc(100vw / 375 * 2);
}

.motion-content-charts-list {
    width: 100%;
}

.motion-content-my-item-outer .motion-content-my-item,
.motion-content-charts-item {
    margin-bottom: calc(100vw / 375 * 10);
}

.motion-content-my-item-outer {
    position: relative;
}

.motion-content-my-item .item-img,
.motion-content-charts-item .item-img {
    border-radius: calc(100vw / 375 * 3);
    width: calc((100vw - (100vw / 375 * 40 + 2px)) / 3) !important;
    min-width: calc((100vw - (100vw / 375 * 40 + 2px)) / 3) !important;
    overflow: hidden;
}

.motion-content-my-item-outer:last-child .motion-content-my-item,
.motion-content-charts-item:last-child {
    margin-bottom: 0;
}

.motion-content-my-item-text,
.motion-content-charts-item-text {
    width: 100%;
    margin-left: calc(100vw / 375 * 10);
}

.motion-content-my-item-title,
.motion-content-charts-item-title {
    width: 100%;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 19);
    font-weight: 600;
    color: #e3e3e5;
    margin-bottom: calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-content-charts-item-sub-title {
    width: 100%;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #6f6f71;
    margin-bottom: calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-content-charts.others {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(100vw / 375 * 2);
    background: rgba(0, 0, 0, .7);
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    font-weight: 600;
    color: #fff;
}

.motion-charts-bg.animated {
    transition: transform 0.5s linear;
    height: calc(100vh - (100vw / 375 * (48 + 45)));
}

.motion-charts-type-header {
    flex-wrap: nowrap;
    width: 100%;
    padding: 0 calc(100vw / 375 * 80);
    /*margin-bottom: calc(100vw / 375 * 10);*/
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: absolute;
    top: calc(100vw / 375 * (130 + 48)) !important;
    z-index: 6;
    transition: transform 0.5s linear;
}

.motion-charts-type-header-box {
    flex-grow: 3;
    width: 33%;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 45);
    height: calc(100vw / 375 * 45);
    font-weight: 400;
    color: #969699;
}

.motion-charts-type-header-box.selected {
    font-size: calc(100vw / 375 * 18);
    font-weight: 600;
    color: #ff743d;
}

.icon-title {
    position: absolute;
    left: calc(100vw / 375 * 15);
    top: calc(100vw / 375 * 15);
    z-index: 6;
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
}

.motion-my-header {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 50) calc(100vw / 375 * 5) calc(100vw / 375 * 50);
    border-color: hsla(0, 0%, 100%, .1);
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: absolute;
    width: 100%;
    z-index: 6;
}

.motion-charts-bg .slide-back-outer,
.motion-info-bg .slide-back-outer {
    top: calc(100vw / 375 * 15);
    left: calc(100vw / 375 * 15);
    background: rgba(111, 111, 113, 0.7);
    border-radius: 50%;
    padding: calc(100vw / 375 * 5);
    border: none;
    position: absolute;
    z-index: 9;
}

.motion-charts-bg .slide-back,
.motion-info-bg .slide-back {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 14);
}

.motion-my-header.motion-my-bg {
    top: 44px;
    z-index: 100;
}

.motion-content-my-list {
    width: 100%;
    position: relative;
}

.motion-my-type-header {
    width: 100%;
    padding: calc(100vw / 375 * 10);
    /*margin-bottom: calc(100vw / 375 * 10);*/
    background-image: linear-gradient(270deg, #101012, #101012) !important;
    position: absolute;
    top: calc(100vw / 375 * 48 + 44px) !important;
    z-index: 6;
}


.motion-my-sub-sort {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #6f6f71;
}

.motion-my-sub-sort.selected {
    color: #e3e3e5;
}

.motion-charts-content-sub-title,
.motion-my-content-sub-title {
    width: 100%;
}

.motion-charts-content-sub-title .title,
.motion-my-content-sub-title .title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.motion-my-content-sub-title .title.process {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    margin-bottom: calc(100vw / 375 * 10);;
}

.motion-charts-content-sub-title span,
.motion-my-content-sub-title span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #969699;
}

.motion-bg .noShow {
    color: #101012;
}

.motion-my-sub-icon {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    color: #F2D1AE;
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: calc(100vw / 375 * 5);
}

.motion-content-my-item-text-body {
    width: 100%;
}

.motion-info-hd {
    position: relative;
    opacity: .8;
    border: 1px solid #F2D1AE;
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 5);
    border-radius: calc(100vw / 375 * 5);
}

.motion-info-hd span {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 400 !important;
    color: #fff;
}

.motion-info-header-hd {
    width: 100%;
    padding-right: calc(100vw / 375 * 10);
    padding-bottom: calc(100vw / 375 * 5);
}

.motion-info-barrage-input {
    background-color: transparent;
    width: calc(100vw / 375 * 80) !important;
    height: calc(100vw / 375 * 30) !important;
    border: none !important;
    font-size: calc(100vw / 375 * 12) !important;
}

.motion-info-barrage-img {
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    margin-right: calc(100vw / 375 * 10);
}

.motion-info-vip {
    position: absolute;
    right: -1px;
    top: calc(100vw / 375 * -5);
    width: calc(100vw / 375 * 20);
    height: auto;
}

.no-click {
    pointer-events: none; /* 彻底屏蔽点击 */
}

.motion-content-my-item {
    position: relative;
    background-image: linear-gradient(270deg, #101012, #101012) !important;
}

.motion-content-my-item.animated {
    transition: transform 0.5s ease-in-out;
}

.motion-content-my-item-select {
    position: absolute;
    left: calc(100vw / 375 * 10);
    top: 50%;
    margin-top: calc(-1 * (100vw / 375 * 7));
}

.motion-content-my-list.move > .motion-content-my-item-outer .motion-content-my-item {
    transform: translateX(calc(100vw / 375 * 45));
}

.motion-content-my-list > .motion-content-my-item-outer .motion-content-my-item {
    transform: translateX(0px);
}

.motion-search-bg .merchant-search-main-history-title {
    color: #e3e3e5;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin: calc(100vw / 375 * 20) 0;
}

.motion-search-bg .merchant-search-main-content-noda {
    color: #c8c8cc;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
}

.motion-search-bg .merchant-search-main-history-icon {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    color: #6f6f71;
}

.motion-search-bg .merchant-search-main-content {
    background: #17181a;
    color: #969699;
    font-weight: 400;
    padding: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    border-radius: calc(100vw / 375 * 2);
    max-width: fit-content;
    min-width: calc(100vw / 375 * 50);
}

.motion-search-bg .merchant-search-main-content.activated {
    background: #25252c;
    color: #969699;
}

.card-bag-coupon {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 10);
    background: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
}

.card-bag-coupon:last-child {
    margin-bottom: 0;
}

.card-bag-coupon-left {
    width: calc(100vw / 375 * 45);
    min-width: calc(100vw / 375 * 45);
    height: 100%;
}

.card-bag-coupon-left img {
    height: calc(100vw / 375 * 35);
    width: calc(100vw / 375 * 35);
    border-radius: 50%;
}

.card-bag-coupon-right {
    width: 100%;
    height: 100%;
}

.card-bag-coupon-right-title {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    margin-bottom: calc(100vw / 375 * 10);
}

.card-bag-coupon-right-img {
    position: relative;
    height: calc(100vw / 375 * 70);
    width: 100%;
}

.card-bag-coupon-right-color {
    position: relative;
    background-image: linear-gradient(90deg, #ffeff0, #fff7f7) !important;
    height: calc(100vw / 375 * 70);
    width: 100%;
    border-top-right-radius: calc(100vw / 375 * 5);
    border-bottom-right-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10);
    overflow: hidden;
}

.card-bag-coupon-right-desc {
    position: absolute;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #FF3B30;
    margin: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: calc(100vw / 375 * 38);
}

.card-bag-coupon-right-copy {
    padding: calc(100vw / 375 * 5) 0;
    border-radius: calc(100vw / 375 * 15);
    background: #FF3B30;
    min-width: calc(100vw / 375 * 49);
    width: calc(100vw / 375 * 49);
}

.card-bag-coupon-right-copy span {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: normal;
}

.card-bag-coupon-status {
    position: absolute;
    top: calc(100vw / 375 * 6);
    right: calc(-1 * (100vw / 375 * 17)); /* 保证旋转后居中 */
    width: calc(100vw / 375 * 60);
    transform: rotate(45deg);
    padding: calc(100vw / 375 * 3) 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.card-bag-coupon-status-00 {
    background-image: linear-gradient(90deg, #FFD96D, #FF963A) !important;
}

.card-bag-coupon-status-01 {
    background-image: linear-gradient(90deg, #C690FF, #6B8DFE) !important;
}

.card-bag-coupon-status-02 {
    background-image: linear-gradient(90deg, #fd8810, #fe5d81) !important;
}

.card-bag-coupon-status-03 {
    background-image: linear-gradient(90deg, #999999, #666666) !important;
}

.card-bag-coupon-status span {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #FFFFFF;
}

.card-bag-coupon-right-content {
    height: 100%;
    width: 100%;
}

.card-bag-coupon-right-content-name {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #333333;
    margin-bottom: calc(100vw / 375 * 7);
}

.used .card-bag-coupon-right-content-name {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    margin-bottom: calc(100vw / 375 * 3);
}

.card-bag-coupon-right-content-desc {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #999999;
}

.used .card-bag-coupon-right-content-desc {
    font-size: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
}

.card-bag-coupon-right-content-desc {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #999999;
}

.card-bag-coupon-right-content-sub {
    width: 100%;
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.card-bag-coupon-right-content-sub.expire {
    color: #ff3b30;
}

.card-bag-coupon-header {
    position: absolute;
    z-index: 1;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    background-image: linear-gradient(270deg, #2F2B33, #2F2B33) !important;
}

.card-bag-coupon-header-button {
    border: 1px solid #EFC7A0;
    background: transparent;
    margin-right: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 15);
}

.card-bag-coupon-header-button.selected {
    border: 1px solid #EFC7A0;
    background: #EFC7A0;
}

.card-bag-coupon-header-button span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #EFC7A0;
}

.card-bag-coupon-header-button.selected span {
    color: #000000;
}

.coupon-ngdialog .header-yPrice {
    color: #3a3a3a;
}

.coupon-ngdialog .header-box .input-address {
    color: #3a3a3a;
    border-radius: calc(100vw / 375 * 3);
    height: calc(100vw / 375 * 40);
    font-size: calc(100vw / 375 * 12);
}

.coupon-ngdialog .choose-box {
    margin-top: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    /*background: linear-gradient(270deg, #F4D5B7, #F5EAD9, #FFD1A0);*/
    background: transparent;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #D8AF8B !important;
}

.coupon-ngdialog .input-del-login {
    color: #a5a5a5;
}

.coupon-ngdialog .card-icon-detail--label {
    color: #3a3a3a;
}

.coupon-ngdialog .card-icon-detail--svg {
    width: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
}

.coupon-ngdialog .jsds .input-address.trade-input-amount {
    border-bottom: 0.5px solid #E1A177;
}

.coupon-ngdialog .header-box {
    border-bottom: none;
}

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

.coupon-ngdialog .header-y--balance {
    font-size: calc(100vw / 375 * 12) !important;
    color: rgba(82, 186, 253, 1);
}

.coupon-copy-hint {
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #999999;
}

.jsds-title-hint {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #999999;
}