/*
* reset style
*/
html,
body,
#app {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 16px;
    font-family: -apple-system, "FZLanTingHeiS", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

*,:after,:before {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

/* 分页器 */
.el-pagination {
    margin-top: 50px;
    text-align: center;
    justify-content: center;
}

.el-pagination .el-pager li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 2px;
    transition: all .1s ease-out;
    background: rgb(245, 245, 246);
    font-weight: 600;
    color: rgb(37, 43, 58);
    margin: 0 4px;
    padding: 0;
    min-width: 30px
}


.el-pagination .el-pager li.active {
    color: #fff;
    background: var(--theme-color);
}

.el-pagination .el-pager li.is-active {
    color: #fff;
    background: var(--theme-color);
}

.el-pagination button {
    min-width: 30px;
    height: 30px;
    border-radius: 2px;
    background: rgb(245, 245, 246);
}
.el-pagination button:hover {
    color: var(--theme-color);
}
.el-pagination button:disabled {
    background: rgb(245, 245, 246);
}

/* confirm */
.el-message-box {
    border-radius: 4px;
    padding: 0;
}
.el-message-box__header {
    padding: 20.5px 24px;
    box-sizing: border-box;
    background-color: #F9F9FC;
    border-bottom: 1px solid #ECECF0;
}
.el-message-box__headerbtn {
    width: 20px;
    height: 20px;
    right: 24px;
    top: 20.5px;
}
.el-message-box__title {
    color: #333;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
.el-message-box__headerbtn .el-message-box__close {
    color: #333;
}
.el-message-box__content {
    padding: 24px 24px 30px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
}
.el-message-box__btns {
    justify-content: flex-end;
    padding: 0 24px 32px;
    box-sizing: border-box;
}
.el-message-box .el-button {
    min-width: 88px;
    height: 40px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    background-color: #f6f6f9;
    border: 1px solid #f6f6f9;
}
.el-message-box .el-button:not(:first-child) {
    margin-left: 20px;
}
.el-message-box .cancel-btn:hover {
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-message-box .confirm-btn {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    outline: 0;
}
.el-message-box .confirm-btn:hover {
    opacity: .8;
}
/* el-dialog */
.el-dialog {
    border-radius: 4px;
    padding: 0;
}
.el-dialog__header {
    display: flex;
    align-items: center;
    height: 64px;
    background-color: #f9f9fc;
    border-radius: 4px 4px 0 0;
    padding: 0 24px;
    box-sizing: border-box;
    border: 1px solid #ECECF0;
}
.el-dialog__headerbtn {
    width: 16px;
    height: 16px;
    right: 24px;
    top: 24px;
}
.el-dialog__headerbtn .el-dialog__close {
    color: #333;
}
.el-dialog__title {
    color: #333;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
.el-dialog__body {
    padding: 24px 24px 32px;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
.el-dialog .dialog-footer {margin-top: 30px;text-align: right;}
.el-dialog .dialog-footer .el-button {min-width: 88px;height: 40px;padding: 0 18px;box-sizing: border-box;border-radius: 4px;font-size: 16px;color: #333;background-color: #f6f6f9;border: 1px solid #f6f6f9;}
.el-dialog .dialog-footer .el-button:not(:first-child) {margin-left: 20px;}
.el-dialog .dialog-footer .cancel-btn:hover {border-color: var(--theme-color);color: var(--theme-color);}
.el-dialog .dialog-footer .confirm-btn {background-color: var(--theme-color);border-color: var(--theme-color);color: #fff;}
.el-dialog .dialog-footer .confirm-btn:hover {opacity: .8;}
/* el-radio */
.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--theme-color);
    background: var(--theme-color);
}
/* el-table */
.el-table .el-table__header th{
    background-color: #F5F5F6;
}
.el-table th.el-table__cell.is-leaf {
    padding: 15px 0;
}
.el-table .el-table__cell .cell {
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
.el-table td.el-table__cell {
    border-color: #F5F5F6;
}

@media screen and (max-width: 1365px) {
    html,
    body,
    #app{
        font-size: 15px;
    }
}

@media screen and (max-width: 1280px) {
    html,
    body,
    #app{
        font-size: 14px;
    }
}

@media screen and (max-width: 1150px) {
    html,
    body,
    #app{
        font-size: 13px;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) { 
    html,
    body,
    #app{
        font-size: 16px;
    }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) { 
    html,
    body,
    #app{
        font-size: 17px;
    }
}
@media screen and (min-width: 2560px){ 
    html,
    body,
    #app{
        font-size: 21.3333px;
    }
}

.page-section .section { width: 80rem; margin: 0 auto; padding-top: 20px; padding-bottom: 60px; } .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { font-weight: 400; color: #666;} .el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover {color: var(--theme-color); cursor: pointer;} .el-breadcrumb__separator { margin: 0 4px; color: #666;} .bot-wraper { display: flex; flex-wrap: wrap; margin-left: -15px; } .bot-wraper .prod-item{ width: calc(20% - 15px); margin-left: 15px; padding: 15px 18px; box-sizing: border-box; border: 1px solid rgb(224, 224, 224); background: rgb(255, 255, 255); margin-top: 20px; border-radius: 6px; cursor: pointer; } .bot-wraper .prod-item .img-box{ height: 190px; width: 100%; display: flex; justify-content: center; align-items: center; } .bot-wraper .prod-item .img-box img{ max-width: 100%; max-height: 100%; } .bot-wraper .prod-item .price{ margin: 10px 0; color: var(--theme-color); font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bot-wraper .prod-item .price .originPrice{ color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; margin-left: 10px; text-decoration: line-through; } .bot-wraper .prod-item .name{ color: rgb(28, 28, 28); font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -0.2px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; height: 40px; margin-bottom: 15px; } .bot-wraper .prod-item .botShow .score,.rate{ color: rgb(255, 173, 51); font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0px; text-align: left; } .bot-wraper .prod-item .botShow { display: flex; align-items: center; position: relative; } .bot-wraper .prod-item .botShow .rate{ color: rgb(0, 0, 0); margin-left: 20px; opacity: 0.5; } .bot-wraper .prod-item .botShow .score-icon{ width: 15px; height: 15px; background: url("image/score.png") no-repeat; background-size: 100%; display: block; margin-right: 8px; }.page-section .el-breadcrumb__separator {width: 12px;height: 12px;}.page-section .el-breadcrumb__inner {font-size: 14px;font-weight: 400;}.page-section .last-breadcrumb .el-breadcrumb__inner {color: var(--theme-color);}.page-section .last-breadcrumb .el-breadcrumb__inner:hover {color: var(--theme-color);}


/* product detail */
.offering-detail {border-top: 1px solid #f5f5f6;}.offering-detail .el-breadcrumb__inner {font-size: 14px;font-weight: 400;}.offering-detail .last-breadcrumb .el-breadcrumb__inner {color: var(--theme-color);}.offering-detail .last-breadcrumb .el-breadcrumb__inner:hover {color: var(--theme-color);}.offering-detail .product-display-inner {margin-top: 14px;}.offering-detail .product-display-inner .slide-item-inner {border-radius: 4px;background-color: #fff;}.offering-detail .gallery-top .swiper-video {width: 100%;height: 100%;}.offering-detail .gallery-top .swiper-video .video-img {width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;border-radius: 4px;}.offering-detail .gallery-top .swiper-video .video-img img {max-width: 100%;max-height: 100%;}.offering-detail .gallery-top .play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background: url(data:image/png;base64,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) center no-repeat;background-size: 100% 100%;cursor: pointer;}
.offering-detail .product-display-wrapper .product-display-panel {display: flex;padding-bottom: 36px;border-bottom: 1px solid #F5F5F6;box-sizing: border-box;}.offering-detail .product-display-wrapper .product-images {width: 446px;flex-shrink: 0}.offering-detail .product-display-wrapper .product-images .gallery-top {height: 290px;}.offering-detail .product-display-wrapper .product-images .gallery-top .slide-item-inner {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #fff;}.offering-detail .product-display-wrapper .product-images .gallery-top .slide-item-inner img {max-width: 100%;max-height: 100%;cursor: pointer;}.offering-detail .product-display-wrapper .product-images .gallery-thumbs-wrapper {position: relative;margin-top: 20px;}.offering-detail .product-display-wrapper .product-images .gallery-thumbs {margin: 0 40px;height: 56px;}.offering-detail .product-display-wrapper .product-images .gallery-thumbs .swiper-slide {border-radius: 4px;background-color: #f5f5f6;}.offering-detail .product-display-wrapper .product-images .slide-item .slide-item-inner {display: flex;align-items: center;justify-content: center;height: 100%;border-radius: 4px;border: 1px solid #dfe1e5;box-sizing: border-box;overflow: hidden;cursor: pointer;}.offering-detail .product-display-wrapper .product-images .slide-item .slide-item-inner img {width: 100%;height: 100%;background-color: #fff;}.offering-detail .product-display-wrapper .product-images .slide-thumbs-item .slide-thumbs-item-inner {border: 1px solid transparent;border-radius: 4px;box-sizing: border-box;}.offering-detail .product-display-wrapper .product-images .slide-thumbs-item.active .slide-thumbs-item-inner {border: 1px solid var(--theme-color);}.offering-detail .product-display-wrapper .product-images .slide-thumbs-item .slide-thumbs-item-inner {display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;overflow: hidden;cursor: pointer}.offering-detail .product-display-wrapper .product-images .slide-thumbs-item .slide-thumbs-item-inner img {max-width: 100%;max-height: 100%;}.offering-detail .product-display-wrapper .product-images .swiper-button .button {position: absolute;top: 50%;transform: translateY(-50%);z-index: 300;width: 30px;height: 30px;background-color: #f5f5f6;border-radius: 50%;cursor: pointer;transition: all .1s ease-out}.offering-detail .product-display-wrapper .product-images .swiper-button .button:hover {background-color: #dfe1e5;transition: all .1s ease-in}.offering-detail .product-display-wrapper .product-images .swiper-button .prev-button {left: 0}.offering-detail .product-display-wrapper .product-images .swiper-button .prev-button:before {content: "";position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 8px;height: 12px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAMBJREFUKFNjZMAC5HRtBNn//Vvwn4FBihFdXknDRo2J+d9mRgYGVQaG//UoClR0rNwY/jOsZGBgYGdiYEi6dfXYCrgCVR2rPIb/DL0MDAwvmRgZA25eOXoGZDqjsbEx68cf7FMZGRhSGRgYTjP9YQy4efPoM5jVjKraVjsYGBjcGRgYln//+D/5yZPj35HdhaxgxfeP/5MwFBC0AmYcTkci2wf15goGBgYODG/CFOINKJgiBQMHAdbfvxYzMDDIAADwPU3GP0GmxgAAAABJRU5ErkJggg==) center no-repeat;transition: all .1s ease-out}.offering-detail .product-display-wrapper .product-images .swiper-button .next-button {right: 0}.offering-detail .product-display-wrapper .product-images .swiper-button .next-button:before {content: "";position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 8px;height: 12px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAL5JREFUKFNjVNG2Os3IwPDsJxNTwqPLR94zoAFGVW3LWgYGxsb/DAy3//1l8r1348gtZDWMII6atlXEPwaGeQwMDD8ZGBnC71w5tgumCKwABNR1rE3+/f+/gYGBQZyBkaH49pVjk0DicAVgRerWUv9YwIpM/zMwzObn+JmNogCkSEbGkpOTn3EuAwNDJAMDw05cCkDuicBQgNcKvI5E8uYPBkaGCBRvEgwoVW2r8wwMDE9+s7LFPrhw4AN6UAMAnbNPzT9qdggAAAAASUVORK5CYII=) center no-repeat;transition: all .1s ease-out}.offering-detail .prdocut-detail-tab-wrapper {padding: 45px 0 50px;}.offering-detail .product-wrapper {position: relative;}.offering-detail .product-wrapper:not(:last-child):after {content: '';position: absolute;width: 200vw;min-width: 1024px;height: 10px;left: 50%;transform: translateX(-50%);top: 0;background: #F5F5F6;}.offering-detail .product-preview-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 2000}.offering-detail .product-preview-wrapper .preview-swiper {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height: 80%;overflow: hidden}.offering-detail .product-preview-wrapper .preview-swiper .slide-item-inner {display: flex;align-items: center;justify-content: center;height: 100%;}.offering-detail .product-preview-wrapper .preview-swiper .slide-item-inner img {max-width: 100%;max-height: 100%;background-color: #fff;border-radius: 8px}.offering-detail .product-preview-wrapper .swiper-button .button {position: absolute;display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);width: 64px;height: 64px;background-color: #666;border-radius: 50%;cursor: pointer}.offering-detail .product-preview-wrapper .swiper-button .button i {color: #333;font-size: 32px}.offering-detail .product-preview-wrapper .swiper-button .button:hover,.offering-detail .product-preview-wrapper .swiper-button .button:active,.offering-detail .product-preview-wrapper .swiper-button .button:focus {background-color: #999}.offering-detail .product-preview-wrapper .swiper-button .prev-button {left: 48px}.offering-detail .product-preview-wrapper .swiper-button .next-button {right: 48px}.offering-detail .product-preview-wrapper .close-button {position: absolute;display: flex;align-items: center;justify-content: center;top: 80px;right: 80px;width: 64px;height: 64px;background-color: #4a4a51;border-radius: 50%;cursor: pointer}.offering-detail .product-preview-wrapper .close-button i {font-size: 32px;color: #91919e}.offering-detail .product-preview-wrapper .close-button:hover,.offering-detail .product-preview-wrapper .close-button:active,.offering-detail .product-preview-wrapper .close-button:focus {background-color: #999}.offering-detail .product-preview-wrapper .close-button:hover i,.offering-detail .product-preview-wrapper .close-button:active i,.offering-detail .product-preview-wrapper .close-button:focus i {color: #333}.offering-detail .product-preview-wrapper .offering-video {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}.offering-detail .product-preview-wrapper .offering-video video {max-width: 100%;max-height: 100%;}.offering-detail .product-display-panel .product-purchase {flex: 1;margin-left: 30px;}.offering-detail .product-purchase .product-label {font-weight: 600;font-size: 22px;line-height: 36px;color: #252b3a;}.offering-detail .product-purchase .product-intro {margin-top: 8px;font-size: 14px;line-height: 20px;color: #252b3a;}.offering-detail .product-purchase .discount-info {margin-top: 8px;font-size: 14px;line-height: 20px;color: #ffa200;}.offering-detail .product-purchase .price-sales {margin-top: 8px;background-color: #F5F5F6;padding: 10px 20px;box-sizing: border-box;}.offering-detail .product-purchase .price-sales .info-item {display: flex;}.offering-detail .product-purchase .price-sales .info-item:not(:first-child) {margin-top: 14px;}.offering-detail .product-purchase .price-sales .info-item .info-label {width: 60px;font-weight: 500;font-size: 12px;line-height: 20px;color: #252b3a;}.offering-detail .product-purchase .price-sales .info-item .info-content {flex: 1;margin-left: 8px;font-size: 14px;line-height: 20px;color: #252b3a;}.offering-detail .product-purchase .price-sales .price-item .info-label {line-height: 42px;}.offering-detail .product-purchase .price-sales .price-item .info-content {font-weight: 500;font-size: 28px;line-height: 42px;color: var(--theme-color);}.offering-detail .product-purchase .price-sales .sales-item .info-content .info-main {display: flex;flex-wrap: wrap;margin-bottom: 4px;}.offering-detail .product-purchase .price-sales .sales-item .info-content .info-main .label {min-width: 68px;padding: 2px 6px;margin-right: 10px;border: 1px solid #ff7511;border-radius: 2px;box-sizing: border-box;font-size: 14px;color: #ff7511;}.offering-detail .product-purchase-info {margin-top: 28px;}.offering-detail .btn-wrapper {margin-top: 24px;padding-left: 88px;box-sizing: border-box;}.offering-detail .btn-wrapper .el-button {min-width: 160px;height: 48px;border-radius: 24px;color: #fff;font-weight: 500;font-size: 18px;line-height: 24px;background: linear-gradient(to left, var(--theme-color), #105742);}.offering-detail .btn-wrapper .el-button:not(:first-child) {margin-left: 19px;}.offering-detail .feature-panel {display: flex;justify-content: space-around;padding: 30px 0;box-sizing: border-box;}.offering-detail .feature-panel .feature-item {display: flex;align-items: center;}.offering-detail .feature-panel .feature-item i {display: block;width: 30px;height: 30px;}.offering-detail .feature-panel .feature-item span {margin-left: 10px;font-size: 14px;color: #252b3a;}.offering-detail .product-detail-tab {position: relative;border-bottom: 1px solid #F5F5F6;}.offering-detail .product-detail-tab .tab-active-line {position: absolute;bottom: -1px;left: 0;height: 2px;background-color: var(--theme-color);transition: transform .3s cubic-bezier(.645, .045, .355, 1);}.offering-detail .product-detail-tab .tabs-nav {display: flex;align-items: center;}.offering-detail .product-detail-tab .tabs-nav .nav-item {padding-bottom: 15px;box-sizing: border-box;font-size: 16px;color: #575d6d;cursor: pointer;}.offering-detail .product-detail-tab .tabs-nav .nav-item.active {color: var(--theme-color);}.offering-detail .product-detail-tab .tabs-nav .nav-item:not(:last-child) {margin-right: 55px;}.offering-detail .product-detail-tab-content {margin-top: 40px;padding: 0 12px;}.offering-detail .product-detail-tab-content .tab-content-item-title {position: relative;margin-bottom: 20px;line-height: 19px;font-size: 14px;color: #333;font-weight: 700;}.offering-detail .product-detail-tab-content .tab-content-item-title::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: -12px;width: 2px;height: 12px;background-color: var(--theme-color);}.offering-detail .product-detail-tab-content p {line-height: 20px;font-size: 14px;color: #333;}.offering-detail .product-detail-tab-content p:not(:first-child){margin-top: 16px;}.offering-detail .product-detail-tab-content p a{color: #1066db;cursor: pointer;}.offering-detail .product-detail-tab-content .product-detail-title {display: block;margin-top: 20px;padding: 0 6px;font-size: 14px;color: #333;font-weight: 600;}.offering-detail .product-detail-tab-content .product-detail-panel table {margin-top: 15px;width: 100%;border-collapse: collapse}.offering-detail .product-detail-tab-content .product-detail-panel table tr td {padding: 6px 0 6px 16px;font-size: 14px;color: #959698;border: 1px solid #f2f2f2}.offering-detail .product-detail-tab-content .product-detail-panel img {width: 100%;height: auto;}.offering-detail .product-detail-tab .tab-fixed {position: fixed;padding: 0 350px;top: 136px;left: 0;width: 100%;background-color: #fff;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);z-index: 800;box-sizing: border-box;}.offering-detail .product-detail-tab .tab-fixed .tabs-content{display: none;}.offering-detail .offering-rate-panel {width: 100%;padding: 30px 40px;box-sizing: border-box;display: flex;align-items: center;background-color: #f5f5f6;}.offering-detail .offering-rate-panel .rate-score span {display: block;width: 105px;color: #8a8e99;font-size: 14px;line-height: 20px;text-align: center;}.offering-detail .offering-rate-panel .rate-score .score {margin-top: 8px;font-weight: 500;font-size: 28px;line-height: 26px;color: #f7b500;}.offering-detail .offering-rate-panel .rate-level {display: flex;flex-wrap: wrap;align-items: center;}.offering-detail .offering-rate-panel .rate-level .level-item {min-width: 90px;padding: 0 12px ;height: 32px;line-height: 32px;font-size: 12px;color: #575d6d;cursor: pointer;border: 1px solid #575d6d;border-radius: 2px;box-sizing: border-box;background-color: transparent;}.offering-detail .offering-rate-panel .rate-level .level-item:not(:last-child) {margin-right: 12px;}.offering-detail .offering-rate-panel .rate-level .level-item.active {color: #fff;background-color: var(--theme-color);border-color: var(--theme-color);}.offering-detail .offering-comment-panel .comment-item {margin-top: 20px;}.offering-detail .offering-comment-panel .comment-item .item-user {display: flex;justify-content: space-between;}.offering-detail .offering-comment-panel .comment-item .item-user .user-info {display: flex;justify-content: flex-start;}.offering-detail .offering-comment-panel .comment-item .item-user .avatar {display: block;width: 44px;height: 44px;border-radius: 50%;background-color: #bfc3c6;}.offering-detail .offering-comment-panel .comment-item .item-user .info-item {margin-left: 10px;}.offering-detail .offering-comment-panel .comment-item .item-user .info-item .label {font-size: 14px;font-weight: 500;color: #000;margin-right: 10px;}.offering-detail .offering-comment-panel .comment-item .el-rate__text {font-size: 14px;}.offering-detail .offering-comment-panel .comment-item .item-user .datetime {font-size: 12px;color: #999;}.offering-detail .offering-comment-panel .comment-item .comments {margin-top: 12px;color: #666;font-size: 14px;line-height: 24px;}.offering-detail .offering-comment-panel .comment-item .item-image {margin-top: 12px;display: flex;flex-wrap: wrap;}.offering-detail .offering-comment-panel .comment-item .item-image img {width: 120px;height: 120px;border-radius: 4px;}.offering-detail .offering-comment-panel .comment-item .item-image img:not(:last-child) {margin-right: 12px;}.offering-detail .product-display-wrapper .product-purchase-info .info-item {display: flex;align-items: center}.offering-detail .product-display-wrapper .product-purchase-info .info-item:not(:first-child) {margin-top: 20px;}.offering-detail .product-display-wrapper .product-purchase-info .info-item .info-label {width: 88px;line-height: 20px;font-size: 12px;color: #252b3a;padding-left: 20px;box-sizing: border-box;}.offering-detail .product-display-wrapper .product-purchase-info .info-item .step {display: flex;align-items: center;}.offering-detail .product-display-wrapper .product-purchase-info .info-item .step .unit {display: inline-block;margin-left: 12px;line-height: 16px;font-size: 12px;color: #707070;}.offering-detail .el-input-number {width: 140px;}.offering-detail .product-display-wrapper .el-input .el-input__wrapper {border: 1px solid #DFE1E5;}.offering-detail .el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper, .offering-detail .el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper {box-shadow: none;}.offering-detail .el-input-number__decrease:hover,.offering-detail .el-input-number__increase:hover {color: var(--theme-color);}.offering-detail .el-radio-button {height: 32px;}.offering-detail .el-radio-button:not(:first-child) {margin-left: 10px;}.offering-detail .el-radio-group .el-radio-button .el-radio-button__inner {height: 32px;padding: 6px 15px;border: 1px solid #DFE1E5;border-radius: 2px;box-shadow: none;color: #252B3A;font-size: 12px;line-height: 20px;box-sizing: border-box;}.offering-detail .el-radio-button__original-radio:checked+.el-radio-button__inner {background-color: #fff;border-color: var(--theme-color);color: #252B3A;}.offering-detail .el-radio-button__inner:hover {color: #252B3A;}.offering-detail .product-wrapper {margin-left: 0;}.offering-detail .product-wrapper .prod-label {padding-top: 34px;font-size: 16px;color: #000;}
/* cart-detail */
.product-panel .product-info {display: flex;align-items: flex-start;padding-bottom: 20px;border-bottom: 1px solid #DFE1E5;}.product-panel .product-info img {width: 54px;height: 54px;margin-right: 10px;}.product-panel .product-info .price {margin-bottom: 10px; font-weight: 500;font-size: 16px;line-height: 20px;color: var(--theme-color); display: -webkit-box;word-wrap: break-word;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}.product-panel .product-info .sub-title {font-size: 12px;line-height: 20px;color: #333;}.product-panel .product-purchase-info {padding-top: 20px;}.product-panel .product-purchase-info .info-item {display: flex;align-items: center}.product-panel .product-purchase-info .info-item:not(:first-child) {margin-top: 20px;}.product-panel .product-purchase-info .info-item .info-label {width: 88px;line-height: 20px;font-size: 12px;color: #252b3a;box-sizing: border-box;}.product-panel .product-purchase-info .info-item .step {display: flex;align-items: center;}.product-panel .product-purchase-info .info-item .step .unit {display: inline-block;margin-left: 12px;line-height: 16px;font-size: 12px;color: #707070;}.product-panel .el-input-number {width: 140px;}.product-panel.el-input .el-input__wrapper {border: 1px solid #DFE1E5;}.product-panel .el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper, .product-panel .el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper {box-shadow: none;}.product-panel .el-input-number__decrease:hover,.product-panel .el-input-number__increase:hover {color: var(--theme-color);}.product-panel .el-radio-button {height: 32px;}.product-panel .el-radio-button:not(:first-child) {margin-left: 10px;}.product-panel .el-radio-group .el-radio-button .el-radio-button__inner {height: 32px;padding: 6px 15px;border: 1px solid #DFE1E5;border-radius: 2px;box-shadow: none;color: #252B3A;font-size: 12px;line-height: 20px;box-sizing: border-box;}.product-panel .el-radio-button__original-radio:checked+.el-radio-button__inner {background-color: #fff;border-color: var(--theme-color);color: #252B3A;}.product-panel .el-radio-button__inner:hover {color: #252B3A;}
.cart-detail { height: calc(100vh - 136px); overflow-y: auto; box-sizing: border-box; background-color: #F7F9FC;}.cart-detail .cart-opt-wrapper { display: flex; align-items: center;}.cart-detail .cart-opt-wrapper .el-checkbox { margin: 0 28px 0 10px;}.cart-detail .el-checkbox__input { width: 16px; height: 16px;}.cart-detail .el-checkbox__input .el-checkbox__inner { width: 100%; height: 100%; border-radius: 4px; border: 1px solid #e5e5e9; box-sizing: border-box; }.cart-detail .el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--theme-color); border-color: var(--theme-color); }.cart-detail .el-checkbox__input.is-checked .el-checkbox__inner::after { width: 11px; height: 8px; border: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); }.cart-detail .el-checkbox__label { padding-left: 10px; font-size: 14px; line-height: 1.5; color: #333; } .cart-detail .is-checked .el-checkbox__label { color: #333;}.cart-detail .cart-opt-wrapper .opt-btn { margin-right: 10px; height: 24px; padding: 2px 8px; box-sizing: border-box; border: 1px solid #dbdbdb; font-size: 14px; line-height: 1; color: #333; background-color: #fff; margin-left: 0;}.cart-detail .cart-main-wrapper { margin-top: 16px;}.cart-detail .store-panel { border-radius: 8px; background-color: #fff; box-shadow: 0 4px 28px 0 rgba(0, 0, 0, .07); margin-bottom: 20px; padding: 12px 0 10px; box-sizing: border-box; }.cart-detail .store-panel .store-name { display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; font-size: 14px; line-height: 1.5; color: #333; }.cart-detail .store-panel .store-name .el-checkbox { height: auto; margin-right: 10px; }.cart-detail .store-products .el-checkbox-group { display: flex; flex-direction: column; }.cart-detail .store-products .el-checkbox .el-checkbox__label { width: 100%; cursor: default; }.cart-detail .store-products .el-checkbox .product-item { display: flex; align-items: center; }.cart-detail .store-products .el-checkbox .product-left { width: 50%; display: flex; align-items: flex-start; }.cart-detail .store-products .item-image img {}.cart-detail .store-products .item-main { flex: 1; margin-right: 10px; }.cart-detail .store-products .item-main span{ display: block; }.cart-detail .store-products .item-main .title { font-weight: 500; font-size: 14px; line-height: 20px; color: #333; display: -webkit-box; word-wrap: break-word; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }.cart-detail .store-products .item-main .sub-title { margin-top: 8px; font-size: 12px; color: #666; line-height: 20px; cursor: pointer;}.cart-detail .store-products .el-checkbox .product-right { flex: 1; display: flex; align-items: center; justify-content: space-between; }.cart-detail .store-products .el-checkbox .product-right .item-price { width: 160px; }.cart-detail .store-products .el-checkbox .product-right .item-price .price { color: var(--theme-color); font-size: 14px; font-weight: 500; line-height: 20px; }.cart-detail .store-products .el-checkbox .product-right .item-price .orginalPrice { margin-top: 4px; font-size: 14px; line-height: 20px; color: #ffa200; }.cart-detail .store-products .el-checkbox-group .el-checkbox { height: auto; margin-right: 0; padding: 13px 27px 13px 10px; box-sizing: border-box; }.cart-detail .store-products .el-checkbox-group .el-checkbox:not(:last-child) { border-bottom: 1px solid #f5f5f6; }.cart-detail .store-products .delete-icon { display: block; width: 24px; height: 24px; cursor: pointer; }.cart-detail .item-quantity .el-input-number { width: 120px; }.cart-detail .item-quantity .el-input__wrapper { border: 1px solid #DFE1E5; border-radius: 2px;}.cart-detail .el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper { box-shadow: none; }.cart-detail .el-input-number__decrease, .el-input-number__increase { color: #252b3a; }.cart-detail .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: #8a8e99; }.cart-detail .el-input-number__decrease.is-disabled:hover, .el-input-number__increase.is-disabled:hover { color: #8a8e99; }.cart-detail .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #252b3a; }.cart-detail .el-input__inner { font-size: 12px; color: #252b3a; }.cart-detail .cart-bottom-wrapper {position: fixed;bottom: 0;left: 0;width: 100vw;height: 86px;background-color: #fff;box-shadow: 4px 0 28px 0 rgba(0, 0, 0, .07);z-index: 1000;}.cart-detail .cart-bottom-wrapper .bottom-panel {width: 80rem;margin: 0 auto;display: flex;align-content: center;justify-content: space-between;}.cart-detail .cart-bottom-wrapper .panel-content {display: flex;align-items: center;}.cart-detail .cart-bottom-wrapper .panel-content .el-checkbox {margin-right: 20px;}.cart-detail .cart-bottom-wrapper .bottom-panel .show-number {font-size: 12px;color: #666;}.cart-detail .cart-bottom-wrapper .amount-panel .price {color: var(--theme-color);font-size: 28px;line-height: 40px;font-weight: 500;text-align: right;}.cart-detail .cart-bottom-wrapper .amount-panel .price span {color: #8a8e99;font-size: 12px;line-height: 20px;font-weight: 400;margin-right: 4px;}.cart-detail .cart-bottom-wrapper .amount-panel .price .symbol {color: var(--theme-color);font-weight: 500;font-size: 16px;line-height: 26px;margin: 0 0 0 6px;}.cart-detail .cart-bottom-wrapper .amount-panel .discount {margin-top: 3px;color: #ffa200;font-size: 14px;text-align: right;}.cart-detail .pay-btn {min-width: 144px;height: 48px;padding: 12px 30px;margin-left: 16px;box-sizing: border-box;border-radius: 24px;background: linear-gradient(to left, var(--theme-color), #105742);font-weight: 500;font-size: 20px;line-height: 24px;color: #fff;}.cart-detail .empty-panel .show-title{ margin-top: 26px; font-size: 16px; font-weight: 500; color: #1d3149;line-height: 24px;text-align: center;}.cart-detail .empty-panel .show-subtitle {margin-top: 10px;font-size: 12px;color: #6d7278;line-height: 16px; text-align: center;}.cart-detail .empty-panel .pay-btn {margin: 24px 0 0 0; display: block;}.cart-detail .empty-panel {display: flex;flex-direction: column;align-items: center;}.product-panel .product-purchase-info .el-input__wrapper {border: 1px solid #DFE1E5;border-radius: 2px;}
/* checkout */
.checkout { height: calc(100vh - 136px); overflow-y: auto; box-sizing: border-box; background-color: #F7F9FC; }.checkout .last-breadcrumb .el-breadcrumb__inner {color: var(--theme-color);}.checkout .progress-step-panel {background-color: #fff; border-radius: 4px; box-shadow: 0 4px 28px 0 rgba(0, 0, 0, .07);}.checkout .checkout-inner {margin-top: 12px; padding: 30px 30px 22px; box-sizing: border-box;}.checkout .progress-panel {display: flex;}.checkout .progress-panel .progress-item {position: relative;flex: 1;text-align: center;height: 36px;line-height: 36px;font-size: 14px;font-weight: 400;color: #252b3a;background-color: #f5f5f6;}.checkout .progress-panel .progress-item.active{color: #fff;background-color: var(--theme-color);}.checkout .progress-panel .progress-item:not(:last-child)::before{content: '';position: absolute;top: 0;right: -5px;width: 10px;height: 18px;background-color: #fff;transform: skewX(30deg);z-index: 200;}.checkout .progress-panel .progress-item:not(:last-child)::after{content: '';position: absolute;bottom: 0;right: -5px;width: 10px;height: 18px;background-color: #fff;transform: skewX(-30deg);z-index: 200;}.checkout .checkout-panel {margin-top: 40px;}.checkout .checkout-panel .panel-top {display: flex; align-items: center; justify-content: space-between;}.checkout .checkout-panel .panel-title {font-size: 18px;line-height: 30px;color: #252b3a;padding-left: 12px;position: relative;}.checkout .checkout-panel .panel-title::before {content: "";width: 2px;height: 12px;background-color: #8dc63f;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}.checkout .checkout-panel .change-address {display: flex; align-items: center; cursor: pointer;}.checkout .checkout-panel .change-address span {color: var(--theme-color); line-height: 30px; font-size: 14px;}.checkout .checkout-panel .change-address i {display: block; width: 14px; height: 14px; margin-right: 4px;}.checkout .address-panel .panel-main {margin-top: 20px;}.checkout .buyer-address-main {display: flex;flex-wrap: wrap;align-items: stretch;gap: 10px;}.checkout .buyer-address-main .buy-address {width: calc(20% - 10px);position: relative;padding: 12px 16px;box-sizing: border-box;background-color: #F5F5F6;border-radius: 5px;cursor: pointer;}.checkout .buyer-address-main .buy-address .user-address {margin-top: 6px;color: #666;font-size: 14px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-wrap: break-word;}.checkout .buyer-address-main .buy-address .user-info {border-bottom: 1px solid #D8D8D8;}.checkout .buyer-address-main .buy-address .name {color: #333;font-weight: 500;font-size: 14px;line-height: 20px;}.checkout .buyer-address-main .buy-address .phone {margin: 4px 0 6px;color: #666;font-size: 14px;line-height: 20px;}.checkout .buyer-address-main .buy-address .check-icon {display: block;width: 30px;height: 30px;position: absolute;bottom: 0;right: 0;}.checkout .buyer-address-main .buy-address .check-icon::before {content: '';width: 12px;aspect-ratio: 12/9;position: absolute;right: 4px;bottom: 4px;z-index: 100;}.checkout .buyer-address-main .buy-address .check-icon::after {content: '';position: absolute;right: 0;bottom: 0;border: 15px solid;border-color: transparent var(--theme-color) var(--theme-color) transparent;border-radius:0 0 5px 0;z-index: 50;}.checkout .address-panel .panel-main .buyer-pickup-address {max-width: 50%;display: flex;align-items: flex-start;margin-top: 20px;color: var(--theme-color);line-height: 40px;font-size: 14px;cursor: pointer;}.checkout .address-panel .panel-main .buyer-pickup-address span {font-size: 16px;font-weight: 500;line-height: 20px;color: #252b3a;}.checkout .address-panel .panel-main .buyer-pickup-address .select-opt {display: flex; padding: 10px; font-size: 14px;margin-left: 10px;color: var(--theme-color);flex: 1;background-color: #F5F5F6;border-radius: 5px;}.checkout .address-panel .panel-main .buyer-pickup-address .select-opt span {flex: 1;}.checkout .address-panel .panel-main .buyer-pickup-address .arrow-green {display: block;width: 20px;height: 20px;}.checkout-address-dialog .pickup-address-list .item-title {display: block;margin-bottom: 10px;color: #333;font-size: 14px;font-weight: 600;}.checkout-address-dialog .pickup-address-list .select-address .el-radio-group {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;margin-bottom: 10px;padding: 10px;box-sizing: border-box;background-color: #f9f9fc;border-radius: 4px;}.checkout-address-dialog .pickup-address-list .address-item {margin-bottom: 10px;padding: 0 10px;box-sizing: border-box;}.checkout-address-dialog .pickup-address-list .el-radio {height: auto; align-items: flex-start;}.checkout-address-dialog .pickup-address-list .el-radio__input {margin-top: 3px;}.checkout-address-dialog .pickup-address-list .el-radio__label {color: #333;font-size: 14px;line-height: 20px;white-space: pre-wrap;}.checkout-address-dialog .pickup-address-list .address-item .el-radio__label {font-weight: 600;}.checkout-address-dialog .pickup-address-list .select-address .el-radio__label {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}.checkout .checkout-panel .product-table {margin-top: 20px;}.checkout .product-table .store-item:not(:first-child) {margin-top: 20px;}.checkout .product-table .store-item .store-name {display: flex;align-items: center;}.checkout .product-table .store-item .store-name i {width: 18px;height: 18px;}.checkout .product-table .store-item .store-name span {margin-left: 10px;font-size: 18px;line-height: 30px;color: #252b3a;}.checkout .product-table .store-item .store-product {margin-top: 20px;}.checkout .product-table .el-table__body .product-img {width: 54px;height: 54px;}.checkout .product-table .discount-item {color: #FFA200;}.checkout .checkout-opt {border-top: 1px solid #F5F5F6;padding: 20px 30px;box-sizing: border-box;}.checkout .checkout-opt .price-item {display: flex;align-items: center;justify-content: space-between;}.checkout .checkout-opt .price-detail .infoTBot {display: flex;align-items: center;}.checkout .checkout-opt .price-detail .infoTBot .title {color: #8a8e99;font-size: 12px;line-height: 20px;}.checkout .checkout-opt .price-detail .infoTBot .price {margin-left:10px;font-size: 28px;font-weight: 500;line-height: 40px;color: var(--theme-color);}.checkout .checkout-opt .price-detail .infoTBot .price span {margin-left: 6px;font-size: 16px;font-weight: 500;line-height: 26px;}.checkout .checkout-opt .price-detail .infoTBot.discount-info .price {font-size: 12px; line-height: 12px;font-weight: 400;color: #9fa2a2;}.checkout .checkout-opt .pay-btn {min-width: 144px;height: 48px;padding: 12px 30px;box-sizing: border-box;border-radius: 24px;background: linear-gradient(to left, var(--theme-color), #105742);color: #fff;font-size: 20px;font-weight: 500;line-height: 24px;border-color: transparent;}.checkout .checkout-opt .el-checkbox {margin-top: 14px;display: flex;align-items: center;justify-content: flex-end;}.el-checkbox__input.is-checked .el-checkbox__inner {background-color: var(--theme-color);border-color: var(--theme-color);}.el-checkbox__inner:hover {border-color: var(--theme-color);}.checkout .checkout-opt .el-checkbox .el-checkbox__label {color: #8a8e99;font-size: 12px;line-height: 20px;}.checkout .checkout-opt .el-checkbox .el-checkbox__label span {margin-left: 3px;color: #252b3a;}.checkout .store-product .check-address {display: flex;align-items: center;margin-left: 200px;}.checkout .store-product .check-address span {margin-right: 10px;font-size: 14px;color: #333;}.checkout .store-product .check-address .address-icon {display: block;margin-right: 6px;width: 20px;height: 20px;}.checkout .store-product .check-address .name {font-weight: 500;}.checkout .store-product .check-address .address {color: #666;}.checkout .store-product .check-address .change-opt {display: flex;align-items: center;margin-left: 43px;font-size: 14px;line-height: 24px;color: var(--theme-color);cursor: pointer;}.checkout .store-product .check-address .change-opt .arrow-right {display: block;margin-left: 4px;width: 20px;height: 20px;}.buyer-address-dialog .buyer-address-main .buy-address {width: calc(33.333% - 10px);}.checkout .checkout-opt.paymethod-inner .select-method {display: flex;align-items: center;}.checkout .checkout-opt.paymethod-inner .select-method span {font-size: 12px;color: #252b3a;line-height: 20px;}.checkout .checkout-opt.paymethod-inner .select-method .title {margin-right: 16px;}.checkout .checkout-opt.paymethod-inner .select-method .el-input {width: 140px;height: 32px;border-radius: 2px;box-sizing: border-box;padding: 6px 6px 6px 9px ;margin-right: 4px;}.checkout .checkout-opt.paymethod-inner .select-method .el-input {border: 1px solid #dfe1e5;}.checkout .checkout-opt.paymethod-inner .select-method .el-input .el-input-group__append {background: #fff;padding: 0;box-shadow: none;}.checkout .checkout-opt.paymethod-inner .tips {margin-top: 10px;font-size: 12px;line-height: 20px;color: #252b3a;}.checkout .checkout-opt.paymethod-inner .reminder {margin-top: 20px;padding: 20px;box-sizing: border-box;color: #8a8e99;font-size: 12px;line-height: 20px;background-color: #F5F5F6;border-radius: 2px;}.checkout .checkout-opt .price-detail .infoTBot.discount-info {margin-top: 3px;}.checkout .checkout-opt .opt-btn {text-align: right;}.checkout .checkout-opt .price-detail .discount-info .price span {font-size: 12px;line-height: 12px;color: #9FA2A2;}.checkout .order-confirm-panel .checkout-inner{padding-bottom: 0;}.checkout .checkout-opt.paymethod-inner .select-method .title {color: #8A8E99;}.checkout .buyer-address-main .buy-address {min-width: 236px;aspect-ratio: 236/121;}.checkout .delivery-method {display: flex;align-items: center;margin: 32px 40px 20px 40px;}.checkout .delivery-method span {margin-right: 30px;font-size: 18px;color: #323436;}.checkout .delivery-method .delivery-item {min-width: 210px;position: relative;margin-right: 20px;padding: 12px 18px;box-sizing: border-box;background-color: #F4F6F8;border-radius: 20px;cursor: pointer;}.checkout .delivery-method .delivery-item.active {background-color: #D8F1EA;border: 1px solid var(--theme-color);}.checkout .delivery-method .delivery-item .name {color: #000;font-size: 21px;font-weight: 500;}.checkout .delivery-method .delivery-item.active .name {color: var(--theme-color);}.checkout .delivery-method .delivery-item .time {margin-top: 10px;color: #000;font-size: 18px;font-weight: 400;}.checkout .delivery-method .delivery-item.active .time {color: #00a568;}.checkout .delivery-method .delivery-item .tag {position: absolute;right: -1px;top: -11px;height: 26px;background-color: #d8f1ea;border-radius: 25px 25px 0 25px;padding: 4px 10px 4px 8px;box-sizing: border-box;color: var(--theme-color);font-weight: 500;font-size: 18px;z-index: 100;}.checkout .delivery-method .delivery-item.active .tag{color: #fff;background-color: var(--theme-color);}.checkout .delivery-method .delivery-item.disabled {cursor: default;}.checkout .delivery-method .delivery-item.disabled .name {color: #999;}.checkout .delivery-method .delivery-item.disabled .time {color: #999;}.checkout .delivery-method .delivery-item .tag-off {position: absolute;right: 5px;bottom: 5px;font-size: 18px;font-weight: 500;color:red;z-index: 100;}.checkout .store-table .table-list {display: flex;align-items: center;width: 100%;padding: 0 40px;box-sizing: border-box;}.checkout .store-table .table-header {background-color: #F6F6F9;}.checkout .store-table .table-header .table-item {color: #333;font-weight: 500;font-size: 14px;line-height: 20px;padding: 15px 20px 15px 0;box-sizing: border-box;}.checkout .store-table .table-body .store-main {margin-top: 20px;}.checkout .store-table .table-body .main-top {padding: 13px 62px 13px 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;background-color: rgba(251, 251, 251, .99);}.checkout .store-table .table-body .main-top .store-icon {width: 24px;height: 24px;border-radius: 3.69px;}.checkout .store-table .table-body .main-top .store-name span {margin-left: 6px;font-size: 14px;line-height: 20px;color: #333;}.checkout .store-table .table-body .main-top .tips {font-size: 14px;line-height: 20px;color: #666;}.checkout .store-table .table-body .table-list {margin-top: 0;}.checkout .store-table .store-product .table-item {padding: 13px 20px 13px 0;box-sizing: border-box;}.checkout .store-table .store-product .product-info {display: flex;align-items: flex-start;}.checkout .store-table .store-product .product-info .product-img {width: 54px;height: 54px;border-radius: 2px;}.checkout .store-table .store-product .product-info .product-right {margin-left: 10px;}.checkout .store-table .store-product .product-info .product-right span {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}.checkout .store-table .store-product .product-info .product-right .name {font-size: 14px;line-height: 20px;color: #333;}.checkout .store-table .store-product .product-info .product-right .attr {font-size: 12px;line-height: 20px;color: #666;margin-top: 10px;}.checkout .store-table .store-product .cell {font-size: 14px;line-height: 20px;color: #333;}.checkout .store-table .store-product .cell.discount {color: #FFA200;}.checkout .store-table .store-product .cell.actural {color: var(--theme-color);}.checkout .store-table .store-product:hover {background-color: #f5f7fa;}.checkout .store-table .table-body .store-main {border: 1px solid #F5F5F6;box-sizing: border-box;}.checkout .store-table .table-body .store-product {border-bottom: 1px solid #F5F5F6;}
/* .result */
.result {height: calc(100vh - 136px); overflow-y: auto; box-sizing: border-box; background-color: #F7F9FC;}.result .last-breadcrumb .el-breadcrumb__inner {color: var(--theme-color);}.result .result-wrapper {height: 67vh;min-height: 500px;margin-top: 20px;border-radius: 4px;background-color: #fff;box-shadow: 0 4px 28px 0 rgba(0, 0, 0, .07);}.result .result-panel {display: flex;flex-direction: column;align-items: center;padding: 12vh 30px 0;box-sizing: border-box;}.result .result-panel .result-icon {display: block;width: 271.5px;aspect-ratio: 271.5/219;}.result .result-panel .title {margin-top: 30px;font-size: 22px;line-height: 30px;color: #252b3a;}.result .result-panel .sub-title {margin-top: 10px;font-size: 16px;line-height: 20px;color: #8a8e99;} .result .pay-btn {min-width: 144px;height: 48px;margin-top: 34px;padding: 13px 20px;font-size: 16px;line-height: 24px;color: #fff;border-radius: 24px;background: linear-gradient(to left, var(--theme-color), #105742);border: none;box-sizing: border-box;}
/* order-list */
.my-order-list { overflow-y: auto; background-color: #fff; padding: 48px 0 60px 40px; } .my-order-list .pageSection-top { display: flex; justify-content: space-between; align-items: center; } .my-order-list  .pageSection-top .pageSection-title { color: rgba(0, 0, 0, 1); font-size: 24px; font-weight: 600; } .my-order-list .section { min-height: 70vh; padding-top: 20px; box-sizing: border-box; } .my-order-list .page-top { display: flex; justify-content: space-between; } .my-order-list .search-input { margin-left: 20px; width: 240px; } .my-order-list .search-input .el-input__wrapper { width: 240px; height: 32px; background: #f7f7f7; border-radius: 4px; padding: 7px 15px; box-sizing: border-box; } .my-order-list .page-tab { flex: 1; height: 32px; --el-tabs-header-height: 32px; } .my-order-list .el-tabs__header { margin-bottom: 0; } .my-order-list .el-tabs__nav-wrap::after { display: none; } .my-order-list .el-tabs__item { padding: 0 20px; box-sizing: border-box; font-size: 14px; font-weight: 400; line-height: 32px; color: #575d6d; } .my-order-list .el-tabs__item.is-active { color: var(--theme-color); } .my-order-list .el-tabs__item:hover { color: var(--theme-color); } .my-order-list .el-tabs__active-bar { background-color: var(--theme-color); } .my-order-list .search-input .el-input__icon { width: 20px; height: 20px; margin-right: 6px; } .my-order-list .search-input .el-input__icon svg { display: none; } .my-order-list .search-input .el-input__inner::placeholder { font-size: 12px; line-height: 20px; color: #949494; } .my-order-list .order-list-wrapper { margin-top: 20px; } .my-order-list .order-table .table-header { display: flex; align-items: center; padding: 0 24px 0 40px; box-sizing: border-box; background-color: #f1f1f1; border-radius: 8px; } .my-order-list .order-table .table-cell { padding: 15px 0; box-sizing: border-box; } .my-order-list .order-table .table-header .table-cell { font-size: 14px; line-height: 20px; color: #333; font-weight: 500; } .my-order-list .order-table .empty-panel { display: flex; flex-direction: column; align-items: center; margin-top: 15vh; } .my-order-list .order-table .empty-icon { display: block; width: 120px; aspect-ratio: 120/108; } .my-order-list .order-table .empty-panel .title { margin-top: 12px; font-size: 18px; line-height: 33px; color: #91919e; } .my-order-list .order-table .table-body { margin: 20px 0; } .my-order-list .order-table .store-list .store-item { margin-top: 16px; border: 1px solid #eaeaea; box-sizing: border-box; border-radius: 8px; } .my-order-list .order-table .store-list .store-info { display: flex; justify-content: space-between; align-items: center; padding: 15px 24px 15px 40px; background-color: #f1f1f1; border-radius: 8px 8px 0 0; } .my-order-list .order-table .store-list .store-info .info-left { max-width: 60%; display: flex; align-items: center; } .my-order-list .order-table .store-list .store-info .store-img { width: 24px; height: 24px; } .my-order-list .order-table .store-list .store-info .name { margin-left: 6px; color: #333; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .my-order-list .order-table .store-list .store-info .info-right { flex: 1; text-align: right; color: #666; font-size: 14px; line-height: 20px; } .my-order-list .order-table .store-list .order-list { display: flex; align-items: center; padding: 13px 24px 13px 40px; box-sizing: border-box; } .my-order-list .order-table .store-list .order-list .order-item { color: #333; font-size: 14px; } .my-order-list .order-table .store-list .order-list .order-item .discount { color: #ffa200; } .my-order-list .order-table .store-list .order-list .order-item:not(:last-child) { padding-right: 15px; } .my-order-list .order-table .store-list .order-list .order-info { display: flex; align-items: center; } .my-order-list .order-table .store-list .order-list .order-info img { width: 54px; height: 54px; } .my-order-list .order-table .store-list .order-list .order-info .order-right { flex: 1; margin-left: 10px; overflow: hidden; } .my-order-list .order-table .store-list .order-list .order-info .order-right span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .my-order-list .order-table .store-list .order-list .order-info .name { color: #333; font-size: 14px; } .my-order-list .order-table .store-list .order-list .order-info .attr { margin-top: 10px; color: #666; font-size: 12px; } .my-order-list .order-table .store-list .tag-item span { display: inline-block; min-height: 24px; padding: 1px 10px; box-sizing: border-box; border-radius: 6px; background-color: #d8f1ea; color: var(--theme-color); font-size: 14px; line-height: 22px; } .my-order-list .order-table .store-list .tag-item { margin-right: 12px; } .my-order-list .order-table .store-list .tag-item span.pending-payment { background-color: #FFF6E7; color: #FF8800; } .my-order-list .order-table .store-list .tag-item span.ready-to-ship { background-color: #def1e5; color: #00b42a; } .my-order-list .order-table .store-list .tag-item span.canceled { background-color: #f6f6f9; color: #333; } .my-order-list .order-table .store-list .tag-item span.refund { background-color: #FFF6E7; color: #FF8800; } .my-order-list .order-table .store-list .order-list .opt-main { display: flex; flex-wrap: wrap; align-items: center; width: 100%; } .my-order-list .order-table .store-list .order-list .opt-main span { width: 50%; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: var(--theme-color); } .my-order-list .order-table .store-list .order-list .opt-main span.delete { color: #F14343; } .my-order-list .order-table .store-list .order-list .order-item .btn-right { display: flex; justify-content: flex-end; } .my-order-list .order-table .store-list .order-list .order-item .opt-btn { height: 28px; padding: 3px 10px; box-sizing: border-box; border: 0; font-size: 14px; line-height: 22px; color: #fff; border-radius: 6px; background: linear-gradient(to left, var(--theme-color), #105742); }
/* order detail */
.order-detail {height: calc(100vh - 200px);overflow-y: auto;background-color: #F7F9FC;}.order-detail .section {padding-bottom: 40px;}.order-detail .order-detail-inner {margin-top: 20px;padding: 40px 30px;box-sizing: border-box;border-radius: 4px;background-color: #fff;box-shadow: 0 4px 28px 0 rgba(0, 0, 0, .03);}.order-detail .progress-panel .title {display: flex;align-items: center;justify-content: center;}.order-detail .progress-panel .title .order-icon {width: 30px;height: 30px;}.order-detail .progress-panel .title .order-number {margin-left: 12px;font-size: 24px;line-height: 34px;font-weight: 500;color: #000;}.order-detail .progress-panel .progress-detail {width: 100%;margin-top: 50px;display: flex;align-items: stretch;justify-content: space-between;}.order-detail .progress-panel .progress-item {text-align: center;display: flex;flex-direction: column;align-items: center;min-width: 150px;}.order-detail .progress-panel .progress-item .progress-label {font-size: 16px;line-height: 22px;color: #333;}.order-detail .progress-panel .progress-item .progress-line {margin: 21px 0;display: flex;flex-direction: column;align-items: center;position: relative;}.order-detail .progress-panel .progress-item .progress-icon {display: block;width: 18px;height: 18px;border-radius: 50%;background-color: #c4c4c4;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 100;}.order-detail .progress-panel .progress-item.active .progress-icon {background-color: var(--theme-color);}.order-detail .progress-panel .progress-item .line{display: block;width: 0;border-bottom: 1px dashed #c4c4c4;position: absolute;right: 9px;top: 50%;transform: translateY(-50%);}.order-detail .progress-panel .progress-item.active .line {border-color: var(--theme-color);}.order-detail .progress-panel .progress-item .progress-date {width: 100px;color: #666;font-size: 16px;line-height: 22px;}.order-detail .detail-info-panel:not(:first-child) {margin-top: 40px;}.order-detail .detail-info-panel .panel-top {display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #E6E6E6;}.order-detail .detail-info-panel .panel-top i {width: 24px;height: 24px;}.order-detail .detail-info-panel .panel-top .title {margin-left: 8px;color: #000;font-size: 18px;line-height: 25px;}.order-detail .detail-info-panel .panel-main {margin-top: 20px;}.order-detail .detail-info-panel .table-header {display: flex;align-items: center;background-color: #fbfbfb;}.order-detail .detail-info-panel .table-header .cell{padding: 15px 40px;box-sizing: border-box;color: #333;font-size: 14px;font-weight: 500;line-height: 20px;}.order-detail .logistics-info-panel .time-list {margin-top: 30px;}.order-detail .logistics-info-panel .time-list .el-timeline-item {margin-left: calc(22% + 40px);color: #333;font-size: 16px;line-height: 22px;padding-bottom: 0;}.order-detail .logistics-info-panel .time-list .el-timeline-item:not(:last-child) {padding-bottom: 60px;}.order-detail .logistics-info-panel .time-list .el-timeline-item__wrapper {padding-left: 30px;top: 0;}.order-detail .logistics-info-panel .time-list .el-timeline-item__wrapper .el-timeline-item__timestamp{position: absolute;left: calc(-22% - 60px);padding: 0;margin: 0;font-size: 16px;color: #666;line-height: 24px;}.order-detail .logistics-info-panel .time-list .el-timeline-item__tail {left: 12px;border-left: 1px dashed #C4C4C4;}.order-detail .logistics-info-panel .time-list .received-item .el-timeline-item__timestamp {color: #000;}.order-detail .logistics-info-panel .time-list .el-timeline-item .el-timeline-item__node--normal {width: 24px;height: 24px;left: 0;}.order-detail .logistics-info-panel .time-list .time-content .title {color: #000;font-size: 16px;line-height: 22px;}.order-detail .logistics-info-panel .time-list .time-content .main {margin-top: 9px;color: #666;font-size: 14px;line-height: 20px;}.order-detail .logistics-info-panel .time-list .time-content .main .time-cell {margin-top: 20px;position: relative;}.order-detail .logistics-info-panel .time-list .time-content .main .time-cell::before {content: '';width: 8px;height: 8px;background-color: #C4C4C4;border-radius: 50%;position: absolute;top: 50%;left: -22px;transform: translateY(-50%);}.order-detail .order-info-panel .main-info {width: 100%;box-sizing: border-box;}.order-detail .order-info-panel .main-info .info-detail{height: 100%;padding: 0 30px 0 40px;box-sizing: border-box;}.order-detail .order-info-panel .main-info .el-col:not(:last-child) .info-detail {border-right: 1px solid #E6E6E6;}.order-detail .order-info-panel .main-info .info-detail .title {color: #000;font-size: 16px;line-height: 22px;}.order-detail .order-info-panel .main-info .info-detail .info-list {margin-top: 20px;}.order-detail .order-info-panel .main-info .info-detail .info-item {display: flex;margin-top: 12px;}.order-detail .order-info-panel .main-info .info-detail .info-item .label {color: #666;font-size: 14px;line-height: 20px;}.order-detail .order-info-panel .main-info .info-detail .info-item .content {flex: 1;color: #000;font-size: 14px;line-height: 20px;margin-left: 6px;}.order-detail .order-info-panel .main-info .info-detail .info-item .content .opt {margin-top: 12px;display: flex;flex-wrap: wrap;}.order-detail .order-info-panel .main-info .info-detail .info-item .content .opt span{color: var(--theme-color);font-size: 16px;line-height: 22px;cursor: pointer;margin-right: 15px;}.order-detail .product-info-panel .product-table {border: 1px solid #F5F5F6;}.order-detail .product-info-panel .product-table .table-header {padding-left: 40px;box-sizing: border-box;}.order-detail .product-info-panel .product-table .table-header .table-item {padding: 15px 13px 15px 0;box-sizing: border-box;color: #333;font-weight: 500;font-size: 14px;line-height: 20px;}.order-detail .product-info-panel .product-table .table-body {padding-left: 40px;box-sizing: border-box;}.order-detail .product-info-panel .product-table .table-body .store-product {display: flex;align-items: center;}.order-detail .product-info-panel .product-table .table-body .table-item {padding: 13px 13px 13px 0;box-sizing: border-box;color: #333;font-size: 14px;}.order-detail .product-info-panel .product-table .table-body .product-info {display: flex;align-items: center;}.order-detail .product-info-panel .product-table .table-body .product-img {width: 54px;height: 54px;}.order-detail .product-info-panel .product-table .table-body .product-right {margin-left: 11px;}.order-detail .product-info-panel .product-table .table-body .product-right .name {color: #333;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}.order-detail .product-info-panel .product-table .table-body .product-right .attr {margin-top: 10px;color: #666;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}.order-detail .product-info-panel .product-table .table-body .table-item.discount {color: #FFA200;}.order-detail .product-info-panel .product-table .table-body .table-item.tag span{display: inline-block;height: 24px;padding: 0 9px;box-sizing: border-box;border-radius: 6px;background-color: #D8F1EA;font-size: 14px;line-height: 24px;color: var(--theme-color);}.order-detail .product-info-panel .product-table .table-body .table-item.tag .end {color: #00B42A;background-color: #DEF1E5;}.order-detail .fee-info-panel {display: flex;justify-content: flex-end; padding-top: 40px; border-top: 1px solid #E6E6E6;}.order-detail .fee-info-panel .fee-detail{width: 25%;min-width: 280px;}.order-detail .fee-info-panel .fee-item {display: flex;justify-content: space-between;align-items: center;}.order-detail .fee-info-panel .fee-item:not(:first-child) {margin-top: 20px;}.order-detail .fee-info-panel .fee-item span {color: #666;font-size: 14px;line-height: 22px;}.order-detail .fee-info-panel .fee-item .fee {color: #000;text-align: right;margin-left: 8px;}.order-detail .fee-info-panel .fee-item .fee.pay-fee {font-size: 24px;font-weight: 500;line-height: 34px;}.order-detail .fee-info-panel .fee-main:not(:last-child) {margin-bottom: 60px;position: relative;}.order-detail .fee-info-panel .fee-main::before {content: '';width: 100%;display: block;position: absolute;bottom: -30px;left: 0;border-bottom: 1px solid #E6E6E6;}.order-detail .order-info-panel .main-info .info-detail .info-item .content .returnable i { display: block; width: 14px; height: 14px; margin-right: 4px; } .order-detail .order-info-panel .main-info .info-detail .info-item .content .returnable { background-color: #eff4f9; color: #8597a9; font-size: 12px; padding: 6px 14px; box-sizing: border-box; display: flex; align-items: center; border-radius: 4px; margin-top: 6px; } .order-detail .product-info-panel .product-table .table-body .product-right .attr.Returnable { color: red; } .order-detail .product-info-panel .product-table .table-body .table-item.tag .cancel { background-color: #f6f6f9; color: #333; } .order-detail .product-info-panel .product-table .table-body .table-item.tag .pending { background-color: #fff6e7; color: #ff8800; } .order-detail .fee-info-panel .fee-detail { width: 30%; } .order-detail .fee-info-panel .fee-item .el-textarea { flex: 1; max-width: 60%; box-shadow: none; } .order-detail .fee-info-panel .fee-item .el-textarea__inner { max-height: 52px; min-height: 52px;} .order-detail .fee-info-panel .fee-item .el-textarea__inner:hover { box-shadow: 0 0 0 1px var(--theme-color); } .order-detail .fee-info-panel .fee-item .el-link span { font-weight: 500; color: #457ade; text-decoration: underline; } .order-detail .fee-info-panel .fee-item .el-link.is-underline:hover:after { display: none; } .el-dialog.no-header-dialog .el-dialog__header { display: none; } .order-detail .el-dialog .coupon-item { padding: 10px 0; display: flex; flex-direction: column; } .order-detail .el-dialog .coupon-item:not(:first-child) { margin-top: 10px; } .order-detail .el-dialog .coupon-item .item-top { width: 100%; display: flex; align-items: flex-start; } .order-detail .el-dialog .coupon-item .item-top-left img{ width: 100%; height: 100%; } .order-detail .el-dialog .coupon-item .item-top-left { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 8px; overflow: hidden; flex-shrink: 0; background-color: #f2f2f2; margin-right: 8px; } .order-detail .el-dialog .coupon-item .item-top-right { flex: 1; display: flex; flex-direction: column; align-items: flex-start; } .order-detail .el-dialog .coupon-item .item-top-right .info-item { display: flex; align-items: flex-start; width: 100%; font-size: 12px; color: #000; line-height: 14px; letter-spacing: 0px; margin-bottom: 4px; } .order-detail .el-dialog .coupon-item .item-top-right .info-item span:first-child { width: 20%; } .order-detail .el-dialog .coupon-item .item-top-right .info-item span:last-child { flex: 1; display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .order-detail .el-dialog .coupon-item .item-top-right .info-item.con { word-wrap: break-word; } .order-detail .order-info-panel .main-info .info-detail .info-item .content .opt .el-button { border: 0; padding: 0; } .order-detail .order-info-panel .main-info .info-detail .info-item .content .opt .el-button:hover { background: transparent; } .order-detail .hidden-invoice { display: none; } .order-detail .order-info-panel .main-info .el-col:not(:last-child) .info-detail { border: none; } .order-detail .order-info-panel .main-info .el-col:not(:first-child) .info-detail { border-left: 1px solid #E6E6E6; } .order-detail .fee-info-panel .fee-detail .showBtn { display: flex; align-items: center; justify-content: flex-end; } .order-detail .fee-info-panel .fee-detail .el-button { min-width: 144px; display: inline-block; height: 48px; padding: 12px; box-sizing: border-box; border: 0; font-size: 20px; line-height: 24px; font-weight: 500; color: #fff; border-radius: 24px; background: linear-gradient(to left, var(--theme-color), #105742); } .order-detail .el-dialog .pane-summary { font-size: 16px; color: #6d7278;  } .order-detail .couponCon .el-radio-group { flex-direction: column; align-items: flex-start; } .order-detail .el-radio__input.is-checked+.el-radio__label { color: var(--theme-color); } .order-detail .el-dialog .modalContent .tipcontent { background-color: #f4f4f4; padding: 14px 10px; border-radius: 5px; box-sizing: border-box; } .order-detail .el-dialog .modalContent .tipcontent .showTipTitle { font-size: 16px; font-weight: 600; margin-bottom: 6px; } .order-detail .el-dialog .modalContent .tipcontent .showTipItem { margin-top: 6px; font-size: 12px; line-height: 20px; } .order-detail .el-dialog .formWrap { margin-top: 14px; } .select-popper .el-select-dropdown__item.is-selected { color: var(--theme-color); } .order-detail .upload-item { display: flex; flex-wrap: wrap; } .order-detail .upload-item .upload-list { display: flex; align-items: center; } .order-detail .upload-item .upload-list .avatar-zb { width: 72px; height: 72px; position: relative; margin-right: 8px; } .order-detail .upload-item .upload-list .avatar-zb .delete-icon { display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 0; } .order-detail .upload-item .upload-list .avatar-zb img { width: 100%; height: 100%; border-radius: 4px; } .order-detail .upload-item .upload-image { width: 72px; height: 72px; border: 1px dashed #c0c0c0; cursor: pointer; } .order-detail .el-dialog .formWrap .el-input .el-input__wrapper { padding: 1px 11px; box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset; } .order-detail .product-info-panel .product-table .table-body .product-img { cursor: pointer; } .order-detail .product-info-panel .product-table .table-body .product-right .name { cursor: pointer; } .order-detail .product-info-panel .product-table .table-body .product-right .attr { cursor: pointer; } .order-detail .receipts { width: 100vw; position: fixed; left: -200vw; bottom: 0;  padding: 45px 85px 40px 85px; font-size: 14px; box-sizing: border-box; column-fill: auto; column-gap: 170px; } .order-detail .receipts .printed {   position: absolute;   left: -50px;   top: 50%;   transform: rotate(-90deg); } .order-detail .receipts table {   width: 100%;   border-spacing: 0; } .order-detail .receipts table tr td {   padding: 5px;   height: 16px;   border: 1px solid var(--theme-color);   line-height: 1.6;   background: #e7f2c9 } .order-detail .receipts table tr td.no-bg {   background: unset } .order-detail .receipts table tr:last-child td {   border-bottom: 0; } .order-detail .receipts .total-table {   page-break-inside: avoid;   border-collapse: collapse; } .order-detail .receipts .text-bold {   color: var(--theme-color);   font-weight: 800; } .order-detail .receipts .text-right {   text-align: right; } .order-detail .receipts .text-center {   text-align: center; } .order-detail .receipts .bg-color {   background-color: var(--theme-color);   border: 1px solid var(--theme-color);   font-weight: 600;    color: #fff; } .order-detail .receipts .order-detail-panel { position: relative; } .order-detail .receipts .order-detail-panel .order-top { display: flex; justify-content: space-between; align-items: center; } .order-detail .receipts .order-detail-panel .logo img { width: 350px; height: 115px; } .order-detail .receipts .order-detail-panel .order-top .right { display: flex; } .order-detail .receipts .order-detail-panel .order-top .right .webTitle { color: var(--theme-color); } .order-detail .receipts .order-detail-panel .order-top .right .contactTitle { margin-left: 20px; display: flex; flex-direction: column; text-align: right; } .order-detail .receipts .order-detail-panel .order-top .right .contactTitle span:not(:first-child) { margin-top: 5px; } .order-detail .receipts .order-detail-panel .order-info { padding-left: 10px; width: 78%; } .order-detail .receipts .order-detail-panel .order-info>div { margin-bottom: 5px; font-size: 16px; line-height: 1.8; } .order-detail .receipts .order-detail-panel .order-info .order-number { font-size: 14px; font-weight: 600; margin-top: 8px; } .order-detail .receipts .order-detail-panel .order-info .order-date { font-size: 14px; } .order-detail .receipts .order-detail-panel .order-info .paid-item { color: #4472c4; } .order-detail .receipts .order-detail-panel .buyer-panel { display: flex; align-items: stretch; padding: 0 10px 2px 10px; width: 100%; box-sizing: border-box; justify-content: space-between; } .order-detail .receipts .order-detail-panel .buyer-panel .panel-item { height: unset; display: flex; margin-bottom: 5px; font-size: 14px; line-height: 1.8; } .order-detail .receipts .order-detail-panel .buyer-panel .panel-item .title { flex-shrink: 0; } .order-detail .receipts .order-detail-panel .buyer-panel .panel-item .result { height: auto; margin-left: 5px; overflow-wrap: break-word; white-space: pre-wrap; overflow: hidden; letter-spacing: 1; background-color: transparent; } .order-detail .receipts .order-detail-panel .buyer-panel .location-panel { padding-top: 8px; padding-right: 30px; box-sizing: border-box; } .order-detail .receipts .order-detail-panel .buyer-panel .buyer-info { padding-top: 8px; padding-left: 30px; box-sizing: border-box; color: var(--theme-color); } .order-detail .receipts .order-detail-panel .buyer-panel .buyer-info .gray { display: inline-block; color: #aeaaaa; } .order-detail .receipts .tips-panel { padding: 0 10px 12px 10px; border-bottom: 1px solid var(--theme-color); } .order-detail .receipts .tips-panel div { /* margin-top: 12px; */ text-align: center; } .order-detail .receipts .tips-panel .title { font-size: 22px; } .order-detail .receipts .tips-panel .tips { font-size: 18px; margin-top: 8px; } .order-detail .receipts .to-panel { margin-top: 25px; padding: 0 10px; border-top: 1px solid var(--theme-color); } .order-detail .receipts .page-footer { position: absolute; bottom: 0; } .order-detail .receipts .page-footer span { display: block; font-size: 14px; color: #808080; } .order-detail .receipts .invoice-detail { border: 1px solid var(--theme-color); margin-top: 20px; } .order-detail .receipts .invoice-detail .invoice-title { background: var(--theme-color); text-align: center; height: 40px; line-height: 40px; font-size: 16px; font-weight: 600; color: #fff; } .order-detail .receipts .text-weight { font-weight: 600; } .order-detail .receipts .footer { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } .order-detail .receipts .footer .payMode { display: flex; align-items: end; } .order-detail .receipts .footer .payMode .pay-left { display: flex; flex-direction: column; align-items: end; } .order-detail .receipts .footer .payMode .pay-left .pay-text { margin-top: 10px; } .order-detail .receipts .footer .payMode img { width: 105px; height: 48px; margin-left: 20px; } .order-detail .receipts .footer .companyStamp { display: flex; flex-direction: column; } .order-detail .receipts .footer .companyStamp img { width: 96px; height: 96px; margin-bottom: 10px; } .order-detail .receipts .footer .payMode i { margin-left: 20px; width: 55px; height: 20px; border-radius: 4px; background: #5b9bd5; }
/* order review */
.order-review .order-detail-inner{padding: 30px;}.order-review .el-rate__icon svg {display: none;}.order-review .store-rate-info {display: flex;align-items: center;}.order-review .store-info {display: flex;align-items: center;width: 22%;min-width: 200px;position: relative;}.order-review .store-info::before {content: '';display: block;width: 1px;height: 60px;background-color: #F2F2F2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}.order-review .store-img {width: 70px;height: 70px;border-radius: 4px;}.order-review .store-detail {margin: 0 17px;}.order-review .store-detail .name {color: #000;font-size: 18px;font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}.order-review .store-detail .rate {display: flex;align-items: baseline;}.order-review .store-detail .rate .number {color: #000;font-size: 37.5px;line-height: 52.5px;}.order-review .store-detail .rate .el-rate {margin-left: 8px;}.order-review .store-detail .el-rate__icon {width: 9px;height: 9px;margin-right: 3px;}.order-review .store-rate-list {flex: 1;padding-left: 60px;box-sizing: border-box;}.order-review .store-rate-list .el-form {display: flex;flex-wrap: wrap;gap: 24px 30px;margin: 0;}.order-review .store-rate-item {display: flex;align-items: center;margin-bottom: 0;}.order-review .store-rate-item .el-form-item__label {padding-right: 30px;font-size: 16px;line-height: 30px;color: #000;}.order-review .store-rate-item .el-rate {gap: 20px;}.order-review .store-rate-item .el-rate__icon {width: 30px;height: 30px;margin-right: 0;}.order-review .order-review-inner {padding: 30px 0;}.order-review .order-review-inner .product-rate-panel .panel-top{margin: 0 30px;}.order-detail .product-rate-panel .panel-main {margin: 0;}.order-review .order-review-inner .product-rate-panel .product-item {padding: 30px 0;}.order-review .order-review-inner .product-rate-panel .product-item:not(:last-child) {border-bottom: 1px solid #F2F2F2;}.order-review .product-item {display: flex;align-items: stretch;}.order-review .product-info {width: 280px;padding: 0 30px;display: flex;flex-direction: column;align-items: center;border-right: 1px solid #F2F2F2;}.order-review .product-info .product-img {width: 130px;height: 130px;border-radius: 4px;}.order-review .product-info .product-name {margin-top: 34px;color: #000;font-weight: 500;font-size: 18px;word-break: break-word;padding-right: 30px;}.order-review .product-info .product-sku {margin-top: 10px;color: #666;font-size: 14px;word-break: break-word;}.order-review .product-rate-item {flex: 1;padding: 0 30px 0 60px;box-sizing: border-box;}.order-review .opt-main:not(:first-child) {    margin-top: 30px;}.order-review .opt-main .label {font-size: 16px;line-height: 22px;color: #000;}.order-review .product-rate-item .product-rate {display: flex;align-items: center;}.order-review .product-rate-item .product-rate .el-rate {margin-left: 58px;gap: 20px;}.order-review .product-rate-item .product-rate .el-rate__icon {width: 30px;height: 30px;margin-right: 0;}.order-review .product-rate-item .product-desc .el-textarea {margin-top: 10px;}.order-review .product-rate-item .product-desc .el-textarea__inner{box-shadow: none;background-color: #F6F6F9;border-radius: 4px;color: #000;font-size: 14px;line-height: 20px;padding: 14px 12px;}.order-review .product-rate-item .product-desc .el-textarea__inner::placeholder {padding-left: 25px;color: #666;}.order-review .product-rate-item .product-desc .el-textarea__inner:hover {box-shadow: none;}.order-review .product-rate-item .product-desc .el-input__count {background-color: #F6F6F9;font-size: 14px;line-height: 20px;color: #999;bottom: 12px;right: 12px;}.order-review .product-rate-item .product-images .upload-item {margin-top: 10px;}.order-review .upload-item {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}.order-review .upload-list {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}.order-review .avatar-zb {width: 120px;height: 120px;border-radius: 6px;position: relative;}.order-review .avatar-zb .delete-icon {width: 20px;height: 20px;position: absolute;right: 0;top: 0;cursor: pointer;}.order-review .avatar-zb .avatar-img {width: 100%;height: 100%;border-radius: 6px;}.order-review .upload-image {width: 120px;height: 120px;border-radius: 6px;background-color: #F6F6F9;}.order-review .el-upload {width: 100%;height: 100%;}.order-review .upload-image .default-tools-content {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}.order-review .upload-image .add-icon {width: 40px;height: 40px;}.order-review .upload-image .tip {margin-top: 10px;color: #999;font-size: 14px;}.order-review .footer-panel {text-align: center;}.order-review .footer-panel .opt-btn {min-width: 150px;height: 50px;border-radius: 4px;background-color: var(--theme-color);padding: 12px;box-sizing: border-box;font-size: 18px;line-height: 25px;color: #fff;}