@charset "utf-8";
.titcommon { border-left:3px solid #1a87cb; text-indent:20px; margin:20px auto; }
.titcommon h3 { font-size:16px; color:#000; font-weight:bold; float:left; line-height:24px; }
.titcommon span { float:right; }
.czlistcz { height:120px; }
.czlistcz p.fontts { line-height:45px; }
.czlistcz li.act { background:url(../images/xzdot.png) right bottom no-repeat; border: 1px solid #1a87cb; }
.czlistcz li { height: 65px; float: left; text-align: center; border: 1px solid #ececec; margin-right:20px; font-size:16px; color:#000; font-weight:bold; width:175px; line-height:65px; }
/* 本例子css */
		.slideTxtBox { text-align:left; }
.slideTxtBox .hd { height:30px; line-height:30px; padding:0 10px 0 0px; position:relative; }
.slideTxtBox .hd ul { float:left; position:absolute; top:-1px; height:32px; }
.slideTxtBox .hd ul li { float:left; cursor:pointer; background:#fafafa; border-top:2px solid #ececec; border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec; padding:0 30px; }
.slideTxtBox .hd ul li.on { border-top:2px solid #1a87cb; border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec; }
.slideTxtBox .bd ul { padding:15px 0; zoom:1; }
.slideTxtBox .bd li { height:24px; line-height:24px; }
.slideTxtBox .bd li .date { float:right; color:#999; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow { position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a { display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next { background-position:0 -50px; }
.slideTxtBox .arrow .prevStop { background-position:-60px 0; }
.slideTxtBox .arrow .nextStop { background-position:-60px -50px; }
.orderts ul li span{ background:#f54e56; color:#FFF; border-radius:10px; display:block; padding:2px; width:10px; height:10px; line-height:8px; text-align:center; font-size:20px; float:left; margin-right:10px;}
.orderts ul li{ display:block; height:30px; width:100%; color:#f54e56; line-height:12px;}
.orderts ul li b{  color:#f54e56; }


.orderts{ background:#ffebeb; padding:20px; color:#f54e56; margin-top:30px;}

/* ============================================================
   Cart / Checkout (2026 redesign)
   ============================================================ */
.mp-cart.mainbody,
.mp-checkout.mainbody {
    width: min(1600px, calc(100% - 80px));
    margin: 0 auto;
    float: none;
    background: #fff;
    padding-bottom: 40px;
}

.mp-page-title {
    margin: clamp(18px, 1.5vw, 28px) 0 clamp(20px, 1.8vw, 32px);
    font-family: inherit;
    font-size: clamp(28px, 2.3vw, 44px);
    line-height: 1.2;
    font-weight: 600;
    color: var(--mp-ink);
}

.mp-cart .J-crumbs-container,
.mp-checkout .J-crumbs-container {
    padding-top: 24px;
}

.mp-cart .w-crumbs,
.mp-checkout .w-crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: clamp(13px, .833vw, 16px);
    color: #8b8b9e;
}

.mp-cart .w-crumbs a,
.mp-checkout .w-crumbs a {
    color: #4f4f60 !important;
    text-decoration: none;
}

.mp-cart .w-crumbs .sep,
.mp-checkout .w-crumbs .sep {
    color: #b0b2c3;
    font-style: normal;
}

/* Cart table */
.mp-cart .cart-products {
    display: block;
    width: 100%;
    border: 0;
    overflow: visible;
}

.mp-cart .cart-products thead {
    display: none;
}

.mp-cart .cart-products tbody {
    display: block;
}

.mp-cart .cart-products tbody tr {
    display: grid;
    grid-template-columns: 30px 110px minmax(0, 1fr) 150px 170px 130px;
    gap: 20px;
    align-items: center;
    padding: clamp(16px, 1.4vw, 26px) 0;
    border-bottom: 1px solid #eef0f4;
}

.mp-cart .cart-products tbody tr:first-child {
    border-top: 1px solid #eef0f4;
}

.mp-cart .cart-products td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    color: #4f4f60;
    font-size: 14px;
    line-height: 1.5;
}

.mp-cart .cart-products input[type="checkbox"] {
    width: 17px;
    height: 17px;
    accent-color: var(--mp-primary);
    cursor: pointer;
}

.mp-cart .cart-products .carpic img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    background: #f7f7f9;
    border: 1px solid #eef0f4 !important;
    border-radius: 10px;
}

.mp-cart .cart-products td > p > a {
    font-size: clamp(14px, .94vw, 18px);
    font-weight: 500;
    color: var(--mp-ink) !important;
    text-decoration: none;
}

.mp-cart .cart-products td > p > a:hover {
    color: var(--mp-primary) !important;
}

.mp-cart .titspan {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #eaf8ee;
    color: #2e9e4f;
    font-size: 12px;
}

.mp-cart .cart-products .DetailQtyCt {
    display: inline-flex;
    align-items: center;
    height: 44px;
    border: 1px solid var(--mp-border);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.mp-cart .cart-products .DetailQty {
    width: 36px;
    height: 44px;
    margin: 0;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    color: var(--mp-ink);
    cursor: pointer;
}

.mp-cart .cart-products .qty-selected {
    width: 48px;
    height: 44px;
    border: 0;
    border-left: 1px solid var(--mp-border);
    border-right: 1px solid var(--mp-border);
    text-align: center;
    font-family: inherit;
    font-size: 15px;
    box-sizing: border-box;
}

.mp-cart .cart-products .carprice {
    font-size: clamp(16px, 1.15vw, 20px) !important;
    font-weight: 600;
    color: var(--mp-ink) !important;
}

.mp-cart .cart-products .old-price {
    margin-top: 2px;
    font-size: 13px;
    color: #a0a3bd;
    text-decoration: line-through;
}

.mp-cart .cart-products .save-price {
    margin-top: 2px;
    font-size: 12px;
    color: #2e9e4f;
}

.mp-cart .cart-products .cart-action-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.mp-cart.cart-page .cart-products .cart-action-button {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: #8b8b9e !important;
    font-size: 13px;
    line-height: 1.4;
}

.mp-cart.cart-page .cart-products .cart-action-button:hover {
    border: 0 !important;
    background: none !important;
    color: var(--mp-primary) !important;
}

/* Cart summary */
.mp-cart .cart-summary {
    display: block;
    width: 100%;
    margin: clamp(24px, 2vw, 34px) 0 0;
    padding: 0;
    border: 1px solid #eef0f4;
    border-radius: 14px;
    background: #fff;
}

.mp-cart .cart-summary tbody,
.mp-cart .cart-summary tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    width: 100%;
    box-sizing: border-box;
}

.mp-cart .cart-summary tr {
    padding: clamp(18px, 1.6vw, 26px);
}

.mp-cart .cart-summary td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: #4f4f60;
    font-size: 14px;
    text-align: left !important;
}

.mp-cart .cart-summary .cart-summary-select {
    display: flex;
    align-items: center;
}

.mp-cart .cart-summary .cart-summary-select input {
    width: 17px;
    height: 17px;
    accent-color: var(--mp-primary);
}

.mp-cart .cart-summary .cart-summary-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mp-cart .cart-summary .cart-delete-selected {
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--mp-border);
    border-radius: 6px;
    background: #fff;
    color: #4f4f60;
    font-size: 13px;
    cursor: pointer;
}

.mp-cart .cart-summary .cart-summary-details {
    flex: 1 1 260px;
    text-align: right !important;
    color: #8b8b9e;
    line-height: 1.9;
}

.mp-cart-summary-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: min(100%, 330px);
    flex: 0 0 330px;
    margin-left: auto;
}

.mp-cart-sum-line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 28px;
    font-size: 14px;
    color: #8b8b9e;
}

.mp-cart-sum-line b {
    font-weight: 500;
    color: #4f4f60;
}

.mp-cart-sum-total {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid #eef0f4;
    font-size: 15px;
    color: var(--mp-ink);
}

.mp-cart-sum-total b {
    font-size: clamp(20px, 1.5vw, 26px);
    font-weight: 600;
    color: var(--mp-ink);
}

.mp-cart .cart-summary .cart-summary-details .carprice {
    margin: 0;
    font-size: clamp(20px, 1.5vw, 26px);
    font-weight: 600;
    color: var(--mp-ink) !important;
}

.mp-cart .cart-summary .cart-summary-submit {
    flex: 0 0 auto;
}

.mp-cart .cart-summary .cart-summary-submit .pd-buy {
    height: 52px !important;
    padding: 0 44px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--mp-ink) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 15px !important;
    line-height: 52px !important;
    cursor: pointer;
}

.mp-cart .cart-summary .cart-summary-submit .pd-buy:hover {
    background: var(--mp-primary) !important;
}

.mp-cart .bigts {
    padding: 60px 0;
    text-align: center;
    color: #8b8b9e;
}

/* Checkout */
.mp-checkout .titcommon {
    margin: clamp(26px, 2.2vw, 40px) 0 clamp(12px, 1vw, 18px);
    padding-left: 12px;
    border-left: 3px solid var(--mp-primary);
}

.mp-checkout .titcommon h3 {
    float: none;
    margin: 0;
    font-family: inherit;
    font-size: clamp(17px, 1.25vw, 22px);
    font-weight: 600;
    color: var(--mp-ink);
    line-height: 1.4;
}

.mp-checkout .titcommon .btncom {
    height: 36px;
    padding: 0 16px;
    border: 1px solid var(--mp-border);
    border-radius: 6px;
    background: #fff;
    color: var(--mp-ink);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.mp-checkout .titcommon .btncom:hover {
    border-color: var(--mp-primary);
    color: var(--mp-primary);
}

.mp-checkout .addresslist {
    display: inline-block;
    vertical-align: top;
    width: calc(33.333% - 14px);
    min-height: 150px;
    margin: 0 14px 14px 0;
    padding: 22px;
    border: 1px solid #eef0f4;
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s;
}

.mp-checkout .addresslist.selected {
    border-color: var(--mp-primary);
    box-shadow: 0 0 0 1px var(--mp-primary) inset;
}

.mp-checkout .addresslist .addressname {
    margin: 8px 0 4px;
    font-size: 15px;
    font-weight: 600;
    color: var(--mp-ink);
}

.mp-checkout .addresslist .addresscart,
.mp-checkout .addresslist .addressphone {
    margin: 2px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #8b8b9e;
}

.mp-checkout .addresslist .address-actions {
    margin-top: 12px;
    text-align: left;
}

.mp-checkout .addresslist .btn-remove {
    margin-right: 12px;
    color: #8b8b9e;
    font-size: 12px;
    text-decoration: none;
}

.mp-checkout .addresslist .btn-remove:hover {
    color: var(--mp-primary);
}

.mp-checkout .address-default-action,
.mp-checkout .address-default-label {
    float: right;
    font-size: 12px;
    color: #8b8b9e;
}

/* Checkout products */
.mp-checkout .checkout-products {
    display: block;
    width: 100%;
    border: 0;
}

.mp-checkout .checkout-products thead {
    display: none;
}

.mp-checkout .checkout-products tbody {
    display: block;
}

.mp-checkout .checkout-products tbody tr {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 100px 170px;
    gap: 20px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid #eef0f4;
}

.mp-checkout .checkout-products tbody tr:first-child {
    border-top: 1px solid #eef0f4;
}

.mp-checkout .checkout-products td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    color: #4f4f60;
    font-size: 14px;
}

.mp-checkout .checkout-products .carpic img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    background: #f7f7f9;
    border-radius: 10px;
}

.mp-checkout .checkout-products td > p > a {
    font-size: 15px;
    font-weight: 500;
    color: var(--mp-ink) !important;
    text-decoration: none;
}

.mp-checkout .checkout-products .titspan {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #eaf8ee;
    color: #2e9e4f;
    font-size: 12px;
}

.mp-checkout .checkout-products .carprice {
    font-size: 17px;
    font-weight: 600;
    color: var(--mp-ink) !important;
}

.mp-checkout .checkout-products .old-price {
    font-size: 12px;
    color: #a0a3bd;
    text-decoration: line-through;
}

/* Payment methods */
.mp-checkout .czlistcz.checkout-payment {
    height: auto;
}

.mp-checkout .czlistcz.checkout-payment ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.mp-checkout .czlistcz.checkout-payment li {
    position: relative;
    width: 220px;
    height: auto;
    min-height: 96px;
    margin: 0;
    padding: 18px;
    border: 1px solid #eef0f4;
    border-radius: 12px;
    background: #fff !important;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--mp-ink);
    cursor: pointer;
}

.mp-checkout .czlistcz.checkout-payment li.act {
    border-color: var(--mp-ink);
    background: var(--mp-ink) !important;
    color: #fff;
}

.mp-checkout .czlistcz.checkout-payment li table td {
    color: inherit;
}

.mp-checkout .czlistcz p.fontts {
    margin-top: 10px;
    color: #8b8b9e;
    font-size: 12px;
    line-height: 1.5;
}

/* Form controls */
.mp-checkout select.form-control,
.mp-checkout input.form-control,
.mp-checkout .selectaddres select {
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--mp-border) !important;
    border-radius: 8px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
    color: var(--mp-ink);
    box-sizing: border-box;
}

.mp-checkout .btncom2 {
    height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: var(--mp-ink);
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

/* Checkout summary */
.mp-checkout .checkout-summary {
    display: block;
    width: 100%;
    margin-top: 26px;
    border: 1px solid #eef0f4;
    border-radius: 14px;
    background: #fff;
}

.mp-checkout .checkout-summary tbody,
.mp-checkout .checkout-summary tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    width: 100%;
    box-sizing: border-box;
}

.mp-checkout .checkout-summary tr {
    padding: 24px;
}

.mp-checkout .checkout-summary td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: #8b8b9e;
    font-size: 14px;
    text-align: left !important;
}

.mp-checkout .checkout-summary .summary-details {
    flex: 1 1 320px;
    text-align: right !important;
    line-height: 1.9;
}

.mp-checkout .checkout-summary .summary-details .carprice {
    font-size: clamp(20px, 1.5vw, 26px);
    font-weight: 600;
    color: var(--mp-ink) !important;
}

.mp-checkout .checkout-summary .summary-submit .pd-buy {
    height: 52px !important;
    padding: 0 44px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--mp-ink) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 15px !important;
    line-height: 52px !important;
    cursor: pointer;
}

.mp-checkout .checkout-summary .summary-submit .pd-buy:hover {
    background: var(--mp-primary) !important;
}

.mp-checkout .orderts {
    margin-top: 24px;
    padding: 18px 22px;
    border-radius: 10px;
    background: #f8f9fa;
    color: #8b8b9e;
}

.mp-checkout .orderts ul li {
    height: auto;
    margin: 4px 0;
    color: #8b8b9e;
    font-size: 13px;
    line-height: 1.6;
}

.mp-checkout .orderts ul li b {
    color: var(--mp-ink);
}

/* Related products */
.mp-cart .viewProduct,
.mp-checkout .viewProduct {
    width: auto;
    margin-top: clamp(48px, 4.7vw, 90px);
}

.mp-cart .viewProduct .IndexProductTitle,
.mp-checkout .viewProduct .IndexProductTitle {
    display: block;
    margin-bottom: 24px;
    border: 0;
    text-align: center;
}

.mp-cart .viewProduct .IndexProductTitle h2 span,
.mp-checkout .viewProduct .IndexProductTitle h2 span {
    font-family: inherit;
    font-size: clamp(24px, 1.67vw, 32px);
    font-weight: 600;
    color: var(--mp-ink);
}

.mp-cart .viewProduct .picList li .pic img,
.mp-checkout .viewProduct .picList li .pic img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    padding: 12px;
    border: 1px solid var(--mp-border);
    border-radius: 8px;
    background: #f7f7f9;
    box-sizing: border-box;
}

@media (max-width: 1180px) {
    .mp-cart.mainbody,
    .mp-checkout.mainbody {
        width: calc(100% - 48px);
    }

    .mp-cart .cart-products tbody tr {
        grid-template-columns: 26px 90px minmax(0, 1fr) 140px 150px;
    }

    .mp-cart .cart-products tbody tr td:last-child {
        grid-column: 2 / -1;
    }

    .mp-checkout .addresslist {
        width: calc(50% - 10px);
    }
}

@media (max-width: 900px) {
    .mp-cart.mainbody,
    .mp-checkout.mainbody {
        width: calc(100% - 32px);
    }

    .mp-cart .cart-products tbody tr {
        grid-template-columns: 24px 80px minmax(0, 1fr);
        gap: 12px;
    }

    .mp-cart .cart-products tbody tr td:nth-child(4),
    .mp-cart .cart-products tbody tr td:nth-child(5),
    .mp-cart .cart-products tbody tr td:nth-child(6) {
        grid-column: 2 / -1;
    }

    .mp-checkout .addresslist {
        width: 100%;
        margin-right: 0;
    }

    .mp-checkout .checkout-products tbody tr {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .mp-checkout .checkout-products tbody tr td:nth-child(3),
    .mp-checkout .checkout-products tbody tr td:nth-child(4) {
        grid-column: 2 / -1;
    }
}