.modalbox_img{
    display: none;
}

/* Modal */
.blocker{
    z-index: 99998!important;
}
.zumodal{
    z-index: 99999!important;
}

/* Loading */
/* 蒙层的样式 */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 黑色半透明 */
    display: none; /* 默认隐藏 */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
/* 圆圈的样式 */
.loading-spinner {
    border: 8px solid rgba(255, 255, 255, 0.3); /* 半透明边框 */
    border-top: 8px solid #fff; /* 白色圆圈 */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite; /* 动画效果 */
}
/* 转动动画 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

:root{
    /* Font Size */
    --zu-font-size-sm: .75rem;
    --zu-font-size-md: .875rem;
    --zu-font-size-lg: 1rem;
    --zu-font-size-xl: 1.15rem;
    --zu-font-size-xxl: 1.35rem;
}

/* Margin */
.zu-my-sm{
    margin-top: .75rem;
    margin-bottom: .75rem;
}
/* Margin Top */
.zu-margin-top-md{
    margin-top: 15px;
}
.zu-margin-top-lg{
    margin-top: 25px;
}
.zu-margin-top-xl{
    margin-top: 35px;
}
.zu-margin-top-xxl{
    margin-top: 45px;
}

/* Padding */
.zu-p-1{
    padding: .25rem !important;
}
.zu-p-2{
    padding: .5rem !important;
}
.zu-p-3{
    padding: 1rem !important;
}
.zu-p-4{
    padding: 1.5rem !important;
}
/* x */
.zu-px-1{
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}
.zu-px-2{
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}
.zu-px-3{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.zu-px-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
/* y */
.zu-py-1{
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.zu-py-2{
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.zu-py-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.zu-py-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

/* Background */
.zu-bg-light{
    background-color: var(--zu-gray-100);
}

/* Mouse pointer */
.cursor-pointer{
    cursor: pointer!important;
}

/* Hover */
.hover-element-border-card{
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.hover-element-border-card:hover{
    border-color: var(--zu-gray-400);
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

/* Sticky */
.stickySidebarWrap{
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
    z-index: 2;
}

/* Button */
.zu-outline-btn{
    border-radius: var(--zu-border-radius);
    font-size: var(--zu-font-size-lg);
    transition: all 0.3s ease-out;
}
.zu-outline-btn:active, .zu-outline-btn:focus{
    color: var(--zu-danger);
}
.zu-outline-danger-btn-md{
    border: 1px solid var(--zu-danger);
    color: var(--zu-danger);
    padding: .6rem 1rem;
}
.zu-outline-danger-btn-md:hover{
    background-color: #fcedec;
    color: var(--zu-danger);
}

/* Switch */
.switchRoundedBtn{}
.tgl {
    display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
}
.tgl-light + .tgl-btn {
    background: var(--zu-gray-400);
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
    background: #1ae77c;
}
.tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
}
.tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
}
.tgl-ios:checked + .tgl-btn {
    background: #86d993;
}
.tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
}
.tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(-10deg);
    backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    background: #888;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
    background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
    left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
    background: #86d993;
}
.tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
    left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
}
.tgl-flat + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    background: #fff;
    border: 4px solid #f2f2f2;
    border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
    transition: all 0.2s ease;
    background: #f2f2f2;
    content: "";
    border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
    border: 4px solid #7FC6A6;
}
.tgl-flat:checked + .tgl-btn:after {
    left: 50%;
    background: #7FC6A6;
}
.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    font-family: sans-serif;
    perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all 0.4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #02C66F;
    transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
    background: #FF3A19;
    content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
    transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
    transform: rotateY(0);
    left: 0;
    background: #7FC6A6;
}
.tgl-flip:checked + .tgl-btn:active:after {
    transform: rotateY(20deg);
}

/* 展开/折叠 箭头 */
.chevron{
    display: inline-block;
    min-width: 13px;
    max-width: 13px;
    min-height: 10px;
    max-height: 10px;
    position: relative;
    margin-left: 5px;
    vertical-align: middle;
}
.chevron::before, .chevron::after{
    content: "";
    position: absolute;
    width: 8px;
    top: 3px;
    border-bottom: 2px solid;
    left: 0;
    transform: rotate(45deg);
    transition: transform .15s ease-in-out;
}
.chevron::before {
    left: auto;
    right: 0;
    transform: rotate(-45deg);
}
.chevron.chevronUp::before {
    transform: rotate(45deg);
}
.chevron.chevronUp::after {
    transform: rotate(-45deg);
}

/* DIV模拟表格 表格列表 展示方式 */
.imitationTableList{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-lg);
    display: flex;
    flex-wrap: wrap;
}
.imitationTableList .trRow{
    border-bottom: 1px solid var(--zu-gray-300);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.imitationTableList .trRow:nth-child(even){
    background-color: var(--zu-gray-100);
}
.imitationTableList .trRow:last-child{
    border-bottom: 0;
}
.imitationTableList .tdCol{
    display: flex;
    align-items: center;
    flex: 1 1 calc(50% - 5px); /* 50% 宽度并且考虑到间隔的一半 */
    padding: 10px 15px;
    line-height: 1.2;
    position: relative;
}
.imitationTableList .tdCol:nth-child(odd)::before{
    content: '';
    width: .0125rem;
    height: 100%;
    display: flex;
    background-color: var(--zu-gray-300);
    position: absolute;
    top: 0;
    right: -11px;
}
.imitationTableList .trRow .tdCol .firstDiv{
    color: var(--zu-gray-800);
    padding-right: 5px;
    position: relative;
}
.imitationTableList .trRow .tdCol .firstDiv::after{
    content: ':';
    margin-left: 2px;
}
.imitationTableList .trRow .tdCol .lastDiv{}

/* Container */
.zu-container-lg{
    max-width: 1332px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

/* Product Detail Wrapper */
.fullWidthGrayBgWrapper{
    background-color: #f9f9f9;
    padding: 0 0 40px 0;
}
.productDetailWrapper, .userStoreWrapper {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    padding-top: 25px;
}
.productDetailWrapper>*, .userStoreWrapper>*{
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

/* Product Detail Main */
.productDetailMain{
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    width: 70%;
    position: relative;
}
/* Light Card */
.pd-leftCard{
    border: 1px solid var(--zu-gray-200);
    border-radius: var(--zu-border-radius-lg);
    background-color: white;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    padding: 25px 25px 25px 25px;
}
/* Product Photo */
.productDetailMain .productPhotoWrap{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 279px;
    padding-right: 25px;
}
.productDetailMain .productPhoto{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-lg);
    width: 254px;
    max-height: 380px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 381px;
}
.productDetailMain .productPhoto>img{
    max-width: 100%;
    max-height: 100%;
}
.productDetailMain .thumbnail{
    border: 0;
    background-color: transparent;
    margin-bottom: 0;
    line-height: initial;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 5px 0;
}
.productDetailMain .thumbnail .thumbItem{
    /*border: 1px solid var(--zu-gray-300);*/
    background-color: var(--zu-gray-100);
    background-color: white;
    border-radius: var(--zu-border-radius-sm);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: 5px;
    overflow: hidden;
    opacity: .75;
    padding: 5px;
    position: relative;
}
.productDetailMain .thumbnail .thumbItem::before{
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.productDetailMain .thumbnail .thumbItem>img{
    border-radius: var(--zu-border-radius-sm);
    max-width: 100%;
    max-height: 100%;
}
.productDetailMain .thumbnail .thumbItem.active{
    opacity: 1;
}
/* Product Info */
.productDetailMain .productInfo{
    flex: 1;
    overflow: hidden; /* 防止换行加的 */
}
.productDetailMain .zu-btn-outline-danger-md{
    padding: 10px 15px;
    font-size: var(--zu-font-size-lg);
    height: 40px;
}
.favoriteThis{
    position: absolute;
    top: 0;
    right: 25px;
}
.favoriteThis .flag{
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 30px;
    margin: 0 auto;
    /*padding-top: 5px;*/
    padding-top: 8px;
    /*color: var(--zu-gray-600);*/
    color: white;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}
.favoriteThis .flag>svg{
    font-size: 18px;
    stroke: grey;
    stroke-width: 75;
}
.favoriteThis .flag>span{
    width: 100%;
}
.favoriteThis .flag-main{
    width: 40px;
    height: 30px;
    position: absolute;
    /*background: hotpink;*/
    background: var(--zu-gray-200);
    z-index: -1;
    top: 0;
    left: 0;
}
.favoriteThis .flag-main::before{
    content: ' ';
    position: absolute;
    left: 0;
    /*bottom: -20px;*/
    bottom: -12px;
    width: 0;
    height: 0;
    /*border-top: 10px solid hotpink;*/
    /*border-left: 20px solid hotpink;*/
    border-top: 10px solid var(--zu-gray-200);
    border-left: 20px solid var(--zu-gray-200);
    border-right: 20px solid transparent;
    border-bottom: 10px solid transparent;
}
.favoriteThis .flag-main::after{
    content: ' ';
    position: absolute;
    right: 0;
    /*bottom: -20px;*/
    bottom: -12px;
    width: 0;
    height: 0;
    /*border-top: 10px solid hotpink;*/
    border-top: 10px solid var(--zu-gray-200);
    border-left: 20px solid transparent;
    /*border-right: 20px solid hotpink;*/
    border-right: 20px solid var(--zu-gray-200);
    border-bottom: 10px solid transparent;
}
.favoriteThis.active .flag{
    color: red;
}
.favoriteThis.active .flag>svg{
    stroke: red;
}
.favoriteThis.active .flag-main{
    background: #fff0e6;
}
.favoriteThis.active .flag-main::before{
    border-top: 10px solid #fff0e6;
    border-left: 20px solid #fff0e6;
}
.favoriteThis.active .flag-main::after{
    border-top: 10px solid #fff0e6;
    border-right: 20px solid #fff0e6;
}
.productDetailMain .productInfo .bigTitle{
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 26px;
    padding-right: 50px;
    font-family: RobotoBold;
    font-weight: initial;
}
/* 只在手机端显示的产品图 */
.productDetailMain .productInfo .bigTitle .thisProductPic{
    display: none;
}
.productDetailMain .productInfo .bigTitle .thisProductPic>img{
    width: 100%;
}
/* End */
.productDetailMain .productInfo .productAttributes{
    border-bottom: 1px solid var(--zu-gray-200);
    display: flex;
    flex-wrap: wrap;
}
.productDetailMain .productInfo .productAttributes .attrItem{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 33.33333333%;
    margin: 5px 0;
}
.productDetailMain .productInfo .productAttributes .attrItem .iconBox{
    border: 1px solid var(--zu-gray-400);
    border-radius: var(--zu-border-radius-max);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 20px;
}
.productDetailMain .productInfo .productAttributes .attrItem .textBox{
    flex: 1;
    padding-left: 10px;
}
.productDetailMain .productInfo .productAttributes .attrItem .textBox .sTxt{
    color: var(--zu-gray-600);
    font-size: 14px;
}
.productDetailMain .productInfo .productAttributes .attrItem .textBox .bTxt{
    font-size: 14px;
    line-height: 1;
}
/* 产品指南 */
.productGuideInfo{
    gap: 10px;
}
.productGuideInfo .gItem{
    flex: 0 0 calc(33.333% - 20px / 3);
}
.productGuideInfo .gItem .gIcon{
    width: 35px;
    height: 35px;
}
.productGuideInfo .gItem .gIcon>img{
    width: 100%;
    height: auto;
}
.productGuideInfo .gItem .gText{
    flex: 1;
    padding-left: 10px;
}
.productGuideInfo .gItem .gText .g-bTitle{
    /*font-weight: 700;*/
    font-family: RobotoBold;
}
.productGuideInfo .gItem .gText .g-sTitle{
    font-size: var(--zu-font-size-md);
    line-height: 1.25;
}
.productGuideInfo .gItem .gText .g-sTitle>span{
    color: var(--zu-gray-600);
    max-height: 46px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    line-height: 1.2;
}
.productGuideInfo .gItem .gText .g-sTitle>span span{
    color: #111;
}
.productGuideInfo .gItem .gText .g-sTitle span:nth-child(2){
    color: #12c6aa;
}
.productGuideInfo .gItem .gText .g-sTitle button, .productGuideInfo .gItem .gText .g-sTitle a{
    border: 0;
    background-color: transparent;
    box-shadow: none;
    color: #ff6c00;
    margin: 0;
    padding: 0;
}
.productGuideInfo .gItem .gText .g-sTitle button:hover, .productGuideInfo .gItem .gText .g-sTitle a:hover{
    color: orangered;
}
/* 产品指南 Modal */
.guideModalShow{
    max-width: 800px!important;
    width: 100%!important;
    padding: 0 0 15px 0!important;
}
.guideModalShow .g-i-head, .guideModalShow .productRegion{
    border-bottom: 1px solid var(--zu-gray-300);
    padding: 20px 30px;
}
.guideModalShow .g-i-head .g-m-icon{
    width: 35px;
    height: 35px;
}
.guideModalShow .g-i-head .g-m-icon>img{
    width: 100%;
    height: auto;
}
.guideModalShow .g-i-head .g-m-text{
    flex: 1;
    padding-left: 15px;
}
.guideModalShow .g-i-head .g-m-text .countryTxt{
    font-weight: 700;
}
.guideModalShow .productRegion{
    gap: 10px;
}
.guideModalShow .productRegion .p-r-item{
    flex: 0 0 calc(50% - 20px / 2);
}
.guideModalShow .productRegion .p-r-item .p-r-sText{
    color: var(--zu-gray-600);
}
.guideModalShow .productRegion .p-r-item .p-r-bText{
    font-size: var(--zu-font-size-xl);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05rem;
}
.guideModalShow .g-searchBar{
    padding: 20px 30px;
}
.guideModalShow .g-searchBar .g-s-b-text{
    flex: 1;
    font-size: var(--zu-font-size-lg);
    font-family: RobotoBold;
    padding-right: 10px;
}
.guideModalShow .g-searchBar .g-s-b-form{
    width: 260px;
    position: relative;
}
.guideModalShow .g-searchBar .g-s-b-form .g-s-b-icon{
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 2;
    font-size: var(--zu-font-size-xl);
}
.guideModalShow .g-searchBar .g-s-b-form input{
    border-radius: var(--zu-border-radius);
    padding-left: 35px;
}
.guideModalShow .listWorldCountry{
    padding: 20px 30px;
    max-height: 320px;
    overflow-y: auto;
    gap: 10px;
}
.guideModalShow .listWorldCountry .l-w-c-item{
    flex: 0 0 calc(33.333% - 20px / 3);
}
/* 产品描述 */
.productDetailMain .productInfo .productDescription .bTitle, .productDetailMain .productInfo .productReminder .bTitle, .productDetailMain .productInfo .productSpecification .bTitle{
    display: flex;
    align-items: center;
    position: relative;
    font-family: RobotoBold;
    font-size: 1.25rem;
}
.productDetailMain .productInfo .productDescription .bTitle::before, .productDetailMain .productInfo .productReminder .bTitle::before, .productDetailMain .productInfo .productSpecification .bTitle::before{
    background-color: var(--zu-danger);
    border-radius: var(--zu-border-radius-max);
    content: '';
    width: 4px;
    height: 12px;
    margin-top: -1px;
    margin-right: 10px;
}
.productDetailMain .productInfo .productDescription .textWrap, .productDetailMain .productInfo .productReminder .textWrap{
    line-height: 1.4;
    font-size: 1rem;
    white-space: pre-wrap;
    word-break: break-all;
}
.productDetailMain .productInfo .productReminder .textWrap p, .productDetailMain .productInfo .productReminder .textWrap span, .productDetailMain .productInfo .productReminder .textWrap p span{
    white-space: pre-wrap;
    word-break: break-all;
    text-wrap: initial!important;
}
.productDetailMain .productInfo .productDescription .textWrap{
    white-space: pre-wrap;
}
.productDetailMain .productInfo .productDescription .textWrap .warning-tips-label{
    box-shadow: none;
    font-size: var(--zu-font-size-lg);
    margin-bottom: 10px;
}
.productDetailMain .productInfo .productReminder{
    /*border: 1px solid var(--zu-gray-300);*/
    background-color: var(--zu-gray-100);
    border-radius: var(--zu-border-radius-lg);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
}
.productDetailMain .productInfo .productReminder .iconBox{
    color: var(--zu-warning);
    width: 25px;
}
.productDetailMain .productInfo .productReminder .iconBox>svg{
    width: 25px;
    height: 25px;
}
.productDetailMain .productInfo .productReminder .rightBox{
    flex: 1;
    padding-left: 15px;
}
.productDetailMain .productInfo .productReminder .rightBox .bTitle{
    font-family: RobotoBold;
    margin-bottom: 5px;
}
.productDetailMain .productInfo .productReminder .rightBox .bTitle::before{
    display: none;
    margin: 0;
    padding: 0;
}
.productDetailMain .productInfo .viewMoreBtn, .productDetailMain .productInfo .toggleBtn {
    cursor: pointer;
}
.productDetailMain .productInfo .viewMoreBtn{
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #2ec074;
    text-decoration: underline;
}
.productDetailMain .productInfo .toggleBtn{
    border: 0;
    background-color: var(--zu-gray-200);
    border-radius: var(--zu-border-radius-max);
    display: inline-block;
    margin-top: 5px;
    padding: 2px 8px 2px 12px;
    transition: background-color 0.5s ease;
}
.productDetailMain .productInfo .toggleBtn:hover{
    background-color: var(--zu-gray-400);
}
.productDetailMain .productInfo .toggleBtn .chevron{
    transform: scale(0.75);
    margin-left: 0;
}
.reportListingLink a{
    color: #414245;
    text-decoration: underline;
}
.reportListingLink a:hover{
    color: #222;
    text-decoration: none;
}

/* Product Sidebar */
.productDetailSidebar{
    flex: 0 0 auto;
    width: 30%;
}
.form_submit{
    width: 100%;
}
.productBuyCard{
    border: 1px solid var(--zu-gray-200);
    border-radius: var(--zu-border-radius-lg);
    background-color: white;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    padding: 25px 25px 20px 25px;
    position: relative;
}
.productBuyCard .stockInfo{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-lg);
    margin-top: 1.5rem;
}
.productBuyCard .labelBar{
    border-top: 1px solid var(--zu-gray-300);
    border-bottom: 1px solid var(--zu-gray-300);
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}
.productBuyCard .labelBar .labelItem{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*width: 50%;*/
}
.productBuyCard .labelBar .labelItem:last-child{
    margin-left: auto;
}
.productBuyCard .labelBar .labelItem .iconBox{
    color: var(--zu-danger);
    width: 22px;
    height: 22px;
}
.productBuyCard .labelBar .labelItem .iconBox>svg{
    width: 22px;
    height: 22px;
}
.productBuyCard .labelBar .labelItem .iconBox>img{
    width: 22px;
    height: 22px;
}
.productBuyCard .labelBar .labelItem .textBox{
    flex: 1;
    padding-left: 3px;
}
.productBuyCard .labelBar .labelItem .textBox .sText{
    color: var(--zu-gray-600);
    font-size: 12px;
    line-height: 1;
}
.productBuyCard .labelBar .labelItem .textBox .bText{
    font-size: 14px;
    line-height: 1;
}
.productBuyCard .errorMessage{
    color: var(--zu-danger);
    font-size: var(--zu-font-size-sm);
    width: 100%;
    text-align: center;
    position: relative;
    top: -5px;
}
.productBuyCard .conversion{
    align-items: center;
    color: var(--zu-gray-600);
    line-height: 1;
}
.productBuyCard .conversion small{
    font-size: var(--zu-font-size-lg);
}
.productBuyCard .conversion .c-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 3px;
}
.productBuyCard .conversion .c-icon>img{
    width: 100%;
    height: auto;
}
.productBuyCard .priceBar{
    align-items: center;
    margin: 1.5rem 0 .25rem 0;
}
.productBuyCard .priceBar .sText{
    font-family: RobotoBold;
    font-size: var(--zu-font-size-xl);
}
.productBuyCard .priceBar .bText{
    font-family: RobotoBold;
    margin-left: auto;
    text-align: right;
}
.productBuyCard .priceBar .bText .beforeDiscountText{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-md);
    font-weight: normal;
    font-family: nunito-regular;
    line-height: 1;
}
.productBuyCard .buyBtnBar{
    margin-left: -5px;
    margin-right: -5px;
}
.productBuyCard .buyBtnBar .btnItem{
    /*width: 50%;*/
    padding: 0 5px;
    flex: 1;
}
.productBuyCard .buyBtnBar .zu-btn-outline-danger-md, .productBuyCard .buyBtnBar .zu-btn-danger-md{
    padding: .875rem!important;
    /*font-family: RobotoBold;*/
    font-size: 1.25rem;
    font-weight: 600;
}
.productBuyCard .buyBtnBar .zu-btn-danger-md{
    border: 1px solid var(--zu-danger);
}
.productBuyCard .buyBtnBar .zu-btn-danger-md.disabled{
    background-color: var(--zu-danger)!important;
    color: white;
    position: relative;
    opacity: .3;
    filter:grayscale(1);
}
.productBuyCard .buyBtnBar .zu-btn-danger-md.disabled::before{
    /*content: '';*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-color: white;*/
    /*opacity: .75;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 2;*/
}
.productBuyCard .buyBtnBar .addCartBtn{
    width: 60px;
    flex: initial;
}
.productBuyCard .buyBtnBar .addCartBtn .zu-btn-outline-danger-md{
    font-size: 1.75rem;
    padding: 7px!important;
}
.productBuyCard .buyBtnBar.oneBtn .btnItem{
    width: 100%;
}
.shopSecurely{
    justify-content: left!important;
    padding-top: 20px;
}
.shopSecurely a{
    /*color: var(--zu-gray-600);*/
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
}
.shopSecurely a>img{
    width: 18px;
    height: auto;
    margin-right: 5px;
}
.freeInsuranceBar{
    border-radius: var(--zu-border-radius-lg);
    background-color: #f6f5fa;
    color: #2a66bd;
    display: flex;
    align-items: center;
    padding: 15px 20px;
}
.freeInsuranceBar>svg{
    margin-right: 5px;
    font-size: var(--zu-font-size-xxl);
}
.freeInsuranceBar span:last-child{
    margin-left: auto;
}
/* 商品增减 */
.counter {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    background-color: #f5f7fa;
    border-radius: 50px;
    padding: 6px;
    position: relative;
}
.counter button {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 99rem;
    font-size: 24px;
    cursor: pointer;
}
.counter .decrement {
    background-color: #fff;
    color: #7d7d7d;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s ease;
}
.counter .increment {
    /*background-color: #ff5722;*/
    background-color: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    color: #7d7d7d;
    transition: background-color 0.5s ease;
}
.counter .decrement:hover, .counter .increment:hover{
    background-color: #ff5722;
    color: white;
    box-shadow: none;
}
.counter .count {
    color: var(--zu-gray-800);
    width: 70px;
    text-align: center;
    border: none;
    background-color: transparent;
    outline: none;
    -moz-appearance: textfield;
    font-size: var(--zu-font-size-lg);
}
.counter .count::-webkit-outer-spin-button,
.counter .count::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.counter .c-dropdownPanel{
    border: 1px solid var(--zu-gray-300);
    background-color: white;
    border-radius: var(--zu-border-radius);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 108%;
    left: 50%;
    margin-left: -150px;
    z-index: 2;
    width: 300px;
    max-height: 300px;
}
.counter .c-dropdownPanel .table{
    width: 100%;
    font-size: var(--zu-font-size-sm);
    margin-bottom: 0;
}
.counter .c-dropdownPanel .table tr th:not(:last-child), .counter .c-dropdownPanel .table tr td:not(:last-child){
    border-right: 1px solid var(--zu-gray-300);
}
.counter .c-dropdownPanel .table tr th:first-child, .counter .c-dropdownPanel .table tr td:first-child{
    width: 40%;
}
.counter .c-dropdownPanel .table tr th:nth-child(2), .counter .c-dropdownPanel .table tr td:nth-child(2){
    width: 30%;
}
.counter .c-dropdownPanel .table tbody tr{
    cursor: pointer;
}
.counter .c-dropdownPanel .table tbody tr:hover{
    /*background-color: #f1f2f3;*/
    color: #4a5693;
}
.counter .c-dropdownPanel .cdp-header{
    background-color: var(--zu-gray-200);
    border-radius: .375rem .375rem 0 0;
    color: var(--zu-gray-600);
    width: 100%;
    padding: 6px 15px;
    font-size: var(--zu-font-size-sm);
    text-align: center;
    font-family: RobotoBold;
    position: relative;
}
.counter .c-dropdownPanel .cdp-header::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid var(--zu-gray-200);
    z-index: 2;
    top: -10px;
    left: 50%;
    margin-left: -3px;
}
/* 数量选择 */
.quantitySelectBox{
    width: 130px;
}
.quantitySelectBox .btn-default{
    background-color: #f5f7fa;
    padding: 13px 16px;
    font-size: var(--zu-font-size-md);
    width: 100%;
}
.quantitySelectBox .dropdown-menu li a{
    padding: 7px 12px;
    font-size: var(--zu-font-size-md);
}
/* 模拟Select */
.divSelect{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.divSelect .selButton{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius);
    cursor: pointer;
    padding: 10px 15px;
    font-size: var(--zu-font-size-md);
    position: relative;
}
.divSelect .selButton::before{
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--zu-gray-600);
    position: absolute;
    top: 17px;
    right: 10px;
}
.divSelect .selListDropdown{
    border: 1px solid var(--zu-gray-300);
    background-color: white;
    border-radius: var(--zu-border-radius);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    /*padding: 10px 15px;*/
    position: absolute;
    z-index: 2;
    top: 100%;
    /*width: 300px;*/
    /*left: 50%;*/
    /*margin-left: -150px;*/
}
.divSelect .selListDropdown .sel-ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.divSelect .selListDropdown .sel-ul .sel-li{
    padding: 0;
}
.divSelect .selListDropdown .sel-ul .sel-li .sel-btn{
    border: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: var(--zu-font-size-md);
    padding: 6px 15px;
    width: 100%;
    text-align: left;
}
.divSelect .selListDropdown .sel-ul .sel-li .sel-btn:hover{
    background-color: var(--zu-gray-100);
}
.divSelect .selListDropdown .sel-ul .sel-li .sel-btn.active{
    background-color: var(--zu-gray-200);
}

/* 卖家 */
.sellerPanelCard{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-lg);
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 20px;
}
.sellerPanelCard .sellerHead{
    display: flex;
    align-items: center;
    width: 100%;
}
.sellerPanelCard .sellerHead .sellerInfo{
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
}
.sellerPanelCard .sellerHead .sellerInfo .profilePic{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-max);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: relative;
}
.sellerPanelCard .sellerHead .sellerInfo .profilePic::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: var(--zu-border-radius-max);
    background-color: var(--zu-gray-300);
    border: 2px solid white;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sellerPanelCard .sellerHead .sellerInfo.online .profilePic::before{
    background-color: #1ae77c;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    padding-left: 10px;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .nameText, .sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon{
    width: 100%;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .nameText{
    display: flex;
    align-items: center;
    font-size: var(--zu-font-size-lg);
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .nameText .userNameMaxText{
    max-width: 150px; /* 设置元素宽度 */
    white-space: nowrap; /* 确保文本在一行内显示 */
    overflow: hidden; /* 隐藏超出容器宽度的文本 */
    text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .nameText svg{
    margin: 0 3px;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .nameText img{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 2px;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon{
    display: flex;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon .imgboxdengji{
    width: 18px;
    height: auto;
    margin-right: 3px;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon .imgboxdengji img{
    width: 14px;
    height: 14px;
}
.sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon .ratingText{
    font-size: var(--zu-font-size-lg);
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct{
    margin-left: auto;
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct .goSellerStore{
    display: flex;
    align-items: center;
    font-size: var(--zu-font-size-md);
    position: relative;
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct .goSellerStore svg{
    margin-right: 2px;
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct .goSellerStore span{
    font-family: RobotoBold;
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct .goSellerStore .showMoreTextInfo{
    background-color: black;
    border-radius: var(--zu-border-radius);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    color: white;
    padding: 5px;
    position: absolute;
    bottom: 105%;
    right: 0;
    font-size: var(--zu-font-size-sm);
    white-space: nowrap;
    display: none;
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct .goSellerStore:hover{
    color: var(--zu-danger);
}
.sellerPanelCard .sellerHead .sellerInfo .SellerChatAndOtherProduct .goSellerStore:hover .showMoreTextInfo{
    display: block;
}
.sellerPanelCard .sellerHead .sellerInfo .talkSeller, .sellerProfileCard .profileHead .chatBox .talkSeller{
    background-color: #17c981;
    border-radius: var(--zu-border-radius);
    color: white;
    display: inline-flex;
    align-items: center;
    padding: 10px 10px;
    line-height: 1;
    text-decoration: none;
    transition: background-color 0.5s ease;
    float: right;
    font-size: var(--zu-font-size-lg);
}
.sellerPanelCard .sellerHead .sellerInfo .talkSeller>svg, .sellerProfileCard .profileHead .chatBox .talkSeller>svg{
    margin-right: 3px;
    font-size: var(--zu-font-size-lg);
}
.sellerPanelCard .sellerHead .sellerInfo .talkSeller:hover, .sellerProfileCard .profileHead .chatBox .talkSeller:hover{
    background-color: #3dda62;
}
.sellerPanelCard .sellerBody{
    border-top: 1px solid var(--zu-gray-300);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
}
.sellerPanelCard .sellerBody .offersItem{
    border-right: 1px solid var(--zu-gray-300);
    width: 50%;
}
.sellerPanelCard .sellerBody .offersItem .iconBox{
    background-color: #f0f1ff;
    border-radius: var(--zu-border-radius-max);
    color: #7077e2;
    width: 35px;
    height: 35px;
    font-size: 1.15rem;
}
.sellerPanelCard .sellerBody .offersItem .textBox{
    padding-left: 10px;
    flex: 1;
}
.sellerPanelCard .sellerBody .offersItem .textBox .bTxt{
    font-family: RobotoBold;
    line-height: 1;
}
.sellerPanelCard .sellerBody .offersItem .textBox .sTxt{
    color: var(--zu-gray-600);
    line-height: 1;
}
.sellerPanelCard .sellerBody .offersItem:first-child{
    padding-right: 15px;
}
.sellerPanelCard .sellerBody .offersItem:last-child{
    border-right: 0;
    padding-left: 15px;
}
.sellerPanelCard .sellerBody .offersItem:last-child .iconBox{
    background-color: #f1fff6;
    color: #17c981;
}

/* 卖家档案卡 全局通用 */
.sellerProfileCard{
    border-radius: var(--zu-border-radius);
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    /*padding: 20px;*/
    position: absolute;
    top: 0;
    right: 96%;
    z-index: 999;
    width: 400px;
    display: none;
}
.sellerProfileCard::before{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent; /* 调整这些值可以改变三角形的大小 */
    border-bottom: 10px solid transparent; /* 调整这些值可以改变三角形的大小 */
    border-left: 10px solid white; /* 这里的颜色和大小可以根据需要调整 */
    position: absolute;
    top: 35px;
    left: 100%;
}
.sellerProfileCard .profileHead{
    border-bottom: 1px solid var(--zu-gray-200);
    padding: 20px;
}
.sellerProfileCard .profileHead .photoBox{
    border-radius: var(--zu-border-radius-max);
    background-color: var(--zu-gray-300);
    border: 1px solid var(--zu-gray-100);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 75px;
    height: 75px;
}
.sellerProfileCard .profileHead .infoBox{
    flex: 1;
    padding-left: 15px;
}
.sellerProfileCard .profileHead .infoBox .sName{
    text-transform: capitalize;
    font-family: RobotoBold;
}
.sellerProfileCard .profileHead .infoBox .sIcon{
    margin: 0 3px;
}
.sellerProfileCard .profileHead .infoBox a{
    color: orangered;
    font-size: var(--zu-font-size-sm);
}
.sellerProfileCard .profileHead .infoBox .levelIcon{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.sellerProfileCard .profileHead .infoBox .levelIcon>img{
    width: 100%;
    height: 100%;
}
.sellerProfileCard .profileHead .chatBox{
    margin-left: auto;
}
.sellerProfileCard .profileHead .chatBox .talkSeller{
}
.sellerProfileCard .profileBody{
    padding: 20px;
    gap: 10px;
}
.sellerProfileCard .profileBody .tdCol{
    flex: 1 1 calc(50% - 10px);
}
.sellerProfileCard .profileBody .tdCol .secondaryText{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-sm);
}
.sellerProfileCard .profileBody .tdCol .focusesText{
    font-size: var(--zu-font-size-md);
    font-family: RobotoBold;
}
.sellerProfileCard .profileBody .tdCol .focusesText.levelIcon{
    display: flex;
}
.sellerProfileCard .profileBody .tdCol .focusesText.levelIcon .imgboxdengji{
    width: 17px;
    height: 15px;
}
.sellerProfileCard .profileBody .tdCol .focusesText.boldText{
    font-weight: 700;
}
.sellerProfileCard .profileBody .tdCol .focusesText>img{
    width: 25px;
    height: auto;
}

    /* 其他卖家 */
.otherSellerPanel{
    background-color: var(--zu-gray-100);
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-lg);
    cursor: pointer;
    padding: 5px;
}
.otherSellerPanel .storeIcon{
    border-radius: .75rem;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    color: var(--zu-gray-800);
    width: 40px;
    height: 40px;
    font-size: 1.35rem;

    background-image: linear-gradient(to bottom, #f95725, #e3392e);
    background-size: 100% 0%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease-in-out;
}
.otherSellerPanel .storeOffers{
    flex: 1;
    padding: 0 10px;
}
.otherSellerPanel .storeOffers>span{
    color: var(--zu-danger);
    font-family: RobotoBold;
}
.otherSellerPanel .lastIcon{
    margin-left: auto;
    margin-right: 10px;
    transition: transform 0.5s ease-in-out;
    transform-origin: center center;
}
.otherSellerPanel:hover .storeIcon{
    background-size: 100% 100%;
    color: white;
}
.otherSellerPanel:hover .lastIcon{
    animation: breath-animation 1.15s infinite ease-in-out;
}
@keyframes breath-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(1);
    }
}

/* 其他卖家显示卖家档案卡 */
.otherSellerFullBar .sellerInfo .sellerProfileCard{
    top: -5px;
    left: 100%;
    right: initial;
}
.otherSellerFullBar .sellerInfo .sellerProfileCard::before{
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: none;
    border-right: 10px solid white;
    top: 5px;
    left: initial;
    right: 100%;
}

.offersFromX span{
    color: var(--zu-danger);
    font-family: RobotoBold;
}

/* 重要提示面板 页面通用 */
.importantNotePanel{
    border-left: 3px solid orangered;
    background-color: white;
    border-radius: var(--zu-border-radius-lg);
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    padding: 15px;
    font-size: var(--zu-font-size-md);
}
.importantNotePanel .noteIcon{
    width: 25px;
    height: 25px;
}
.importantNotePanel .noteIcon svg{
    color: orangered;
    font-size: 1.5rem;
}
.importantNotePanel .noteText{
    color: var(--zu-danger);
    flex: 1;
    padding-left: 10px;
}
/* 未认证卖家 */
.unverifiedSellerNote{
    /*margin-top: -13px;*/
}

.redDotTitleBar{}
.redDotTitleBar .titleText{
    font-family: RobotoBold;
    font-size: 1.25rem;
    text-transform: capitalize;
}
.redDotTitleBar .titleText::before{
    content: '';
    border-radius: var(--zu-border-radius-max);
    background-color: var(--zu-danger);
    display: inline-block;
    width: 4px;
    height: 12px;
    margin-right: 10px;
}
.redDotTitleBar .onlineSwitch{
    font-size: var(--zu-font-size-md);
    line-height: 1;
    /*padding: 0 10px;*/
    margin-left: auto;
    padding: 0;
}
.redDotTitleBar .onlineSwitch .tgl-btn{
    transform: scale(0.85);
    position: relative;
    top: 4px;
}
.redDotTitleBar .onlineSwitch span{
    /*border-left: 1px solid var(--zu-gray-400);*/
    padding-left: 10px;
    padding-right: 5px;
    font-size: var(--zu-font-size-lg);
}

.filterToolbar{
    border: 1px solid var(--zu-gray-200);
    background-color: var(--zu-gray-100);
    border-radius: var(--zu-border-radius);
    background: linear-gradient(to top, var(--zu-gray-100), white);
    padding: 10px 10px;
    margin-bottom: 6px;
    font-size: var(--zu-font-size-md);
    gap: 10px;
}
.filterToolbar .zu-btn-danger-small{
    border: 1px solid var(--zu-danger);
    background-color: var(--zu-danger);
    border-radius: var(--zu-border-radius);
    color: white;
    padding: .375rem .875rem;
    font-size: var(--zu-font-size-lg);
    margin: 0 2px;
    white-space: nowrap;
}
/* 筛选工具栏下的bootstrap select 样式 */
.filterToolbar .bootstrap-select .btn-default{
    padding: .375rem .875rem;
}
.filterToolbar .bootstrap-select .dropdown-menu li a{
    padding: .375rem .875rem;
    font-size: var(--zu-font-size-lg);
}
.filterToolbar .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    font-size: var(--zu-font-size-lg);
}
/* 筛选工具栏下 交易方式 的 bootstrap select 样式 */
.filterToolbar .deliveryMethod{
    display: flex;
    align-items: center;
}
.filterToolbar .deliveryMethod .btn-default{
    border-radius: .375rem 0 0 .375rem;
}
.filterToolbar .deliveryMethod .zu-btn-danger-small{
    border-radius: 0 .375rem .375rem 0;
    margin: 0;
}
.filterToolbar .deliveryMethod .bootstrap-select.open>.dropdown-toggle.btn-default{
    border-radius: .375rem 0 0 .375rem;
}
/* 最小购买量 */
.filterToolbar .minQty{
    position: relative;
}
.filterToolbar .minQty .clearThisForm{
    border: 0;
    background-color: transparent;
    color: var(--zu-danger);
    font-size: var(--zu-font-size-md);
    position: absolute;
    top: 6px;
    right: 5px;
}
.filterToolbar .minQty>.numberInput{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius);
    padding: .375rem .875rem;
    font-size: var(--zu-font-size-lg);
}
.filterToolbar .minQty .formDropdownPanel{
    border: 1px solid var(--zu-gray-300);
    background-color: white;
    border-radius: var(--zu-border-radius);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    padding-top: .25rem;
    overflow: hidden;
    display: none;
}
.filterToolbar .minQty .formDropdownPanel .qtyItem{
    border: 0;
    background-color: white;
    margin: 0;
    padding: .25rem .875rem;
    width: 100%;
    text-align: left;
}
.filterToolbar .minQty .formDropdownPanel .qtyItem:hover{
    background-color: var(--zu-gray-100);
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease{
    border-top: 1px solid var(--zu-gray-300);
    display: flex;
    align-items: center;
    margin-top: .25rem;
    padding: .875rem;
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm .decrement, .filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm .count, .filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm .increment{
    border: 1px solid var(--zu-gray-300);
    padding: .25rem .5rem;
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm .decrement{
    border-radius: .25rem 0 0 .25rem;
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm .increment{
    border-radius: 0 .25rem .25rem 0;
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .idForm .count{
    text-align: center;
    outline: none;
    width: 70px;
}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .confirmBtn{}
.filterToolbar .minQty .formDropdownPanel .increaseOrDecrease .confirmBtn .zu-btn-danger-small{
    padding: .25rem .5rem;
    margin-right: 0;
}
.filterToolbar .minQty:hover .formDropdownPanel{
    display: block;
}
/* 价格区间 */
.goodsPriceRange{}
.goodsPriceRange .blockBox{
    width: 10px;
    position: relative;
}
.goodsPriceRange .blockBox::before{
    content: '';
    width: 5px;
    height: 2px;
    background-color: var(--zu-gray-500);
    border-radius: var(--zu-border-radius-max);
    position: absolute;
    top: 50%;
    left: 2px;
}
.goodsPriceRange .fromBox, .goodsPriceRange .toBox{
    position: relative;
}
.goodsPriceRange .fromBox .currencyTxt, .goodsPriceRange .toBox .currencyTxt{
    color: var(--zu-gray-700);
    position: absolute;
    top: 7px;
    right: 10px;
    font-family: RobotoBold;
}
.goodsPriceRange .fromBox>input, .goodsPriceRange .toBox>input{
    border: 1px solid var(--zu-gray-300);
    background-color: white;
    border-radius: var(--zu-border-radius);
    padding: .375rem 1.25rem .375rem .875rem;
    width: 120px;
    font-size: var(--zu-font-size-lg);
}
/* 卖家排序 */
.filterToolbar .goodsSort{
    display: flex;
    justify-content: end;
    margin-left: auto;
    padding-right: 10px;
    font-size: var(--zu-font-size-lg);
}
.filterToolbar .goodsSort .zu-custom-radio{
    margin-bottom: 0;
    padding-left: 1.5rem;
    line-height: 1.35;
}
.filterToolbar .goodsSort .zu-custom-radio:last-child{
    margin-left: 20px;
}
.filterToolbar .goodsSort .zu-checkmark{
    border: 1px solid var(--zu-gray-400);
    background-color: white;
    width: 1.15rem;
    height: 1.15rem;
}
.filterToolbar .goodsSort .zu-custom-radio .zu-checkmark:after{
    width: .45rem;
    height: .45rem;
    top: .3rem;
    left: .3rem;
}

.otherAssociatedGoods{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.otherAssociatedGoods .goodsCol{
    flex: 1;
    /*flex-basis: calc(25% - 10px);*/
    flex: 0 0 calc(24.7% - 20px / 4);
}
.otherAssociatedGoods .goodsCol .goodsItem{
    border: 1px solid var(--zu-gray-300);
    /*background-color: var(--zu-gray-100);*/
    border-radius: var(--zu-border-radius-lg);
    padding: 0;
    text-decoration: none;
    transition: background-color 0.3s, box-shadow 0.3s;
    min-height: 92px;
    overflow: hidden;
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText{
    flex: 1;
    /*padding-right: 10px;*/
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .bText{
    background-color: var(--zu-gray-100);
    font-family: RobotoBold;
    margin-bottom: 5px;
    font-size: 1.05rem;
    padding: 12px 12px;
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .bText>span{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText{
    display: flex;
    font-size: var(--zu-font-size-lg);
    padding: 8px 12px 0 12px;
    white-space: nowrap;
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText del{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-md);
    margin-right: 3px;
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText>span{
    /*font-family: RobotoBold;*/
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText .salePrice{
    /*margin-left: auto;*/
    /*text-align: right;*/
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText .salePrice span:nth-child(1){
    color: var(--zu-gray-600);
    margin-right: 3px;
    font-size: var(--zu-font-size-md);
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText .salePrice span:last-child{
    font-family: RobotoBold;
}
.otherAssociatedGoods .goodsCol .goodsItem .goodsIcon{
    border: 1px solid var(--zu-gray-600);
    border-radius: var(--zu-border-radius-max);
    color: var(--zu-gray-600);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin-left: auto;
    font-size: var(--zu-font-size-sm);
}
.otherAssociatedGoods .goodsCol .goodsItem:hover{
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
/* 商品关联只在手机端显示 */
.phoneOtherAssociatedGoods{
    display: none;
}

/* 其他卖家 */
.otherSellersWrapper{
    /*border-top: 1px solid var(--zu-gray-300);*/
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.otherSellersWrapper .otherNum{
    background-color: orangered;
    border-radius: var(--zu-border-radius-max);
    color: white;
    margin-left: 5px;
    padding: 3px 5px;
    font-size: var(--zu-font-size-lg);
}
.otherSellerFullBar{
    /*border: 1px solid var(--zu-gray-300);*/
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;*/
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #fff;
    box-shadow: 0 2px 1px #f1f1f1;
    border-radius: var(--zu-border-radius);
    cursor: pointer;
    margin: 7px 0;
    padding: 10px 15px;
    transition: background-color 0.3s, box-shadow 0.3s;
}
.otherSellerFullBar:hover{
    background-color: var(--zu-gray-100);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.otherSellerFullBar .rightDisplayWrap{
    margin-left: auto;
    flex: 1;
    /*justify-content: end;*/
}
.otherSellerFullBar .sellerInfo{
    position: relative;
    width: 220px;
}
.otherSellerFullBar .sellerInfo .otherThisSellerHead{
    position: relative;
}
.otherSellerFullBar .sellerInfo.online .profilePic::before{
    background-color: #1ae77c;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel{
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: var(--zu-border-radius-lg);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    color: white;
    font-size: var(--zu-font-size-sm);
    padding: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel .sellerMedal{
    width: 26px;
    height: 26px;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel .sellerMedal>img{
    width: 100%;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel .sellerProfileText{
    flex: 1;
    padding-left: 10px;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel .goSellerStore{
    border: 1px solid white;
    border-radius: var(--zu-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 6px 10px;
    margin: 5px 0 0 0;
    font-size: var(--zu-font-size-md);
    font-family: RobotoBold;
    transition: background-color 0.5s ease;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel .goSellerStore>svg{
    margin-left: 5px;
}
.otherSellerFullBar .sellerInfo .showSellerStorePanel .goSellerStore:hover{
    background-color: black;
    border-color: black;
}
.otherSellerFullBar .sellerInfo .profilePic{
    width: 45px;
    height: 45px;
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-max);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.otherSellerFullBar .sellerInfo .profilePic::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: var(--zu-border-radius-max);
    background-color: var(--zu-gray-300);
    border: 2px solid white;
    position: absolute;
    bottom: 0;
    right: 0;
}
.otherSellerFullBar .sellerInfo .sellerName{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
    flex: 1;
    padding-left: 10px;
}
.otherSellerFullBar .sellerInfo .sellerName .nameText{
    font-size: var(--zu-font-size-lg)!important;
}
.otherSellerFullBar .sellerInfo .sellerName .nameText span:first-child{
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.otherSellerFullBar .sellerInfo .sellerName .ratingText{
    font-size: var(--zu-font-size-lg);
}
.otherSellerFullBar .sellerInfo .sellerName .ratingText .text-dark{
    color: var(--zu-gray-600)!important;
    padding-left: 3px;
}
.otherSellerFullBar .sellerInfo:hover .showSellerStorePanel{
    display: block;
}
.otherSellerFullBar .deliveryMethod{
    width: 280px;
}
.otherSellerFullBar .deliveryMethod .dmIcon{
    font-size: 1.35rem;
}
.otherSellerFullBar .deliveryMethod .dmText{
    padding-left: 10px;
    /*line-height: 1.3;*/
}
.otherSellerFullBar .deliveryMethod .dmText .sText{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-md);
}
.otherSellerFullBar .deliveryMethod .dmText .bText{
    font-size: var(--zu-font-size-md);
}
.otherSellerFullBar .moreGoodsInfo{
    /*width: 400px;*/
    flex-wrap: wrap;
}
.otherSellerFullBar .moreGoodsInfo .infoItem{
    background-color: var(--zu-gray-200);
    border-radius: var(--zu-border-radius);
    padding: 6px 8px;
    font-size: var(--zu-font-size-md);
    margin: 4px;
    line-height: 1;
    position: relative;
    white-space: nowrap;
}
.otherSellerFullBar .moreGoodsInfo .infoItem .showThisTips{
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: var(--zu-border-radius);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    padding: 10px;
    color: white;
    position: absolute;
    left: 0;
    bottom: 100%;
    transform: translateY(-5px);
    z-index: 9;
    /*min-width: 150px;*/
    white-space: nowrap;
    display: none;
}
.otherSellerFullBar .moreGoodsInfo .infoItem:hover .showThisTips{
    display: block;
}
.otherSellerFullBar .moreGoodsInfo .infoItem.insuranceItem{
    background-color: transparent;
    padding: 0;
}
.otherSellerFullBar .moreGoodsInfo .infoItem.insuranceItem .insuranceIcon{
    color: var(--zu-danger);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 1.45rem;
}
.otherSellerFullBar .moreGoodsInfo .infoItem.insuranceItem .insuranceIcon .inText{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: .05rem;
    left: 0;
    font-size: .7rem;
    font-family: RobotoBold;
}
.otherSellerFullBar .moreGoodsInfo .infoItem .tooltip{
    min-width: 230px!important;
}
.otherSellerFullBar .goodsPrice{
    /*margin-left: auto;*/
    justify-content: end;
    text-align: right;
    padding-right: .375rem;
    width: 200px;
    margin-left: auto;
}
.otherSellerFullBar .goodsPrice .salesPrice{
    font-size: var(--zu-font-size-xl);
    font-family: RobotoBold;
}
.otherSellerFullBar .goodsPrice .currencyUnit{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-md);
    padding-left: 5px;
}
.otherSellerFullBar .goodsPrice .unitPriceText{
    line-height: 1;
    position: relative;
    top: -3px;
}
.otherSellerFullBar .goodsPrice .lowerPriceBox{}
.otherSellerFullBar .goodsPrice .lowerPriceBox .lowerPriceLabel{
    border-radius: var(--zu-border-radius-max);
    border: 1px solid orangered;
    color: orangered;
    display: inline-block;
    float: right;
    font-size: var(--zu-font-size-sm);
    padding: 4px 6px;
    line-height: 1;
}
.otherSellerFullBar .buyGoods{
    margin-left: auto;
}
.otherSellerFullBar .buyGoods .buyBtn{
    border-radius: var(--zu-border-radius);
    background-color: white;
    border: 1px solid var(--zu-danger);
    font-size: var(--zu-font-size-md);
    margin: 0 0 0 4px;
    padding: 3px 8px;
}
.otherSellerFullBar .buyGoods .buyBtn.addToCart{
    color: var(--zu-danger);
}
.otherSellerFullBar .buyGoods .buyBtn.addToCart .btnIcon, .otherSellerFullBar .buyGoods .buyBtn.buyNow .btnIcon{
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 25px;
    font-size: var(--zu-font-size-xl);
}
.otherSellerFullBar .buyGoods .buyBtn.addToCart .btnText, .otherSellerFullBar .buyGoods .buyBtn.buyNow .btnText{
    padding-right: 5px;
    font-size: var(--zu-font-size-lg);
}
.otherSellerFullBar .buyGoods .buyBtn.buyNow{
    background-color: var(--zu-danger);
    color: white;
    transition: background-color 0.5s ease;
}
.otherSellerFullBar .buyGoods .buyBtn.buyNow .btnIcon{
    /*background-color: white;*/
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;*/
    color: white;
    font-size: var(--zu-font-size-lg);
    transition: background-color 0.5s ease;
}
.otherSellerFullBar .buyGoods .buyBtn.buyNow .btnText{
    padding-left: 5px;
}
.otherSellerFullBar .buyGoods .buyBtn.buyNow:hover{
    background-color: #f95725;
}
.otherSellerFullBar .buyGoods .buyBtn.buyNow:hover .btnIcon{
    background-color: #f95725;
    box-shadow: none;
    color: white;
}
.otherSellerFullBar.active{
    position: relative;
    background-color: #f5f6f7;
    border: 1px solid #fff;
    outline: 1px solid #e9ebee;
}
.otherSellerFullBar.active::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 16px;
    height: 16px;
    background-image: url("../img/pages/selected-icon-2.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.otherSellerFullBar.active .infoItem{
    background-color: #fff;
}
.offersFromX{
    font-size: var(--zu-font-size-lg);
}
.offersFromX a{
    color: var(--zu-danger);
}

/* 产品描述文字 */
.productDescriptionTextWrap{}
.productDescriptionTextWrap .redDotTitleBar{
    border-bottom: 1px solid var(--zu-gray-200);
    padding-top: 8px;
    padding-bottom: 12px;
}
.productDescriptionTextWrap .textIn{
    width: 95%;
    margin: 0 auto;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-all;
}
.productDescriptionTextWrap .textIn p, .productDescriptionTextWrap .textIn p span{
    text-wrap: initial!important;
}
.productDescriptionTextWrap .textIn .warning-tips-label{
    font-size: var(--zu-font-size-lg);
    margin-bottom: 20px;
}
.productDescriptionTextWrap .textIn strong{
    font-weight: normal;
    font-family: RobotoBold;
}
.productDescriptionTextWrap .textIn h2, .productDescriptionTextWrap .textIn h3, .productDescriptionTextWrap .textIn h4{
    font-size: 1.35rem;
    font-weight: normal;
    font-family: RobotoBold;
}

/* Seller Reminder */
.sellerReminderInPage{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-lg);
    display: flex;
    order: 6;
    flex-wrap: wrap;
    padding: .75rem;
}
.sellerReminderInPage .subIconBox{
    color: var(--zu-warning);
    width: 30px;
}
.sellerReminderInPage .subIconBox svg{
    width: 22px;
    height: 22px;
}
.sellerReminderInPage .rightBox{
    flex: 1;
    padding-left: 0px;
    white-space: pre-wrap;
    word-break: break-all;
}
.sellerReminderInPage .rightBox .bTitle{
    font-family: RobotoBold;
    margin-bottom: 5px;
}
.sellerReminderInPage .rightBox .subTextWrap{
    line-height: 1.4;
}
.sellerReminderInPage .rightBox .subTextWrap p, .sellerReminderInPage .rightBox .subTextWrap span, .sellerReminderInPage .rightBox .subTextWrap p span{
    text-wrap: initial!important;
}
.sellerReminderInPage .toggleBtnIn{
    border: 0;
    background-color: var(--zu-gray-200);
    border-radius: var(--zu-border-radius-max);
    color: var(--zu-gray-700);
    padding: 5px 12px;
    line-height: 1;
    font-size: var(--zu-font-size-md);
    margin-top: 5px;
}

.thisPhoneFlexShow{
    display: none;
}


/* 重置老的样式 */

/* 当前卖家 */
.currentProductSeller .sellerPanelCard{
    border: 0;
    border-radius: initial;
    padding: 0;
    margin-bottom: 5px;
}
.talkToTheSeller{
    color: #28a1ee;
    line-height: 1;
}
.talkToTheSeller svg{
    font-size: 17px;
}

/* 手机端固定底部的购买按钮 */
.phoneFixedBottomBuyBtnBar{
    display: none;
}

/* 面包菜单 */
.pages-breadcrumbs{
    /*background-color: #f2f2f2;*/
}
.pages-breadcrumbs .breadcrumb{
    font-size: var(--zu-font-size-md);
    padding: 9px 0;
}

/* 特殊标识 */
.protagShow{
    width: 100%!important;
}
.protagShow .show-label-properties{
    margin-top: 0!important;
    margin-left: -2px;
    margin-right: -2px;
}
.protagShow .show-label-properties li{
    padding: 2px;
}
.protagShow .show-label-properties li a{
    font-size: var(--zu-font-size-sm)!important;
    padding: 3px 6px;
}

/* 手机端显示的产品属性 */
.phoneShowProductAttributes{
    display: none;
}

.noInsuranceStyle{
    padding-left: 38px;
}

.justPhoneShowProductGuideInfo{
    display: none;
}

/* 用户登录后多级菜单 */
.user-dropdown-container>a{
    color: #333333;
    padding: 18px 30px 18px 34px;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: -2px;
    display: block;
}
.my-dashboard-sidebar .focus-in-color .panel-title a{
    background: linear-gradient(to bottom, #ec4632 , #dd2e1c)!important;
    /*border-bottom: 1px solid #e0e0e0;*/
    color: white;
}
.my-dashboard-sidebar .focus-in-color .panel-title a svg{
    fill: white;
}
.user-dropdown-container.active{
    border: 1px solid #ececf1;
    background-color: #f7f7fa;
    border-bottom: 2px solid #e0e0e0;
}
.user-dropdown-button{
    background-color: #fff;
    color: #333;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #f8f8f8;
    padding: 14px 19px 14px 46px;
    text-align: left;
    font-size: var(--zu-font-size-lg);
}
.user-dropdown-menu .dash-menu li a{
    /*border-bottom: 1px solid #dfdfe3;*/
    /*color: #333;*/
    /*padding-top: 14px;*/
    padding-left: 45px;
    /*padding-bottom: 14px;*/
    transition: background-color 0.5s ease;
}
.user-dropdown-menu .dash-menu li a:hover{
    background-color: #f2f1f7;
    border-color: white;
}
.user-dropdown-menu .dash-menu li a.active{
    background: none!important;
    color: #f94032!important;
}
.user-dropdown-button .chevron{
    margin-left: auto;
    transform: scale(0.75);
}
.user-dropdown-button .chevron::before, .user-dropdown-button .chevron::after{
    border-color: #ccc;
}
.user-dropdown-container.active .user-dropdown-button{
    /*background-color: transparent;*/
    /*color: #e1251b;*/
    background: linear-gradient(to bottom, #efeef2 , #e4e3e9);
    /*box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;*/
}
.user-dropdown-container.active .user-dropdown-button .chevron::before, .user-dropdown-container.active .user-dropdown-button .chevron::after{
    border-color: #ff4130;
}
.my-dashboard-sidebar .panel-default>.panel-heading.focus-in-color .arrow-down{
    transform: rotate(180deg);
    transition: transform 0.5s ease-in-out;
}

.home_header .language_currency .libox.login_after .denglutankuang .user-dropdown-button{
    font-size: var(--zu-font-size-sm)!important;
}

.slick-list{
    margin: 0 -5px!important;
}
.custom-prev, .custom-next{
    background-color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: 0;
    border-radius: 99rem;
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 2;
    font-size: .75rem;
}
.custom-prev{
    position: absolute;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-next{
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-prev.slick-disabled, .custom-next.slick-disabled{
    display: none!important;
}

/* Home Cover */
.homeFullCover{}
.homeFullCover .smallText{
    font-size: 1.375rem;
}
.homeFullCover .bigTitle{
    font-size: 4rem;
    font-family: nunito-regular;
}
.colorGradientTitle{
    background-color: #8c35f7;
    background-image: linear-gradient(90deg, #8c35f7 0%, #f5003c 100%);
    color: white;
    display: inline-block;
    padding: 7px 20px;
    font-family: RobotoBold;
    position: relative;
    top: -1rem;
    transform: rotate(-5deg);
    font-size: 1.25rem;
}
/* Home Cover Menu */
.menuGuideWrap{
    position: relative;
    bottom: -3rem;
}
.menuGuideWrap .slick-slide{
    padding: 5px;
}
.menuLightCard{
    /* From https://css.glass */
    background: rgba(0, 0, 0, 0.25);
    border-radius: .375rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.1px);
    -webkit-backdrop-filter: blur(7.1px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    padding: 1rem;
    display: block;
}
.menuLightCard p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menuLightCard>.icon{
    font-size: 2.35rem;
    margin-bottom: .5rem;
}
.menuLightCard:hover{
    background: white;
    color: #111;
}
.slick-slide:nth-child(1) .menuLightCard:hover svg{
    color: orange;
}
.slick-slide:nth-child(2) .menuLightCard:hover svg{
    color: #4cbcd7;
}
.slick-slide:nth-child(3) .menuLightCard:hover svg{
    color: #7f71fe;
}
.slick-slide:nth-child(4) .menuLightCard:hover svg{
    color: #7f00d7;
}
.slick-slide:nth-child(5) .menuLightCard:hover svg{
    color: #4891e9;
}
.slick-slide:nth-child(6) .menuLightCard:hover svg{
    color: orangered;
}
.slick-slide:nth-child(7) .menuLightCard:hover svg{
    color: #ea5e80;
}
.slick-slide:nth-child(8) .menuLightCard:hover svg{
    color: darkorange;
}
.slick-slide:nth-child(9) .menuLightCard:hover svg{
    color: deepskyblue;
}
.slick-slide:nth-child(10) .menuLightCard:hover svg{
    color: #3ee7a0;
}
.slick-slide:nth-child(11) .menuLightCard:hover svg{
    color: #f60;
}
.slick-slide:nth-child(12) .menuLightCard:hover svg{
    color: #00ccff;
}

/* main title bar */
.main-title-bar{
    font-size: 30px;
    font-weight: bold;
    color: #303030;
    padding: 40px 0 10px 0;
    font-family: RobotoBold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.main-title-light-bar{
    color: white!important;
}
.main-title-light-bar .discoverAllBtn{
    border-color: white!important;
    color: white!important;
}

/* main hover */
.item-card-hover-box {
    text-decoration: none;
    transition: all 0.3s ease;
}

.item-card-hover-box:hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    transform: translateY(-1px);
}
.item-card-hover-lg-box {
    text-decoration: none;
    transition: all 0.3s ease;
}

.item-card-hover-lg-box:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px 0px;
    transform: translateY(-8px);
}

/* slick items padding top */
.history-product-wrap .slick-track{
    margin-left: initial;
    margin-right: initial;
}
.history-product-wrap .slick-list, .ratingsBoxWrapper .slick-list{
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0 -15px!important;
}

.history-product-wrap .slick-slide, .ratingsBoxWrapper .slick-slide{
    padding: 0 15px;
}

/* Browsing history */
.history-bg{
    background-image: url("../img/index/history-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 4rem;
}
/* product card */
.seller-product-light-card{
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: white;
    border-radius: var(--zu-border-radius-lg);
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.seller-product-light-card .del-this-btn{
    background-color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: 0;
    border-radius: 99rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 26px;
    position: absolute;
    top: -.875rem;
    right: -.875rem;
    z-index: 2;
    transition: background-color 0.5s ease;
    font-size: .75rem;
}
.seller-product-light-card .del-this-btn:hover{
    background-color: #e0e0e0;
}
.seller-product-light-card .product-pic{
    width: 95px;
    height: 50px;
    padding-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seller-product-light-card .product-pic>img{
    border-radius: .25rem;
    max-width: 100%;
    max-height: 100%;
}
.seller-product-light-card .product-txt{
    flex: 1;
    /*padding-left: 15px;*/
    overflow: hidden;
}
.seller-product-light-card .product-txt .product-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--zu-font-size-lg);
    font-weight: normal;
    height: 31px;
}
.seller-product-light-card .product-txt .product-title .small-icon{
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid var(--zu-gray-200);
    border-radius: var(--zu-border-radius-max);
    display: inline-block;
    margin-right: 1px;
    position: relative;
    top: 2px;
}
.seller-product-light-card .s-card-footer{
    margin-top: 1rem;
}
.seller-product-light-card .user-info, .seller-product-light-card .price-box{
    /*width: 50%;*/
}
.seller-product-light-card .user-info{
    width: 70%;
}
.seller-product-light-card .price-box{
    width: 30%;
}
.seller-product-light-card .user-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.seller-product-light-card .user-info .user-avatar{
    border: 1px solid var(--zu-gray-200);
    border-radius: var(--zu-border-radius-max);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.seller-product-light-card .user-info .user-avatar::before{
    content: '';
    width: 14px;
    height: 14px;
    background-color: var(--zu-gray-600);
    border-radius: var(--zu-border-radius-max);
    border: 2px solid white;
    position: absolute;
    z-index: 2;
    right: -3px;
    bottom: -3px;
}
.seller-product-light-card .user-info .user-avatar.online::before{
    background-color: #1ae77c;
}
.seller-product-light-card .user-info .user-name{
    flex: 1;
    padding-left: 10px;
}
.seller-product-light-card .user-info .user-name .name-txt{
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seller-product-light-card .user-info .user-name .level-txt{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-sm);
    display: flex;
}
.seller-product-light-card .user-info .user-name .level-txt .imgboxdengji{
    height: 16px;
    width: 14px;
}
.seller-product-light-card .user-info .user-name .level-txt .imgboxdengji img{
    width: 12px!important;
    height: 12px!important;
}
.seller-product-light-card .price-box{
    display: flex;
    align-items: baseline;
    justify-content: end;
}
.seller-product-light-card .price-box .p-txt{}
.seller-product-light-card .price-box .s-txt{
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-md);
}
.seller-product-light-card .price-box span:nth-child(2){
    margin-left: 5px;
}

/* Slick */
.slick-dots li{
    width: 13px;
}
.slick-dots li button:before{
    content: ''!important;
    border-radius: 99rem;
    background-color: #cbcbcb;
    width: 10px;
    height: 10px;
    opacity: 1;
}
.slick-dots li.slick-active button:before{
    background-color: #f21c23;
    opacity: 1;
}

/* Trending Game Top Up */
.trendingGameTopUpWrapper{
    background-image: url("../img/pages/mainbg1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
    display: flex;
    min-height: 5rem;
    padding-bottom: 2.75rem;
    margin: 1.5rem 0;
}
.trendingGameTopUpWrapper .zu-mt-sm{
    margin-top: 1rem;
}
.trendingGiftCardsWrapper.zu-mt-sm, .trendingGamesWrapper.zu-mt-sm{
    margin-top: 0;
}
/* Trending Gift Cards */
.trendingGiftCardsWrapper .slick-list, .trendingGamesWrapper .slick-list{
    margin-left: -25px!important;
    margin-right: -25px!important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.trendingGiftCardsWrapper .slick-slide, .trendingGamesWrapper .slick-slide{
    padding: 0 25px;
}
.trendingGiftCardsWrapper .small-game-cover-card-product, .trendingGamesWrapper .small-game-cover-card-product{
    margin-bottom: 0;
}
.trendingGiftCardsWrapper .slick-dots, .trendingGamesWrapper .slick-dots{
    bottom: -1.75rem;
}

/* Discover all btn */
.discoverAllBtn{
    border: 1px solid var(--zu-gray-800);
    border-radius: var(--zu-border-radius-max);
    color: #303030;
    display: flex;
    align-items: center;
    /*margin-left: auto;*/
    padding: 4px 7px 4px 11px;
    font-size: var(--zu-font-size-md)!important;
    font-weight: normal!important;
    font-family: nunito-regular;
    position: absolute;
    bottom: 1.25rem;
    right: 0;
    text-transform: capitalize;
}
.discoverAllBtn svg{
    margin-left: 5px;
}
.discoverAllBtn:hover{
    opacity: .7;
}

/* game cover */
.game-cover-card-product{
    display: flex;
    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: var(--zu-border-radius-lg);
    overflow: hidden;
    position: relative;
}
.game-cover-card-product::before{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    transition: filter 0.5s ease-in-out;
}
.game-cover-card-product .text-box{
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 20px;
    width: 100%;
}
.offers-label-small{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: .25rem;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--zu-font-size-md);
    padding: 5px 10px;
}
.game-cover-card-product:hover::before{
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
    /*backdrop-filter: blur(15px);*/
    /*-webkit-backdrop-filter: blur(15px);*/
}
/* Small */
.small-game-cover-card-product{
    border-radius: var(--zu-border-radius-lg);
    overflow: hidden;
    display: flex;
    position: relative;
    margin-bottom: 30px;
}
.small-game-cover-card-product::before{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    content:'';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    opacity: .6;
    transition: filter 0.5s ease-in-out;
}
.small-game-cover-card-product>img{
    width: 100%;
    height: auto;
}
.small-game-cover-card-product .text-box{
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 15px;
    text-align: center;
    color: white;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.small-game-cover-card-product .offers-label-small{
    background-color: rgba(0,0,0,0.4);
    border-radius: .25rem;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--zu-font-size-md);
    padding: 4px 8px;
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
}

/* Community ratings */
.communityRatingsWrapper{
    background-image: url("../img/index/ratings-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    min-height: 5rem;
    padding-bottom: 2.75rem;
    margin: 4.5rem 0 1.5rem 0;
}
.communityRatingsWrapper .custom-next, .communityRatingsWrapper .custom-prev{
    top: 36%;
}
.evaluateInfoBox{
    display: flex;
    flex-wrap: wrap;
}
.evaluateInfoBox .e-info{
    background-color: white;
    border-radius: var(--zu-border-radius-lg);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    position: relative;
    padding: 20px;
}
.evaluateInfoBox .e-info::before{
    content: '';
    width: 0;
    height: 0;
    border-width: 15px 25px 0 0;
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 2.5rem;
}
.evaluateInfoBox .e-info .e-star{
    display: flex;
    align-items: center;
    color: #ff9c00;
}
.evaluateInfoBox .e-info .e-star .star-box{
    color: #ff9c00;
}
.evaluateInfoBox .e-info .e-star .star-txt{
    padding-left: 5px;
}
.evaluateInfoBox .e-info .e-evaluation-text{
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1rem;
}
.evaluateInfoBox .user-bar{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1.25rem;
}
.evaluateInfoBox .user-bar .u-avatar{
    width: 40px;
    height: 40px;
    border: 1px solid var(--zu-gray-200);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: var(--zu-border-radius-max);
    overflow: hidden;
}
.evaluateInfoBox .user-bar .u-name{
    flex: 1;
    padding-left: 10px;
}
.evaluateInfoBox .user-bar .u-name span{
    display: block;
}
.evaluateInfoBox .user-bar .u-name span:nth-child(1){
    color: var(--zu-gray-600);
    font-size: var(--zu-font-size-sm);
}

/* Five star rating */

/* Affiliate Program */
.affiliateProgramWrapper{
    border-radius: var(--zu-border-radius-lg);
    display: flex;
    flex-wrap: wrap;
    min-height: 1rem;
    color: white;
    position: relative;
    padding: 30px;

    background: #8A2387;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #482b6f, #852b69, #c72c63);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #482b6f, #852b69, #c72c63); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-image: url("../img/index/af-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 3.5rem;
}
.affiliateProgramWrapper::before{
    content: '';
    width: 430px;
    height: 280px;
    background-image: url("../img/index/z2u-girls02.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 2;
}
.affiliateProgramWrapper .text-box{
    width: 44%;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
}
.affiliateProgramWrapper .text-box .big-title{
    font-weight: normal;
    font-size: 2rem;
}
.affiliateProgramWrapper .text-box .big-title span{
    width: 100%;
    display: block;
}
.affiliateProgramWrapper .text-box .big-title span:nth-child(1){
    font-family: nunito-regular;
    margin-bottom: .5rem;
}
.affiliateProgramWrapper .text-box .big-title span:nth-child(2){
    font-family: RobotoBold;
}
/* QR code */
.qRCodeBox{
    width: 150px;
}
.qRCodeBox img{
    border-radius: var(--zu-border-radius-lg);
    width: 100%;
}

/* Footer */
.footerInfoWrapper .f-title{
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--zu-font-size-lg);
}
.footerInfoWrapper .nav_content{
    /*margin-top: 1rem;*/
}
.footerInfoWrapper .nav_content .imgbox a{
    margin-left: 10px;
}

/* Footer List */
.site-footer-menu-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.site-footer-menu-list li{}
.site-footer-menu-list li a{
    color: rgba(255, 255, 255, 0.7);
    display: block;
    /*font-size: var(--zu-font-size-md);*/
    padding: 6px 0 6px 12px;
    background-image: url("../img/pages/r-arrow.svg");
    background-size: 4px;
    background-repeat: no-repeat;
    background-position: 0px 11px;
}
.site-footer-menu-list li a:hover{
    color: rgba(255, 255, 255, 1);
}

/* Footer News */
.owl-carousel .owl-wrapper-outer{
    /*margin: 0 -15px;*/
}
.owl-carousel .owl-item{
    padding: 0 15px;
}
.game-news-bg-wrap .news-list{
    margin: 0!important;
}

#product_list .owl-carousel .owl-item{
    padding: initial;
}

/* Chat */
.sellerChatButton{
    border: 1px solid var(--zu-gray-300);
    border-radius: var(--zu-border-radius-max);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 39px;
    margin-right: 10px;
    font-size: 1.45rem;
    color: #2aad68;
    position: relative;
}
.sellerChatButton:active, .sellerChatButton:focus, .sellerChatButton:hover{
    border-color: var(--zu-gray-400);
    color: #00d582;
}
.sellerChatButton .chatNum{
    background: #34ae69;
    color: #fff;
    border-radius: 99rem;
    position: absolute;
    min-width: 15px;
    min-height: 15px;
    padding: 2px 4px;
    top: -2px;
    right: -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--zu-font-size-sm);
    line-height: 1;
}

/* phone search bar */
.search-bar-dark{
    display: none;
}

.homeFullCover .thisPhoneShowSmallText{
    display: none;
}

/* Site Cover */
.text-white{
    color: white!important;
}
.siteCover{
    background-image: url("../img/pages/redbg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 42rem;
    position: relative;
}
.siteCover::before{
    content: '';
    width: 100%;
    height: 50px;
    background-image: url("../img/pages/pink.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}
.registerBtn{
    background-color: #ef4a00;
    border-radius: 99rem;
    color: white;
    display: inline-block;
    padding: 1rem 3.5rem;
}
.registerBtn:hover, .registerBtn:active, .registerBtn:focus{
    background-color: #ff5e16;
    color: white!important;
}
.siteCover .container{
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}
.siteCover .container::before{
    content: '';
    width: 580px;
    height: 591px;
    background-image: url("../img/pages/z2u-girls.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    bottom: -35px;
    z-index: 2;
}
.siteCover h1{
    font-size: 5.25rem;
    font-family: RobotoBold;
    text-transform: uppercase;
    line-height: 1;
}
.siteCover p{
    font-size: 1.5rem;
    font-family: RobotoBold;
    margin: 1rem 0 1.65rem 0;
}
.pinkWrapper{
    background: linear-gradient(to bottom, #fef2f1, #ffffff);
}

.titleBarBootLine{
    color: #303030;
    display: flex;
    justify-content: center;
    padding: 4.75rem 0 .75rem 0;
    position: relative;
    font-size: 2rem;
    font-family: RobotoBold;
}
.titleBarBootLine::before{
    content: '';
    width: 50px;
    height: 4px;
    background-color: #df3d26;
    border-radius: 99rem;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0;
}
.titleBarBootLine .howMore{
    position: absolute;
    bottom: 1.1rem;
    right: 0;
    font-family: nunito-regular;
    font-weight: normal;
    font-size: 1rem;
    padding: .375rem 1.25rem;
    border: 1px solid #303030;
    border-radius: 99rem;
}
.titleBarBootLine .howMore:hover{
    background-color: #303030;
    color: white;
}

.whiteBgLightShadow{
    background-color: white;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: var(--zu-border-radius-xl);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 1rem 1.5rem 1rem;
    min-height: 220px;
    margin: 2rem 0 0 0;
}
.whiteBgLightShadow .imgBox{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 122px;
    height: 122px;
}
.whiteBgLightShadow .imgBox>img{
    max-width: 100%;
    max-height: 100%;
}
.whiteBgLightShadow .bTitle{
    width: 100%;
    text-align: center;
    font-size: 1rem;
    margin-top: 1rem;
    font-family: RobotoBold;
}

.iconStartList{
    margin: 0 -30px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.iconStartList li{
    width: 33.3333333%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 0 30px;
    float: left;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.iconStartList li .contentBox{
    width: 100%;
    padding-left: 80px;
    background-repeat: no-repeat;
    background-size: 60px 60px;
}
.iconStartList li .bTitle{
    font-size: 1rem;
    font-weight: normal;
    font-family: RobotoBold;
    margin-top: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.iconStartList li .bTitle a{
    color: #303030;
    text-decoration: none;
}
.iconStartList li .bTitle a:hover{
    color: #f9473a;
}
.iconStartList li p{
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--zu-body-font-size);
}
/* Add Icon */
.iconStartList li:nth-child(1) .contentBox{
    background-image: url("../img/pages/ask1.png");
}
.iconStartList li:nth-child(2) .contentBox{
    background-image: url("../img/pages/ask2.png");
}
.iconStartList li:nth-child(3) .contentBox{
    background-image: url("../img/pages/ask3.png");
}
.iconStartList li:nth-child(4) .contentBox{
    background-image: url("../img/pages/ask4.png");
}
.iconStartList li:nth-child(5) .contentBox{
    background-image: url("../img/pages/ask5.png");
}
.iconStartList li:nth-child(6) .contentBox{
    background-image: url("../img/pages/ask6.png");
}
.iconStartList li:nth-child(7) .contentBox{
    background-image: url("../img/pages/ask7.png");
}
.iconStartList li:nth-child(8) .contentBox{
    background-image: url("../img/pages/ask8.png");
}
.iconStartList li:nth-child(9) .contentBox{
    background-image: url("../img/pages/ask9.png");
}
.iconStartList li:nth-child(7), .iconStartList li:nth-child(8), .iconStartList li:nth-child(9){
    margin-bottom: 0;
}

.testimonialsWrapper{}
.testimonialsWrapper.container .row{
    margin-left: -30px;
    margin-right: -30px;
}
.testimonialsWrapper.container .row .col-md-6{
    padding-left: 30px;
    padding-right: 30px;
}
.testimonialsWrapper .coverPic{
    width: 95%;
}
.testimonialsWrapper .marginTop{
    margin-top: 2rem;
}
.testimonialsWrapper .saysWrap{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    height: 430px;
}
.testimonialsWrapper .saysWrap .sayBox{
    background-color: white;
    border-radius: var(--zu-border-radius-xl);
    background: linear-gradient(to top, #eeeeee, #ffffff);
    /*box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;*/
    border: 1px solid #eee;
    padding: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    /*margin-top: -15px;*/
    margin-bottom: 15px;
}
.testimonialsWrapper .saysWrap .sayBox .userInfo{
    width: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.testimonialsWrapper .saysWrap .sayBox .userInfo .uPic{
    width: 60px;
    height: 60px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    border-radius: 99rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.testimonialsWrapper .saysWrap .sayBox .userSayText{
    flex: 1;
    padding-left: 25px;
    color: #666;
}
.testimonialsWrapper .saysWrap .sayBox .userSayText .dateText{
    text-align: right;
    font-size: var(--zu-font-size-sm);
    color: #666;
}
.testimonialsWrapper .saysWrap .sayBox .userInfo .uName{
    text-align: center;
    font-family: RobotoBold;
    padding-top: .25rem;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.testimonialsWrapper .saysWrap .slickLoop{
    position: relative;
    overflow: hidden;
}
.testimonialsWrapper .saysWrap::before{
    content: '';
    width: calc(100% + 30px);
    height: 150px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 2;
    margin-left: -15px;
}
.testimonialsWrapper .saysWrap .slickLoop .sayBox:nth-child(2){
    /*left: -40px;*/
}

.fullWidthRedBgWrapper{
    background-color: #C40000;
    background-image: url("../img/pages/redbg02.svg");
    background-attachment: fixed;
    background-size: cover;

    min-height: 300px;
    margin-top: 3.5rem;
    color: white;
    text-align: center;
    padding: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.fullWidthRedBgWrapper .bigTitle{
    font-size: 3.5rem;
    text-transform: uppercase;
    font-family: RobotoBold;
}
.fullWidthRedBgWrapper p, .startWrapper p{
    font-size: 1.375rem;
    margin-bottom: 1.375rem;
}

.startWrapper{
    background: linear-gradient(to top, #fef2f1, #ffffff);
    padding: 5rem 0;
}
.startWrapper .bigTitle{
    font-size: 3.5rem;
}
.startWrapper p{
    width: 80%;
}
.startWrapper .row{
    display: flex;
    align-items: center;
}

.fullWidthRedBgWrapper .registerBtn{
    background-color: #ff6600;
}
.fullWidthRedBgWrapper .registerBtn:hover{
    background-color: #ff9100;
}

.formBottomTips{
    background: #fff6e6;
    border: 1px solid #ffe2cf;
    border-radius: .375rem;
    padding: 5px 10px;
    color: #f60;
    font-size: var(--zu-font-size-md);
}
.formBottomTips svg{
    margin-right: 3px;
}


/* CSS */
.button-37 {
    background-color: #39aaee;
    border: 1px solid #39aaee;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    outline: 0;
    padding: 10px 25px;
    text-align: center;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-37:hover {
    box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
    transform: translateY(-2px);
    color: white!important;
}

@media (min-width: 768px) {
    .button-37 {
        padding: 10px 30px;
    }
}
.goToSellBtn{
    position: absolute;
    top: 30%;
    right: 15px;
}
.breadGoToSellBtn{
    position: absolute;
    top: .175rem;
    right: 15px;
    padding: 4px 8px 5px 8px;
}
.breadGoToSellBtn:hover{
    transform: translateY(0);
    background-color: #2294d9;
}


/* Phone */
@media (max-width: 767.98px) {

    .breadGoToSellBtn{
        position: absolute;
        top: .1rem;
        right: 15px;
        padding: 2px 6px 3px 6px;
        font-size: .875rem;
        z-index: 2;
    }

    .otherSellerFullBar .goodsPrice .lowerPriceBox{
        margin-top: -10px;
    }
    .otherSellerFullBar .sellerInfo .sellerName .ratingText{
        font-size: .875rem;
    }
    .otherSellerFullBar .goodsPrice .lowerPriceBox .lowerPriceLabel{
        padding: 2px 6px;
    }

    .siteCover{
        width: initial;
        height: 30rem;
    }
    .siteCover .container{
        display: initial;
        align-items: initial;
    }
    .siteCover .container .row{
        width: initial!important;
    }
    .siteCover .container .row .col-xs-12{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .siteCover h1{
        width: 100%;
        text-align: center;
        font-size: 1.75rem;
        margin-top: 4.875rem;
    }
    .siteCover p{
        font-size: 1rem;
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }
    .siteCover .container::before{
        width: 240px;
        height: 244px;
        left: 50%;
        margin-left: -120px;
    }
    .siteCover .registerBtn{
        padding: 5px 20px;
    }
    .siteCover::before{
        background-size: cover;
    }
    .titleBarBootLine{
        font-size: 1.25rem;
        padding-top: 3rem;
    }
    .titleBarBootLine .howMore{
        font-size: .65rem;
        top: 1rem;
        bottom: initial;
    }
    .whiteBgLightShadow{
        height: 240px;
    }
    .iconStartList{
        margin: 0 -15px;
    }
    .iconStartList li{
        width: 100%;
        padding: 0 15px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .iconStartList li p{
        font-size: .75rem;
    }
    .iconStartList li .contentBox{
        padding-left: 60px;
        background-size: 40px 40px;
    }
    .fullWidthRedBgWrapper .bigTitle{
        font-size: 2rem;
    }
    .fullWidthRedBgWrapper p, .startWrapper p{
        font-size: 1rem;
    }
    .startWrapper{
        padding: 0rem 0;
    }
    .startWrapper .bigTitle{
        font-size: 2rem;
        width: 100%;
        text-align: center;
    }
    .startWrapper .row{
        display: initial;
        align-items: initial;
    }
    .startWrapper .row .col-xs-12{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .startWrapper .p{
        width: 100%;
        text-align: center;
    }
    .startWrapper .registerBtn{
        margin-bottom: 1rem;
    }
    .testimonialsWrapper.container .row{
        margin-left: initial;
        margin-right: initial;
    }
    .testimonialsWrapper.container .row .col-md-6{
        padding-left: initial;
        padding-right: initial;
    }

    /* phone search bar */
    .search-bar-dark{
        background-color: black;
        box-shadow: rgba(33, 35, 38, 0.35) 0px 10px 10px -10px;
        color: white;
        display: block;
        height: 45px;
    }

    /* zu Modal */
    .blocker {
        z-index: 9999998 !important;
    }
    .zumodal {
        z-index: 999999 !important;
    }

    /* Sticky */
    .stickySidebarWrap{
        position: initial;
        position: initial;
        top: initial;
        width: 100%;
    }

    /* 卖家档案卡通用 */
    .sellerProfileCard{
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        top: 55px;
        left: 0;
        right: initial;
        width: 100%;
    }
    .sellerProfileCard::before{
        border-top: 6px solid transparent;
        border-bottom: 6px solid white;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        top: initial;
        left: 25px;
        bottom: 100%;
    }

    .noInsuranceStyle{
        padding-left: initial;
    }

    .fullWidthGrayBgWrapper{
        padding-bottom: 0px;
    }

    .pd-leftCard{
        border-radius: 0;
        border: 0;
        padding: 0 0 10px 0;
        margin-bottom: 15px;
        padding-top: 33px!important;
    }

    .thisPhoneFlexShow{
        display: flex;
    }

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

    .zu-container-lg{
        width: initial;
        max-width: initial;
        padding: 0;
        --bs-gutter-x: 0;
    }
    .zu-container-lg .pagination-sm-show{
        margin: 0!important;
    }
    .productDetailWrapper{
        margin: 1.5rem 0 0 0;
        padding-top: 0;
    }
    .productDetailMain .productInfo{
        padding: 0 15px;
        flex: initial;
        width: 100%;
    }
    .productDetailMain .productInfo .tooltip{
        z-index: 9999999;
    }
    .favoriteThis{
        right: 10px;
        transform: scale(0.75);
        top: 2.25rem;
    }
    .productDetailMain .productInfo .bigTitle{
        display: flex;
        flex-wrap: wrap;
        font-size: 18px;
        margin-bottom: 5px;
        padding-right: 30px;
    }
    /* 只在手机端显示的产品图 */
    .productDetailMain .productInfo .bigTitle .thisProductPic{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 10px;
        width: 80px;
        height: 70px;
    }
    .productDetailMain .productInfo .bigTitle .thisProductPic>img{
        border-radius: var(--zu-border-radius);
        display: flex;
        max-width: 100%;
        max-height: 100%;
        width: initial;
    }
    .productDetailMain .productInfo .bigTitle .thisProductPic iframe{
        width: 100%!important;
        height: auto!important;
    }
    .productDetailMain .productInfo .bigTitle .thisProductTitle{
        flex: 1;
        font-size: 1.15rem;
        min-height: 30px;
    }
    /* End */
    .productDetailMain .productInfo .productAttributes{
        border-bottom: 0!important;
        flex-wrap: initial;
        overflow-x: auto;
        padding-top: 5px;
        padding-bottom: 0;
        display: none;
    }
    .productDetailMain .productInfo .productAttributes .attrItem{
        width: 180px;
        flex-shrink: 0;
    }
    .productDetailMain .productInfo .productDescription, .productDetailMain .productInfo .productReminder, .productDetailMain .redDotTitleBar, .productDetailMain .otherAssociatedGoods{
        display: none;
    }
    .productDetailMain, .productDetailSidebar{
        width: 100%;
        padding: 0;
    }
    .productDetailMain .goToSellBtn{
        padding: 2px 5px;
        font-size: .875rem;
        position: absolute;
        top: 5px;
        right: 15px;
    }
    .productDetailMain .productPhotoWrap{
        width: 100px;
        padding-right: 15px;
        display: none;
    }
    .productDetailMain .productPhoto{
        width: 100%!important;
        height: auto!important;
        max-height: initial;
    }
    .productDetailSidebar{
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .freeInsuranceBar, .productBuyCard, .sellerPanelCard, .otherSellerPanel{
        width: 100%;
    }

    .offersFromX{
        width: 100%;
    }

    /* 手机端显示顺序 */
    .sellerPanelCard{
        order: 2;
        padding: 10px;
    }
    .sellerPanelCard.zu-my-md{
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .sellerPanelCard .sellerHead .sellerInfo .profilePic{
        width: 30px;
        height: 30px;
    }
    .sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon{
        align-items: center;
    }
    .sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon .imgboxdengji{
        width: 15px;
        height: 15px;
    }
    .sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon .imgboxdengji img{
        width: 13px!important;
        height: 12px!important;
    }
    .sellerPanelCard .sellerHead .sellerInfo .sellerName .levelIcon .ratingText{
        font-size: var(--zu-font-size-md);
    }
    .sellerPanelCard .sellerHead .sellerInfo .talkSeller{
        padding: 4px 8px;
    }
    .sellerPanelCard .sellerHead .sellerInfo .talkSeller>svg{
        font-size: var(--zu-font-size-md);
    }
    .sellerPanelCard .sellerBody .offersItem .iconBox{
        width: 20px;
        height: 20px;
        font-size: var(--zu-font-size-sm);
    }
    .sellerPanelCard .sellerBody{
        margin-top: 5px;
    }
    .sellerPanelCard .sellerBody .offersItem .textBox{
        display: flex;
        align-items: center;
    }
    .sellerPanelCard .sellerBody .offersItem .textBox .bTxt{
        font-size: var(--zu-font-size-md);
        margin-right: 3px;
    }

    .freeInsuranceBar{
        box-shadow: none;
        order: 3;
        margin-bottom: 10px;
        background-color: transparent;
        border: 0;
        padding: 0;
    }

    .productBuyCard{
        order: 4;
        padding: 10px 15px;
        background-color: #ffffff;
        box-shadow: none;
        margin-bottom: 10px;
    }
    .productBuyCard .labelBar.zu-my-sm{
        margin-top: .5rem;
        margin-bottom: 0;
    }
    .productBuyCard .buyBtnBar.zu-py-sm{
        padding-top: 0;
    }
    .productBuyCard .stockInfo{
        margin-top: 0;
    }
    .productBuyCard .bootstrap-select>.dropdown-toggle{
        padding: 5px 10px!important;
    }
    .counter{
        background-color: white;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        padding: 2px;
        width: 150px;
        justify-content: initial;
    }
    .counter button{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
    }
    .counter .decrement, .counter .increment{
        background-color: var(--zu-gray-200);
        color: var(--zu-gray-600);
    }
    .counter .c-dropdownPanel .table-responsive{
        margin: 0!important;
    }
    .counter .count{
        width: 50px;
        flex: 1;
    }

    .productSpecification{
        margin-bottom: 15px;
    }

    /* 商品关联只在手机端显示 */
    .phoneOtherAssociatedGoods{
        display: block;
        order: 5;
    }
    .phoneOtherAssociatedGoods .redDotTitleBar{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .phoneOtherAssociatedGoods .otherAssociatedGoods .goodsCol{
        width: 100%;
        flex: initial;
    }
    .phoneOtherAssociatedGoods .otherAssociatedGoods .goodsCol .goodsItem{
        background-color: white;
        min-height: 80px;
    }
    .phoneOtherAssociatedGoods .otherAssociatedGoods .zu-btn-outline-danger-md{
        height: 35px;
        padding: 5px 15px;
    }
    .otherAssociatedGoods .goodsCol .goodsItem .goodsText .sText .salePrice{
        font-size: .75rem;
    }
    .otherAssociatedGoods .goodsCol .goodsItem .goodsText .bText{
        padding: 5px 12px;
    }
    /* End */

    .otherSellerPanel{
        order: 1;
    }
    .otherSellerPanel{
        border: 0;
        background-color: transparent;
        padding: 0;
    }
    .otherSellerPanel .storeIcon{
        width: 25px;
        height: 25px;
        font-size: var(--zu-font-size-sm);
        display: none;
    }
    .otherSellerPanel .storeOffers{
        padding-left: 0;
    }
    .otherSellerPanel .lastIcon{
        margin-right: 0;
        font-size: var(--zu-font-size-sm);
    }

    .filterToolbar{
        flex-wrap: wrap;
        margin: 0 10px;
    }
    .filterToolbar .deliveryMethod{
        width: 100%;
    }
    .filterToolbar .minQty{
        width: 100%;
    }
    .filterToolbar .minQty>.numberInput{
        width: 100%;
    }
    .goodsPriceRange{
        width: 100%;
    }
    .goodsPriceRange .fromBox, .goodsPriceRange .toBox{
        width: 48%;
    }
    .goodsPriceRange .fromBox>input, .goodsPriceRange .toBox>input{
        width: 100%;
    }
    .goodsPriceRange .blockBox{
        width: 4%;
    }
    .goodsPriceRange .blockBox::before{
        left: 5px;
    }

    .otherSellersWrapper.zu-my-md{
        margin: .5rem 0!important;
    }
    .otherSellerFullBar{
        border: 1px solid #ddd;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 15px 15px -20px;
        margin: 10px 10px;
        padding: 5px 10px 5px 10px;
        position: relative;
        /*overflow: hidden;*/
    }
    .otherSellerFullBar::before{
        content: '';
        width: 100%;
        height: 50px;
        /*background-color: #f8f8f9;*/
        background: linear-gradient(to bottom, var(--zu-gray-200), white);
        /*border-bottom: 1px solid var(--zu-gray-100);*/
        position: absolute;
        top: 0;
        left: 0;
        /*z-index: -1;*/
        border-radius: .375rem .375rem 0 0;
    }

    .otherSellerFullBar .sellerInfo{
        order: 1;
        /*width: 50%;*/
        width: 100%;
        padding-top: 2px;
    }
    .otherSellerFullBar .sellerInfo .profilePic{
        width: 35px;
        height: 35px;
    }
    .otherSellerFullBar .sellerInfo .sellerName .nameText{
        display: flex;
    }
    .otherSellerFullBar .sellerInfo .sellerName .nameText span:first-child{
        max-width: 90px;
        display: inline-block;
    }
    /* 其他卖家显示卖家档案卡 */
    .otherSellerFullBar .sellerInfo .sellerProfileCard{
        display: none!important;
    }

    .otherSellerFullBar .goodsPrice{
        order: 2;
        width: 50%;
        justify-content: end;
        text-align: right;
    }
    .otherSellerFullBar .goodsPrice.zu-px-sm{
        padding-right: 0;
    }

    .otherSellerFullBar .deliveryMethod{
        order: 3;
        width: 100%;
    }
    .otherSellerFullBar .deliveryMethod.zu-px-sm{
        padding: 8px 0 5px 0;
    }
    .otherSellerFullBar .deliveryMethod .dmText{
        display: flex;
        align-items: center;
        line-height: 1.25;
        width: 100%;
    }
    .otherSellerFullBar .deliveryMethod .dmText .sText{
        display: none;
    }

    .otherSellerFullBar .moreGoodsInfo{
        order: 4;
        width: 100%;
    }
    .otherSellerFullBar .moreGoodsInfo.zu-px-sm{
        padding: 0 0 5px 0;
    }
    .otherSellerFullBar .moreGoodsInfo{
        flex-wrap: wrap;
    }
    .otherSellerFullBar .moreGoodsInfo .infoItem{
        background-color: #eaedf0;
        white-space: nowrap;
        margin: 2px;
        font-size: var(--zu-font-size-sm);
    }
    .otherSellerFullBar .moreGoodsInfo .infoItem.insuranceItem .insuranceIcon{
        left: -3px;
    }
    .otherSellerFullBar .moreGoodsInfo .infoItem.insuranceItem .showThisTips{
        left: initial;
        right: 0;
    }
    .otherSellerFullBar .moreGoodsInfo .infoItem span svg{
        margin: 0;
        font-size: .75rem;
    }
    .otherSellerFullBar .moreGoodsInfo .infoItem .tooltip .tooltip-inner{
        border-radius: .375rem!important;
    }

    .otherSellerFullBar .buyGoods{
        order: 5;
    }
    .otherSellerFullBar.active{
        background-color: white;
        outline: 2px solid #d7eed0;
    }
    .otherSellerFullBar.active .goodsPrice{
        right: 20px !important;
    }

    /* 产品描述文字 */
    .productDescriptionTextWrap .textIn{
        width: 100%;
        padding: 0 15px;
    }

    /* 手机端卖家提醒 */
    .sellerReminderInPage{
        width: 100%;
    }
    .sellerReminderInPage .rightBox{
        white-space: initial;
    }
    .sellerReminderInPage .rightBox .subTextWrap{
        white-space: pre-wrap;
        word-break: break-all;
    }
    .unverifiedSellerNote{
        margin-top: initial;
    }

    /* 其他卖家后面散列全部居右后手机样式 */
    .otherSellerFullBar .rightDisplayWrap{
        order: 2;
        width: 100%;
        margin-left: initial;
        flex: initial;
        justify-content: initial;
    }
    .otherSellerFullBar .rightDisplayWrap .goodsPrice{
        position: absolute;
        top: 0;
        right: 10px;
        min-width: initial;
        width: 50%;
        height: 50px;
        line-height: .75rem;
    }

    /* 手机端固定底部的购买按钮 */
    .phoneFixedBottomBuyBtnBar{
        background-color: white;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        display: block;
        padding: 6px 10px;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 9999;
    }
    .phoneFixedBottomBuyBtnBar .priceItem, .phoneFixedBottomBuyBtnBar .btnItem{
        flex: 1;
    }
    .phoneFixedBottomBuyBtnBar .priceItem{
        font-family: RobotoBold;
        font-size: 1.35rem;
    }
    .phoneFixedBottomBuyBtnBar .priceItem .fromSmallText, .phoneFixedBottomBuyBtnBar .beforeDiscountText{
        font-family: nunito-regular;
        font-weight: normal;
        font-size: .875rem;
        color: var(--zu-gray-600);
    }
    .phoneFixedBottomBuyBtnBar .btnItem{}
    .phoneFixedBottomBuyBtnBar .btnItem .addToCartBtn, .phoneFixedBottomBuyBtnBar .btnItem .BuyNowBtn{
        padding: 5px 10px;
    }
    .phoneFixedBottomBuyBtnBar .btnItem .addToCartBtn{
        border: 1px solid var(--zu-danger);
        background-color: white;
        border-radius: var(--zu-border-radius);
        color: var(--zu-danger);
        font-size: 1.5rem;
        margin-right: 10px;
        padding: 2px 8px;
        width: initial!important;
    }
    .phoneFixedBottomBuyBtnBar .btnItem .BuyNowBtn{
        border: 1px solid var(--zu-danger);
        background-color: var(--zu-danger);
        border-radius: var(--zu-border-radius);
        color: white;
        font-size: 1rem;
        font-weight: 600;
        padding: 5px 15px;
    }
    .phoneFixedBottomBuyBtnBar .offersFromPrice{
        border: 0;
        background-color: transparent;
        box-shadow: none;
        color: var(--zu-gray-700);
        outline: none;
        margin: 0;
        padding: 0;
        line-height: 1;
        margin-top: 3px;
    }
    .phoneFixedBottomBuyBtnBar .offersFromPrice span{
        color: var(--zu-danger);
        font-family: RobotoBold;
    }
    .phoneFixedBottomBuyBtnBar .buyBtnBar{
        margin-left: -5px;
        margin-right: -5px;
        padding-top: 2px;
        padding-bottom: 4px;
        align-items: center;
    }
    .phoneFixedBottomBuyBtnBar .buyBtnBar .btnItem{
        padding: 0 5px;
        flex: 1;
    }
    .phoneFixedBottomBuyBtnBar .buyBtnBar .zu-btn-danger-md{
        padding-top: .575rem;
        padding-bottom: .575rem;
    }
    .phoneFixedBottomBuyBtnBar .buyBtnBar .addCartBtn {
        width: 60px;
        flex: initial;
    }
    .phoneFixedBottomBuyBtnBar .priceFrom{
        color: var(--zu-danger);
        font-size: var(--zu-font-size-md);
        border: 1px solid var(--zu-danger);
        border-radius: .25rem;
        padding: 0px 6px;
        background: #fffafa;
        height: 36px;
        display: flex;
        align-items: center;
        line-height: 1.2;
        text-align: center;
    }
    .phoneFixedBottomBuyBtnBar .buyNowGroup{
        display: flex;
        flex-wrap: wrap;
    }
    .phoneFixedBottomBuyBtnBar .buyNowGroup .buyBtnBar{
        flex: 1;
    }
    .phoneFixedBottomBuyBtnBar .buyNowGroup .offersPrice{
        width: 125px;
        margin-left: auto;
        align-items: center;
        text-align: right;
        padding-left: 5px;
    }

    /* 老版本网站的面包菜单 */
    .pages-breadcrumbs .breadcrumb{
        padding: 2px 0;
    }

    /* 手机端显示的产品属性 */
    .phoneShowProductAttributes{
        border-bottom: 0!important;
        display: block;
        padding-top: .15rem!important;
        padding-bottom: 0!important;
    }
    .phoneShowProductAttributes .attrItem{
        background-color: white;
        border-radius: var(--zu-border-radius-sm);
        box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 5px 15px;
        margin-bottom: 1px;
    }
    .phoneShowProductAttributes .attrItem .iconBox{
        display: flex;
        justify-content: left;
        align-items: center;
        width: 35px;
        height: 22px;
        font-size: 1.35rem;
    }
    .phoneShowProductAttributes .attrItem .textBox{
        display: flex;
        flex: 1;
        line-height: 1.2;
        font-size: var(--zu-font-size-md);
    }
    .phoneShowProductAttributes .attrItem .textBox .sTxt{
        color: var(--zu-gray-700);
    }

    /* 产品指南 */
    .productGuideInfo{
        display: none;
    }
    .productGuideInfo .gItem{
        flex: 0 0 calc(100% - 0px / 1);
        padding: 1px 0;
    }
    .productGuideInfo .gItem .gIcon{
        width: 25px;
        height: 25px;
    }
    .guideModalShow .g-i-head, .guideModalShow .productRegion, .guideModalShow .g-searchBar, .guideModalShow .listWorldCountry{
        padding: 20px;
    }
    .guideModalShow .g-searchBar .g-s-b-text{
        flex: initial;
    }
    .guideModalShow .listWorldCountry{
        gap: 5px;
    }
    .guideModalShow .listWorldCountry .l-w-c-item{
        flex: 0 0 calc(100% - 0px / 1);
    }
    .justPhoneShowProductGuideInfo{
        display: flex!important;
    }

    /* New Cover */
    .new-big-store-pic{
        height: 9.25rem;
    }
    .new-big-store-pic .text-wrap{
        height: initial;
        padding-top: 15px;
    }
    .homeFullCover .smallText{
        font-size: .65rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: none;
    }
    .homeFullCover .thisPhoneShowSmallText{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .homeFullCover .bigTitle{
        font-size: 1.25rem;
        margin: 5px 0 5px 0 ;
    }
    .colorGradientTitle{
        font-size: .75rem;
        padding: 1px 6px;
        display: none;
    }
    .menuGuideWrap{
        bottom: 0;
    }
    .menuLightCard{
        padding: .75rem .5rem .45rem .5rem;
    }
    .menuLightCard>.icon{
        font-size: 1.25rem;
        margin-bottom: 0;
    }
    .menuLightCard>p{
        font-size: var(--zu-font-size-sm);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* New Main */
    .history-bg{
        padding-top: .5rem;
        padding-bottom: 0;
    }
    .main-title-bar{
        font-size: var(--zu-font-size-xl);
        padding-top: 10px;
        text-align: left;
        justify-content: left;
    }
    .discoverAllBtn{
        font-size: var(--zu-font-size-sm)!important;
        padding: 2px 4px 2px 8px;
        bottom: .75rem;
    }
    /* slick */
    .history-product-wrap .slick-list, .ratingsBoxWrapper .slick-list{
        padding-top: 0;
        padding-bottom: 0;
    }
    .seller-product-light-card .del-this-btn{
        top: 0;
        right: -.25rem;
    }
    .custom-prev{
        left: -9px;
    }
    .custom-next{
        right: -8px;
    }
    .slick-dots li{
        width: 10px;
    }
    .slick-dots li button:before{
        width: 6px;
        height: 6px;
    }
    .main .popular_game .title{
        padding-top: 0px!important;
        padding-left: 0!important;
        font-size: var(--zu-font-size-xl);
    }
    .main .popular_game .title:before{
        width: 3px;
        height: 12px;
        top: 0;
        display: none;
    }
    .main .popular_game .title .title_check{
        top: 0;
    }
    .main .popular_game .title .title_check>button{
        font-size: var(--zu-font-size-sm);
    }
    .trendingGameTopUpWrapper{
        margin-top: 1rem;
        margin-bottom: .5rem;
        padding-top: .5rem;
        padding-bottom: 0;
    }
    .trendingGameTopUpWrapper .zu-mt-sm{
        margin-top: 0;
    }
    .trendingGameTopUpWrapper .game-cover-card-product{
        display: none;
        margin-bottom: 30px;
    }
    .trendingGiftCardsWrapper .slick-list, .trendingGamesWrapper .slick-list{
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .trendingGiftCardsWrapper .slick-slide, .trendingGamesWrapper .slick-slide{
        padding: 0 10px;
    }
    .small-game-cover-card-product .text-box{
        font-size: var(--zu-font-size-md);
        padding: 10px;
    }
    .small-game-cover-card-product .offers-label-small{
        top: 6px;
        right: 6px;
        border-radius: var(--zu-border-radius);
    }
    .communityRatingsWrapper{
        margin-top: .5rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .affiliateProgramWrapper{
        margin-top: 0;
        padding: 15px;
    }
    .affiliateProgramWrapper .text-box{
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .affiliateProgramWrapper .text-box .big-title{
        font-size: 1.25rem;
    }
    .affiliateProgramWrapper .text-box .big-title span{
        width: initial;
        display: inline-block;
    }
    .affiliateProgramWrapper .text-box p{
        font-size: var(--zu-font-size-sm);
    }
    .affiliateProgramWrapper .zu-mt-md{
        margin-top: .5rem!important;
        font-size: var(--zu-font-size-md);
    }
    .affiliateProgramWrapper::before{
        width: 230px;
        height: 150px;
    }
    .qRCodeBox{
        width: 100px;
    }
    .newGameListWrapper{
        margin-bottom: 1rem;
    }

    .seller-product-light-card{
        padding: 20px 15px;
    }
    .seller-product-light-card .product-pic{
        width: 60px;
    }
    .seller-product-light-card .product-txt .product-title{
        margin: 0;
        font-size: var(--zu-font-size-md);
        height: 50px;
    }
    .seller-product-light-card .user-info .user-avatar{
        width: 30px;
        height: 30px;
    }
    .seller-product-light-card .user-info .user-name .name-txt{
        font-size: var(--zu-font-size-md);
    }

    .footerInfoWrapper{
        padding-top: .5rem;
    }
    .footerInfoWrapper .f-title{
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid var(--zu-gray-800);
        font-size: var(--zu-font-size-md);
        position: relative;
    }
    .footerInfoWrapper .f-title::before{
        content: '';
        width: 13px;
        height: 13px;
        background-image: url("../img/pages/dropdown-arrow.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 16px;
        right: 0;
        opacity: .5;
    }
    .footerInfoWrapper .f-title.active::before{
        transform: rotate(180deg);
    }

    .footer-flex-box{
        display: flex;
        flex-wrap: wrap;
    }
    .footer-flex-box .nav_content, .footer-flex-box button{
        width: 50%;
    }
    .footer-flex-box button{
        margin-top: 1rem!important;
        padding: 5px 10px;
    }
    .footer-flex-box .text-right{
        text-align: left!important;
    }
    .footer-flex-box .nav_content a{
        margin-left: 0!important;
        margin-right: 5px!important;
    }
    .footer-flex-box .nav_content a img{
        width: 28px;
        height: 28px;
    }
    .btnContentBox{
        font-size: var(--zu-font-size-sm);
    }
}