/*inquiry*/
.tx-rfq-page{
    width:100%;
    background:#f6f8fb;
    padding:45px 0 70px;
}

.tx-rfq-page *{
    box-sizing:border-box;
}


/* Header */

.tx-rfq-head{
    text-align:center;
    margin-bottom:32px;
}

.tx-rfq-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.tx-rfq-head h1{
    font-size:34px;
    color:#003e9c;
    line-height:44px;
    font-weight:bold;
    margin-bottom:10px;
}

.tx-rfq-head p{
    color:#666;
    font-size:15px;
    line-height:26px;
}


/* Top Upload + Steps */

.tx-rfq-top{
    display:flex;
    align-items:stretch;
    gap:24px;
    margin-bottom:28px;
}

.tx-rfq-upload-card{
    width:42%;
    background:#fff;
    border-radius:16px;
    padding:28px;
    display:flex;
    gap:22px;
    align-items:center;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-rfq-upload-icon{
    flex-shrink:0;
    width:76px;
    height:76px;
    line-height:76px;
    border-radius:22px;
    text-align:center;
    background:linear-gradient(135deg, #003e9c, #0b66d8);
    color:#fff;
    font-size:34px;
}

.tx-rfq-upload-info{
    flex:1;
    min-width:0;
}

.tx-rfq-upload-info h2{
    font-size:24px;
    color:#111;
    line-height:32px;
    font-weight:bold;
    margin-bottom:8px;
}

.tx-rfq-upload-info p{
    color:#666;
    font-size:14px;
    line-height:24px;
    margin-bottom:16px;
}

.tx-rfq-upload-actions{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}

#txRfqBomFile{
    display:none;
}

.tx-rfq-upload-btn,
.tx-rfq-template-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:40px;
    padding:0 18px;
    border-radius:22px;
    font-size:14px;
    cursor:pointer;
    transition:all .22s ease;
    text-decoration:none;
}

.tx-rfq-upload-btn{
    background:#003e9c;
    color:#fff;
}

.tx-rfq-upload-btn:hover{
    background:#f26b21;
    color:#fff;
}

.tx-rfq-template-btn{
    background:#fff4ec;
    color:#f26b21;
}

.tx-rfq-template-btn:hover{
    background:#f26b21;
    color:#fff;
}

.tx-rfq-file-name{
    width:100%;
    height:32px;
    line-height:32px;
    color:#888;
    font-size:13px;
    background:#f7faff;
    border:1px dashed #dce7f7;
    border-radius:8px;
    padding:0 12px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/* Steps */

.tx-rfq-step-card{
    flex:1;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
}

.tx-rfq-step-item{
    background:#fff;
    border-radius:16px;
    padding:24px 14px;
    text-align:center;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    position:relative;
    overflow:hidden;
    transition:all .25s ease;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:220px;
}

.tx-rfq-step-item:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 42px rgba(0,62,156,.10);
}

.tx-rfq-step-item b{
    position:absolute;
    right:12px;
    top:9px;
    color:#edf3ff;
    font-size:34px;
    line-height:1;
    font-weight:bold;
}

.tx-rfq-step-item i{
    display:block;
    width:54px;
    height:54px;
    line-height:54px;
    border-radius:50%;
    background:#eef5ff;
    color:#003e9c;
    font-size:24px;
    margin:0 auto 13px;
}

.tx-rfq-step-item p{
    color:#333;
    font-size:14px;
    line-height:22px;
}

.tx-rfq-step-item p a{
    color:#003e9c;
    word-break:break-all;
}

.tx-rfq-step-item p a:hover{
    color:#f26b21;
}


/* Card Common */

.tx-rfq-product-card,
.tx-rfq-contact-card{
    background:#fff;
    border-radius:16px;
    padding:28px;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    margin-bottom:28px;
}

.tx-rfq-card-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.tx-rfq-card-title span{
    display:block;
    color:#f26b21;
    font-size:13px;
    font-weight:bold;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:5px;
}

.tx-rfq-card-title h2{
    color:#111;
    font-size:24px;
    line-height:32px;
    font-weight:bold;
}

.tx-rfq-card-tools{
    display:flex;
    align-items:center;
    gap:10px;
}

.tx-rfq-add-btn,
.tx-rfq-clear-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:38px;
    padding:0 16px;
    border:none;
    border-radius:20px;
    font-size:14px;
    cursor:pointer;
    transition:all .22s ease;
}

.tx-rfq-add-btn{
    background:#003e9c;
    color:#fff;
}

.tx-rfq-add-btn:hover{
    background:#0b66d8;
    color:#fff;
}

.tx-rfq-clear-btn{
    background:#fff1f0;
    color:#e43d30;
}

.tx-rfq-clear-btn:hover{
    background:#e43d30;
    color:#fff;
}


/* Product Table */

.tx-rfq-table-wrap{
    width:100%;
    overflow-x:auto;
    border-radius:12px;
    border:1px solid #edf2fa;
}

.tx-rfq-table{
    width:100%;
    min-width:880px;
    border-collapse:collapse;
    table-layout:fixed;
    background:#fff;
}

.tx-rfq-table thead{
    background:#f5f8ff;
}

.tx-rfq-table th{
    height:48px;
    padding:0 10px;
    color:#003e9c;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid #edf2fa;
}

.tx-rfq-table th em{
    color:#ff3b30;
    font-style:normal;
}

.tx-rfq-table td{
    padding:10px;
    border-bottom:1px solid #edf2fa;
    text-align:center;
    vertical-align:middle;
}

.tx-rfq-table tbody tr:last-child td{
    border-bottom:none;
}

.tx-rfq-table tbody tr:hover{
    background:#fbfdff;
}

.tx-rfq-col-check{
    width:70px;
}

.tx-rfq-col-action{
    width:75px;
}

.tx-rfq-check{
    width:16px;
    height:16px;
    cursor:pointer;
    vertical-align:middle;
}

.tx-rfq-input{
    width:100%;
    height:38px;
    line-height:38px;
    border:1px solid #dce4ef;
    border-radius:8px;
    background:#fff;
    color:#333;
    font-size:14px;
    padding:0 10px;
    transition:all .22s ease;
}

.tx-rfq-input::placeholder{
    color:#9aa5b5;
}

.tx-rfq-input:focus{
    border-color:#003e9c;
    box-shadow:0 0 0 3px rgba(0,62,156,.08);
    outline:none;
}

.tx-rfq-row-del{
    width:36px;
    height:36px;
    line-height:36px;
    border:none;
    border-radius:50%;
    background:#fff1f0;
    color:#e43d30;
    cursor:pointer;
    transition:all .22s ease;
}

.tx-rfq-row-del:hover{
    background:#e43d30;
    color:#fff;
}

.tx-rfq-row-error{
    background:#fff7f7 !important;
}

.tx-rfq-row-error .tx-rfq-input{
    border-color:#ff4d4f;
    box-shadow:0 0 0 3px rgba(255,77,79,.08);
}

.tx-rfq-table-tip{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:14px;
    padding:12px 14px;
    background:#fff7ec;
    border:1px solid #ffe0bd;
    border-radius:10px;
    color:#8a4b00;
    font-size:14px;
    line-height:22px;
}

.tx-rfq-table-tip i{
    color:#f26b21;
}


/* Contact Form */

.tx-rfq-contact-card{
    margin-bottom:0;
}

.tx-rfq-contact-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px 24px;
}

.tx-rfq-field{
    min-width:0;
}

.tx-rfq-field-full{
    grid-column:1 / 3;
}

.tx-rfq-field label{
    display:block;
    color:#222;
    font-size:14px;
    font-weight:bold;
    margin-bottom:7px;
}

.tx-rfq-field label em{
    color:#ff3b30;
    font-style:normal;
}

.tx-rfq-field input,
.tx-rfq-field textarea{
    width:100%;
    border:1px solid #dce4ef;
    background:#fff;
    border-radius:9px;
    color:#333;
    font-size:14px;
    transition:all .22s ease;
}

.tx-rfq-field input{
    height:44px;
    line-height:44px;
    padding:0 14px;
}

.tx-rfq-field textarea{
    height:96px;
    line-height:24px;
    padding:11px 14px;
    resize:none;
}

.tx-rfq-field input::placeholder,
.tx-rfq-field textarea::placeholder{
    color:#9aa5b5;
}

.tx-rfq-field input:focus,
.tx-rfq-field textarea:focus{
    border-color:#003e9c;
    box-shadow:0 0 0 3px rgba(0,62,156,.08);
    outline:none;
}

.tx-rfq-field-error input,
.tx-rfq-field-error textarea{
    border-color:#ff4d4f;
    box-shadow:0 0 0 3px rgba(255,77,79,.08);
}

.tx-rfq-field-error input::placeholder,
.tx-rfq-field-error textarea::placeholder{
    color:#ff4d4f;
}


/* Submit */

.tx-rfq-submit-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding-top:22px;
    margin-top:22px;
    border-top:1px solid #edf2fa;
}

.tx-rfq-submit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:190px;
    height:48px;
    border:none;
    border-radius:24px;
    background:linear-gradient(90deg, #003e9c, #0b66d8);
    color:#fff;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    transition:all .25s ease;
}

.tx-rfq-submit-btn:hover{
    background:linear-gradient(90deg, #f26b21, #ff8a2a);
    color:#fff;
    box-shadow:0 12px 28px rgba(242,107,33,.24);
}

.tx-rfq-submit-btn.disabled,
.tx-rfq-submit-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
}

.tx-rfq-submit-bar p{
    color:#666;
    font-size:14px;
    line-height:24px;
}


/* Popup & Loading */

.tx-rfq-popup-mask,
.tx-rfq-loading-mask{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    z-index:99999;
    display:none;
}

.tx-rfq-popup-box{
    width:360px;
    max-width:calc(100% - 40px);
    background:#fff;
    border-radius:14px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:35px 28px 28px;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    animation:txRfqPop .22s ease-out;
}

@keyframes txRfqPop{
    from{
        opacity:0;
        transform:translate(-50%, -48%) scale(.96);
    }
    to{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
    }
}

.tx-rfq-popup-icon{
    width:58px;
    height:58px;
    line-height:58px;
    border-radius:50%;
    margin:0 auto 16px;
    background:#003e9c;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    font-family:Arial, sans-serif;
}

.tx-rfq-popup-icon.success{
    background:#20b26b;
}

.tx-rfq-popup-icon.error{
    background:#ff4d4f;
}

.tx-rfq-popup-icon.warning{
    background:#ff9800;
}

.tx-rfq-popup-box h3{
    font-size:20px;
    color:#222;
    margin:0 0 10px;
    font-weight:bold;
}

.tx-rfq-popup-box p{
    font-size:15px;
    color:#666;
    line-height:24px;
    margin:0 0 24px;
}

.tx-rfq-popup-box a{
    display:inline-block;
    min-width:120px;
    height:42px;
    line-height:42px;
    background:#003e9c;
    color:#fff;
    border-radius:22px;
    text-decoration:none;
    font-size:15px;
}

.tx-rfq-popup-box a:hover{
    background:#f26b21;
    color:#fff;
}


/* Loading */

.tx-rfq-loading-box{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:220px;
    background:#fff;
    border-radius:14px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.tx-rfq-loading-box span{
    display:block;
    width:42px;
    height:42px;
    border:4px solid #e8f0ff;
    border-top-color:#003e9c;
    border-radius:50%;
    margin:0 auto 15px;
    animation:txRfqLoading .8s linear infinite;
}

@keyframes txRfqLoading{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.tx-rfq-loading-box p{
    margin:0;
    color:#333;
    font-size:15px;
}


/* =========================
   RFQ Success Page
   询价成功页
========================= */

.tx-rfq-success-page{
    width:100%;
    min-height:520px;
    background:
        radial-gradient(circle at 15% 20%, rgba(242,107,33,.12) 0, rgba(242,107,33,0) 28%),
        radial-gradient(circle at 85% 15%, rgba(0,62,156,.14) 0, rgba(0,62,156,0) 30%),
        linear-gradient(135deg, #f6f9ff 0%, #ffffff 55%, #fff7ef 100%);
    padding:70px 0 85px;
}

.tx-rfq-success-page *{
    box-sizing:border-box;
}

.tx-rfq-success-card{
    max-width:780px;
    margin:0 auto;
    background:#fff;
    border-radius:22px;
    padding:55px 60px 48px;
    text-align:center;
    border:1px solid #edf2fa;
    box-shadow:0 22px 60px rgba(0,62,156,.12);
    position:relative;
    overflow:hidden;
}

.tx-rfq-success-card::before{
    content:"";
    position:absolute;
    left:-90px;
    top:-90px;
    width:180px;
    height:180px;
    background:rgba(0,62,156,.06);
    border-radius:50%;
}

.tx-rfq-success-card::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-80px;
    width:180px;
    height:180px;
    background:rgba(242,107,33,.08);
    border-radius:50%;
}

.tx-rfq-success-icon{
    width:92px;
    height:92px;
    line-height:92px;
    border-radius:50%;
    margin:0 auto 26px;
    background:linear-gradient(135deg, #20b26b, #12c985);
    color:#fff;
    font-size:42px;
    position:relative;
    z-index:2;
    box-shadow:0 14px 32px rgba(32,178,107,.28);
}

.tx-rfq-success-card h1{
    color:#003e9c;
    font-size:34px;
    line-height:44px;
    font-weight:bold;
    margin-bottom:16px;
    position:relative;
    z-index:2;
}

.tx-rfq-success-desc{
    max-width:650px;
    margin:0 auto;
    color:#555;
    font-size:16px;
    line-height:30px;
    position:relative;
    z-index:2;
}

.tx-rfq-success-desc strong{
    color:#f26b21;
    font-weight:bold;
}

.tx-rfq-success-tips{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
    margin:34px 0 32px;
    position:relative;
    z-index:2;
}

.tx-rfq-success-tip-item{
    background:#f7fbff;
    border:1px solid #e4edf8;
    border-radius:14px;
    padding:18px 12px;
    color:#333;
    font-size:14px;
    line-height:22px;
}

.tx-rfq-success-tip-item i{
    display:block;
    width:42px;
    height:42px;
    line-height:42px;
    border-radius:50%;
    margin:0 auto 10px;
    background:#eef5ff;
    color:#003e9c;
    font-size:20px;
}

.tx-rfq-success-btns{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    position:relative;
    z-index:2;
}

.tx-rfq-success-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:150px;
    height:46px;
    padding:0 24px;
    border-radius:24px;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    transition:all .25s ease;
}

.tx-rfq-success-btn-primary{
    background:linear-gradient(90deg, #003e9c, #0b66d8);
    color:#fff;
}

.tx-rfq-success-btn-primary:hover{
    background:linear-gradient(90deg, #f26b21, #ff8a2a);
    color:#fff;
    box-shadow:0 12px 28px rgba(242,107,33,.24);
}

.tx-rfq-success-btn-light{
    background:#fff4ec;
    color:#f26b21;
}

.tx-rfq-success-btn-light:hover{
    background:#f26b21;
    color:#fff;
}

.tx-rfq-success-contact{
    margin-top:28px;
    color:#777;
    font-size:14px;
    line-height:24px;
    position:relative;
    z-index:2;
}

.tx-rfq-success-contact a{
    color:#003e9c;
    font-weight:bold;
}

.tx-rfq-success-contact a:hover{
    color:#f26b21;
}



/*cart*/
.cart-box-left{ width:70%;}
.cart-box-left-list{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; }
.cart-box-left-list h2{ font-size:1.4rem; line-height:42px;}
.cart-box-left-list h2 i{ color:#dcc065; padding-right:8px;}
.cart-box-left-list-item{ width:100%; margin-top:10px;}

.cart-box-left-list-item ul.thead {
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #f6f8fc;
        padding: 0 15px;
        font-size: 14px;
    }

.cart-box-left-list-item ul.thead i {
            color:#dcc065;
            font-size: 22px;
        }

.cart-box-left-list-item ul.thead li:nth-child(1){width: 10%;}
.cart-box-left-list-item ul.thead li:nth-child(2){width: 30%;}
.cart-box-left-list-item ul.thead li:nth-child(3){width: 30%;}
.cart-box-left-list-item ul.thead li:nth-child(4){width: 25%;}
.cart-box-left-list-item ul.thead li:nth-child(5) {width: 5%;}

.cart-box-left-list-item ul.tbody {padding: 0 15px;font-size: 14px;}

.cart-box-left-list-item ul.tbody li {padding: 15px 0;border-bottom: 1px solid #ccc;align-items: center;}

.cart-box-left-list-item ul.tbody .tbdiv1 {width: 10%;}

.cart-box-left-list-item ul.tbody .tbdiv2 {width: 30%;}
.cart-box-left-list-item ul.tbody .tbdiv2 img {width: 40px;float: left;margin-right: 10px}

.cart-box-left-list-item ul.tbody .tbdiv3 {width: 30%;}

.cart-box-left-list-item ul.tbody .tbdiv4 { width: 25%; position: relative;}

.cart-box-left-list-item ul.tbody .tbdiv4 p { margin-bottom: 0;cursor: pointer;}

.cart-box-left-list-item ul.tbody .tbdiv4 p i {font-size: 18px;padding-left: 10px;color: #dcc065;}

.cart-box-left-list-item ul.tbody .tbdiv4 li {border-bottom: none;height: 20px;line-height: 20px;padding: 0;}

.cart-box-left-list-item ul.tbody .tbdiv4 li span.span-price {color: #dcc065;}

.cart-box-left-list-item ul.tbody .tbdiv5 {width: 5%;}

.cart-box-left-list-item ul.tbody .tbdiv2 a {display: block;color: #dcc065;line-height: 22px;height: 22px;overflow: hidden;}

.cart-box-left-list-item ul.tbody .tbdiv2 em {display: block; color: #666; line-height: 22px;  height: 22px; overflow: hidden;font-style: normal; }

.cart-box-left-list-item ul.tbody .tbdiv5 i {color: #dcc065; font-size: 22px;}

.cart-box-left-list-item ul.tbody .tbdiv3 input {width: 60%; border: 1px solid #eee; height: 32px; line-height: 32px; border-radius: 4px; padding-left: 10px;}


.cart-box-left-list-item ul.tbody .tbdiv4 .price-range {
display: none;
z-index: 333;
position: absolute;
border: 1px solid #eee;
background: #f7f7f7;
border-radius: 5px;
box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
padding: 10px;
}

.cart-box-left-list-item ul.tbody .tbdiv4:hover .price-range {display: block;}

.cart-box-left-list-product{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; margin-top:15px;}
.cart-box-left-list-product h2{ font-size:1.4rem; line-height:42px;}
.cart-box-left-list-product h2 i{ color:#dcc065; padding-right:8px;}
.cart-box-left-list-product-item{ margin-top:10px;}
.cart-box-left-list-product-item dl{ width:19%; border:1px solid #eee; margin-bottom:1.5%; border-radius:6px; padding:10px 20px; text-align:center;}
.cart-box-left-list-product-item dl dt img{ width:100%; height:auto;}
.cart-box-left-list-product-item dl dd{ padding:10px 0;}
.cart-box-left-list-product-item dl dd a{ display:block; font-weight:bold; height:24px; line-height:24px; overflow:hidden;}
.cart-box-left-list-product-item dl dd em{ display:block; height:24px; line-height:24px; overflow:hidden; color:#999;}
.cart-box-left-list-product-item dl dd p{ color:#dcc065; height:24px; line-height:24px; overflow:hidden;}


.cart-box-right{ width:29%;   }
.cart-box-right-box{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px;}
.cart-box-right-box h2{ font-size:1.4rem; line-height:42px;}
.cart-box-right-box h2 i{ color:#dcc065; padding-right:8px;}
.cart-box-right-box ul{ width:100%;}
.cart-box-right-box ul li{ line-height:32px; font-weight:normal;}
.cart-box-right-box ul li i{ color:#dcc065;}


/*shopping*/
.shopping-main{}
.shopping-main-left{ width:70%;}
.shopping-main-left-item{width:100%;background:#fff;padding: 16px;border:1px solid #eee;border-radius:6px;margin-bottom:15px;}
.shopping-main-left-item h2{ text-align:left; font-size:1.1rem; margin-bottom:15px;}
.shopping-main-left-item h2 i{ color:#dcc065; padding-right:8px; font-size:1.2rem;}
.shopping-main-left-item h2 i b{ color:#111 !important; padding-left:10px;}
.shopping-main-left-item h2 a{ font-weight:normal; font-size:0.9rem;  float:right}
.shopping-main-left-item h2 span{font-weight:normal;font-size:12px;}
.shopping-main-left-item .supplier-list{border: 1px solid #f0f3f5; border-radius: 8px; margin-bottom:20px; }
.shopping-main-left-item .supplier-list h3{align-items: center; background-color: #f3f6f8; border-radius: 8px; display: flex; height: 48px; padding-left: 16px; margin-bottom: 10px;}
.shopping-main-left-item .supplier-list .supplier-note{margin-top: 14px;overflow:hidden;background-color: #f3f6f8;padding: 10px;}
.shopping-main-left-item .supplier-list .supplier-note .tit{  font-weight: bold;  margin-bottom: 10px;}
.shopping-main-left-item .supplier-list .supplier-note .note{float: left;width: 50%;border-right: 1px solid #d6e0e7;height: 70px;}
.shopping-main-left-item .supplier-list .supplier-note .note span{float:left} 
.shopping-main-left-item .supplier-list .supplier-note .note .input{padding:3px 4px; width:400px;border:1px solid #eee;height: 24px; line-height:24px;}
.shopping-main-left-item .supplier-list .supplier-note .free{width: 49%;float:right;padding-left: 10px;height: 70px;}
.shopping-main-left-item .supplier-list .supplier-note .free span{ }
.shopping-main-left-item .supplier-list .supplier-note .supplier-count{ text-align:right; padding:10px 20px}

.shopping-address-list li{width:100%; padding:10px; border:1px solid #eee; border-radius:6px; margin-bottom:10px; line-height:28px;}
.shopping-address-list li.selected{ border-color:#dcc065; background:#f7f7f7;}
.shopping-address-list li h4{ display:block; font-weight:normal;}
.shopping-address-list li h4 i{ color:#dcc065; margin-right:5px;}

.shopping-main-left-item-fed dl{ width:49%;}
.shopping-main-left-item-fed dt{ display:block; height:42px; line-height:42px;}
.shopping-main-left-item-fed dt span{ color:red;}
.shopping-main-left-item-fed input{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}
.shopping-main-left-item-fed select{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}
.shopping-main-left-item-fed .address-select dd{ display:flex } 

.shopping-main-left-item ul.item-box{ display:flex;}
.shopping-main-left-item ul.item-box li{ margin-right:10px; margin-bottom:5px;}
.shopping-main-left-item ul.item-box li img{ height:30px;  margin-top:5px;}

.shopping-main-left-item-table{width: 98%;margin: 1%;overflow-x:auto;}
.shopping-main-left-item-table table {
    border: 1px solid #eee;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.shopping-main-left-item-table td {
        border: 1px solid #eee;
          border-right:0;
           border-left:0;
           white-space: nowrap;
    overflow: hidden; /* 防止内容溢出 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */ text-align:center;
        border-bottom: 0px;
        padding: 6px;
    }
.shopping-main-left-item-table td img{ max-width:60px;}
.shopping-main-left-item-table tr:first-child {
        background: #f7f7f7; height:46px; line-height:46px; 
    }

.shopping-main-right{ width:29%;  }
.shopping-main-right-box{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; position:sticky; right:0; top:0;}
.shopping-main-right-box h1{ font-size:1.4rem; line-height:42px;}
.shopping-main-right-box h1 i{ color:#dcc065; padding-right:8px;}
.shopping-main-right-box dl{ line-height:32px;}
.shopping-main-right-box dl dd{ color:#dcc065;}
.shopping-main-right-box dl dd textarea{ width:100%; height:80px; padding:15px; border:1px solid #eee; border-radius:3px;}



/*Payment*/
.pay-box{width: 1280px;background:#fff;padding:30px;border:1px solid #eee;border-radius:6px;}
.pay-box dl{line-height:28px;padding:5px 0;clear: both;}
.pay-box dl dt{font-weight:bold;float: left;}

.pay-inner-box{background:#fff;padding: 30px 10%;border:1px solid #eee;border-radius:6px;text-align:center;}
.pay-inner-box strong{ display:block; font-size:1.4rem; line-height:36px;}
.pay-inner-box p{ line-height:28px;}
.pay-inner-box p a{ color:#00A3EE; text-decoration:underline;}

.pay-title{ font-size:1.8rem; margin:0 0 8px; font-weight:800; color:#0f172a;}
  .pay-subtitle{ color:#475569; margin:0 0 12px; }
  .order-amount{ color:#0f172a; font-weight:600; margin:8px 0 18px; }
  .uploader{ margin-top:6px; }

  .drop-zone{ position:relative; border:2px dashed #b7d7f5; background:linear-gradient(180deg,#f8fbff,#ffffff);
    border-radius:14px; padding:28px 16px; cursor:pointer; transition: all .25s ease; outline:none; }
  .drop-zone:hover{ border-color: var(--blue-2); box-shadow: 0 6px 20px rgba(2,132,199,.08); }
  .drop-zone.is-dragover{ border-color: var(--blue); background:#f0f9ff; }
  .drop-zone:focus-visible{ box-shadow: 0 0 0 3px rgba(14,165,233,.35); }

  .drop-zone-icon svg{ fill: var(--blue); display:block; margin:0 auto 8px; }
  .drop-zone-text strong{ display:block; color:#0f172a; font-size:1.1rem; }
  .drop-zone-text span{ color:#0369a1; }
  .drop-zone-text small{ display:block; color:#64748b; margin-top:4px; }
  /* 如果想避免某些浏览器禁止对隐藏的 file input 触发 click，可把 input 覆盖在 drop 区（这里先隐藏，用 JS click） */
  .drop-input{ display:none; }

  /* 进度条 */
  .upload-progress{height:6px;background:#eef2f7;border-radius:999px;margin:12px 0;overflow:hidden;display:none;}
  .upload-progress-bar{height:100%;background: var(--blue); width:0%; transition: width .2s ease;}

  /* 状态提示 */
  .upload-feedback{margin-top:6px;font-size:.95rem;min-height:26px;}
  .upload-feedback .ok{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;padding:6px 10px;border-radius:8px;display:inline-block;}
  .upload-feedback .err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:6px 10px;border-radius:8px;display:inline-block;}

  /* 上传成功后信息块 */
  .upload-result{margin-top:10px;text-align:left;}
  .file-row{display:flex;justify-content:space-between;gap:10px;align-items:center;}
  .file-name{font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
  .file-size{color:#64748b;}
  .file-preview img{max-width:240px;max-height:160px;border-radius:10px;border:1px solid #e5e7eb;margin-top:8px;}
  .file-chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#075985;margin-top:8px;}

  /* 按钮 */
  .btn{ display:inline-block; padding:10px 20px; border-radius:10px; border:1px solid transparent; cursor:pointer; transition:.2s; font-weight:700;}
  .btn-primary{ background: var(--blue);  box-shadow:0 6px 18px rgba(14,165,233,.25);}
  .btn-primary:hover{ background:#0284c7; transform:translateY(-1px); box-shadow:0 10px 22px rgba(2,132,199,.30);}
  .btn-muted{ background:#f1f5f9; border-color:#cbd5e1; color:#334155;}
  .btn-muted:hover{ background:#e2e8f0; }
  .btn:disabled{ opacity:.6; cursor:not-allowed; box-shadow:none; transform:none;}

  .file-tips{ font-size:.95rem; color:#64748b; margin:10px 0 0; }
  .pay-help{ color:#475569; margin-top:16px; }
  .pay-help .link{ color: var(--blue); text-decoration:underline; cursor:pointer; }
 
/* 按钮 */
.btnpay2{
  background:#0ea5e9; border:none; color:#fff; padding:10px 22px; border-radius:10px; font-weight:700;
  margin-top:14px; transition: all .2s ease; box-shadow: 0 6px 18px rgba(14,165,233,.25);
}
.btnpay2:hover{ background:#0284c7; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(2,132,199,.30); }
.btnpay2:disabled{ background:#a3c9df; box-shadow:none; cursor:not-allowed; }

.pay-help{ color:#475569; margin-top:14px; }
.pay-help .link{ color:#0ea5e9; text-decoration:underline; cursor:pointer; }

.pay-inquiry{}
.pay-inquiry-left{ width:70%;}
.pay-inquiry-left-item{width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; margin-bottom:15px;}
.pay-inquiry-left-item h2{ font-size:1.1rem; margin-bottom:15px;}
.pay-inquiry-left-item h2 i{ color:#00A3EE; padding-right:8px; font-size:1.2rem;}

.pay-inquiry-left-item-fed .col-lg-4{ width:49%;}
.pay-inquiry-left-item-fed dt{ display:block; height:42px; line-height:42px;}
.pay-inquiry-left-item-fed dt span{ color:red;}
.pay-inquiry-left-item-fed input{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}
.pay-inquiry-left-item-fed select{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}

.pay-inquiry-left-item ul.item-box{ display:flex;}
.pay-inquiry-left-item ul.item-box li{ margin-right:10px;}
.pay-inquiry-left-item ul.item-box li img{ height:30px;}
.pay-inquiry-left-item .express_list1{ margin-top:10px;}
.pay-express-account{ margin-top:10px;}
.pay-express-account input{ width:50%; height:42px; line-height:42px; border:1px solid #eee; border-radius:3px; padding:0 15px;}

.select-tab {overflow:hidden}
.select-tab li{float: left; cursor:pointer; display: block; background: #fff; border: 1px solid #dedede; border-radius: 3px;   margin-bottom:5px;
        margin-right: 10px; height: 42px; position: relative;line-height: 42px;  }
.select-tab li label{ display:block; padding: 0 35px; }
.select-tab li input.hide{ display:none}
.select-tab li.selected{color: #00A3EE;border: 1px solid #00A3EE;background: url(../images/ItemLiSebg.jpg) no-repeat right bottom; }

.invoice-list{ margin-top:10px;}
.invoice-list ul li{ margin-bottom:10px;}
.invoice-list ul li input.hide{display:none}
.invoice-list ul li{border: 1px solid #dedede; border-radius: 3px; padding: 5px 15px;}
.invoice-list ul li span{}
.invoice-list ul li.selected{border: 1px solid #00A3EE;}

.invoice-email-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.invoice-email-container .form-control{ border:0}
.invoice-email-container .form-edit{border:1px solid #ccc;padding: 6px; border-radius: 5px; }
#invoice_email {
    width: 180px;
}

.btn-edit, .btn-save {
    padding: 5px 10px;
    cursor: pointer;
}

.btn-edit {
    background-color: #00A3EE;
    color: white;
    border: none;
}

.btn-save {
    background-color: red;
    color: white;
    border: none;
}

.btn-edit:hover {
    background-color: #0056b3;
}

.btn-save:hover {
    background-color: #00A3EE;
}

.contract-list{
    margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 26px;
}
.contract-list .title {
    overflow: hidden;
    margin-bottom: 10px;
}
.contract-list .title h2{float:left;font-size: 18px;}
.contract-list .title h2 i{ color:#00A3EE; padding-right:10px;}
.contract-list .title a{
    float: right; background:#00A3EE; padding:5px 25px; color:#fff; border-radius:4px; color:#fff;
}
.contract-list .title a i{ padding-right:8px;}
.car-box{ text-align:center;}
.car-box ul{padding: 30px 63px;width: 100%;/* box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); */border:1px solid #eee;border-radius:6px;margin-top:10px;display: flex;align-content: center;flex-wrap: wrap;flex-direction: column-reverse;justify-content: space-evenly;align-items: flex-start;}
.car-box ul li{ line-height:30px; font-size:1rem;}
.car-box ul li b{ padding-right:10px; }
.car-box ul li b i{ padding-right:6px;}

@media (max-width: 768px) {
    /*inquiry*/

     .tx-rfq-page{
        padding:38px 0 60px;
    }

    .tx-rfq-top{
        display:block;
    }

    .tx-rfq-upload-card{
        width:100%;
        margin-bottom:20px;
    }

    .tx-rfq-step-card{
        grid-template-columns:repeat(4, 1fr);
    }

    .tx-rfq-step-item{
        min-height:180px;
    }

    .tx-rfq-product-card,
    .tx-rfq-contact-card{
        padding:24px;
    }

.tx-rfq-page{
        padding:30px 12px 45px;
    }

    .tx-rfq-head{
        margin-bottom:24px;
    }

    .tx-rfq-head span{
        font-size:13px;
        letter-spacing:2px;
    }

    .tx-rfq-head h1{
        font-size:28px;
        line-height:36px;
    }

    .tx-rfq-head p{
        font-size:14px;
        line-height:24px;
    }

    .tx-rfq-upload-card{
        display:block;
        padding:22px 18px;
        text-align:center;
        border-radius:14px;
    }

    .tx-rfq-upload-icon{
        margin:0 auto 16px;
        width:66px;
        height:66px;
        line-height:66px;
        font-size:30px;
        border-radius:18px;
    }

    .tx-rfq-upload-info h2{
        font-size:22px;
        line-height:30px;
    }

    .tx-rfq-upload-actions{
        justify-content:center;
        flex-wrap:wrap;
    }

    .tx-rfq-upload-btn,
    .tx-rfq-template-btn{
        height:38px;
        padding:0 15px;
    }

    .tx-rfq-step-card{
        grid-template-columns:repeat(2, 1fr);
        gap:12px;
    }

    .tx-rfq-step-item{
        min-height:150px;
        padding:20px 10px;
        border-radius:14px;
    }

    .tx-rfq-step-item i{
        width:48px;
        height:48px;
        line-height:48px;
        font-size:21px;
        margin-bottom:10px;
    }

    .tx-rfq-step-item p{
        font-size:13px;
    }

    .tx-rfq-product-card,
    .tx-rfq-contact-card{
        padding:20px 14px;
        border-radius:14px;
        margin-bottom:22px;
    }

    .tx-rfq-card-title{
        display:block;
        margin-bottom:18px;
    }

    .tx-rfq-card-title h2{
        font-size:22px;
        line-height:30px;
    }

    .tx-rfq-card-tools{
        margin-top:14px;
    }

    .tx-rfq-add-btn,
    .tx-rfq-clear-btn{
        flex:1;
        height:38px;
        padding:0 10px;
        font-size:13px;
    }

    .tx-rfq-table{
        min-width:760px;
    }

    .tx-rfq-table th{
        height:44px;
        font-size:13px;
    }

    .tx-rfq-table td{
        padding:8px;
    }

    .tx-rfq-input{
        height:36px;
        line-height:36px;
        font-size:13px;
    }

    .tx-rfq-table-tip{
        align-items:flex-start;
        font-size:13px;
        line-height:22px;
    }

    .tx-rfq-contact-grid{
        display:block;
    }

    .tx-rfq-field{
        margin-bottom:15px;
    }

    .tx-rfq-field input{
        height:42px;
        line-height:42px;
    }

    .tx-rfq-field textarea{
        height:88px;
    }

    .tx-rfq-submit-bar{
        display:block;
        padding-top:18px;
        margin-top:18px;
    }

    .tx-rfq-submit-btn{
        width:100%;
        height:46px;
    }

    .tx-rfq-submit-bar p{
        text-align:center;
        margin-top:12px;
        font-size:13px;
    }

    .tx-rfq-popup-box{
        width:320px;
        padding:30px 22px 24px;
    }

    .tx-rfq-popup-box h3{
        font-size:18px;
    }

    .tx-rfq-popup-box p{
        font-size:14px;
    }

.tx-rfq-success-page{
        min-height:auto;
        padding:45px 12px 55px;
    }

    .tx-rfq-success-card{
        padding:38px 20px 34px;
        border-radius:18px;
    }

    .tx-rfq-success-icon{
        width:76px;
        height:76px;
        line-height:76px;
        font-size:34px;
        margin-bottom:22px;
    }

    .tx-rfq-success-card h1{
        font-size:26px;
        line-height:34px;
    }

    .tx-rfq-success-desc{
        font-size:14px;
        line-height:26px;
    }

    .tx-rfq-success-tips{
        grid-template-columns:repeat(1, 1fr);
        gap:12px;
        margin:26px 0;
    }

    .tx-rfq-success-tip-item{
        padding:15px 12px;
    }

    .tx-rfq-success-btns{
        display:block;
    }

    .tx-rfq-success-btn{
        width:100%;
        height:44px;
    }

    .tx-rfq-success-btn-light{
        margin-top:12px;
    }

    .tx-rfq-success-contact{
        font-size:13px;
        margin-top:22px;
    }

/*cart*/
.cart-box-left{ width:100%;}
.cart-box-left-list{ padding:20px;  }

.cart-box-left-list-item{ width:100%; margin-top:10px;}
.cart-box-left-list-item ul.thead{ display:none;}
.cart-box-left-list-item ul.tbody .tbdiv1{ width:10%;}
.cart-box-left-list-item ul.tbody .tbdiv2{width:90%;}
.cart-box-left-list-item ul.tbody .tbdiv2 img{ width:40px; float:left; margin-right:10px}
.cart-box-left-list-item ul.tbody .tbdiv3{ width:100%; margin:8px 0;}
.cart-box-left-list-item ul.tbody .tbdiv4{ width:90%; position:relative;}
.cart-box-left-list-item ul.tbody .tbdiv4 p{ margin-bottom:0; cursor:pointer;}
.cart-box-left-list-item ul.tbody .tbdiv4 p i{ font-size:18px; padding-left:10px; color:#0056A6;}
.cart-box-left-list-item ul.tbody .tbdiv4 li{ border-bottom:none; height:20px; line-height:20px; padding:0;}
.cart-box-left-list-item ul.tbody .tbdiv4 li span.span-price{ color:#0056A6 !important; }
.cart-box-left-list-item ul.tbody .tbdiv5{ width:10%;}
.cart-box-left-list-item ul.tbody .tbdiv2 a{ display:block; color:#0056A6 !important; line-height:22px; height:22px; overflow:hidden;}
.cart-box-left-list-item ul.tbody .tbdiv2 em{ display:block; color:#666; line-height:22px; height:22px; overflow:hidden; font-style:normal;}
.cart-box-left-list-item ul.tbody .tbdiv5 i{color:#0056A6; font-size:22px;}
.cart-box-left-list-item ul.tbody .tbdiv3 input{ width:100%; border:1px solid #eee; height:32px; line-height:32px; border-radius:4px; padding-left:10px;}




.cart-box-left-list-product{ display:none}


.cart-box-right{ width:100%; margin-top:10px; }
.cart-box-right-box{ padding:20px;}

/*shopping*/
.shopping-main-left{ width:100%;}
.shopping-main-left-item{ padding:20px;  margin-bottom:10px;}
.shopping-main-left-item-fed dl{ width:100%;}



.shopping-main-right{ width:100%; margin-top:10px;   }
.shopping-main-right-box{ padding:20px;}

/*Payment*/
.pay-box{ width:94%; padding:20px; }

.pay-inner-box{ width:94%;  padding:20px; }
.pay-inner-box strong{  font-size:1.2rem; line-height:30px;}
.pay-inner-box p{ line-height:26px;}


.pay-inquiry-left{ width:100%;}
.pay-inquiry-left-item{padding:20px;  margin-bottom:10px;}


.pay-inquiry-left-item-fed .col-lg-4{ width:100%;}


}



/* =========================================================
   BOM格式错误弹窗按钮修正版
   解决：按钮高低不一致、文字颜色看不清
   ========================================================= */

.tx-rfq-popup-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 24px;
    flex-wrap: nowrap;
}

.tx-rfq-popup-actions a {
    box-sizing: border-box;
    min-width: 142px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid transparent;
    vertical-align: middle;
    transition: all .22s ease;
}

.tx-rfq-popup-actions a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    margin: 0;
}

/* 下载模板按钮 */
.tx-rfq-popup-download {
    background: linear-gradient(90deg, #053099 0%, #0b4fd1 100%) !important;
    color: #ffffff !important;
    border-color: #053099 !important;
    box-shadow: 0 10px 22px rgba(5, 48, 153, .20);
}

.tx-rfq-popup-download:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(5, 48, 153, .26);
}

/* 我知道了按钮 */
.tx-rfq-popup-confirm {
    background: #fff7ef !important;
    color: #ff6a00 !important;
    border-color: #ffd4ad !important;
    box-shadow: none !important;
}

.tx-rfq-popup-confirm:hover {
    background: #ff6a00 !important;
    color: #ffffff !important;
    border-color: #ff6a00 !important;
    transform: translateY(-1px);
}

/* 防止全局 a:visited / a:hover 影响文字颜色 */
.tx-rfq-popup-actions .tx-rfq-popup-download:visited,
.tx-rfq-popup-actions .tx-rfq-popup-download:active {
    color: #ffffff !important;
}

.tx-rfq-popup-actions .tx-rfq-popup-confirm:visited,
.tx-rfq-popup-actions .tx-rfq-popup-confirm:active {
    color: #ff6a00 !important;
}

/* 手机端按钮上下排列 */
@media screen and (max-width: 768px) {
    .tx-rfq-popup-actions {
        display: block;
        margin-top: 20px;
    }

    .tx-rfq-popup-actions a {
        width: 100%;
        min-width: 0;
        margin-top: 10px;
    }
}