﻿/*inquiry*/
.inquiry-loading{ position:fixed; left:0%; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; display:none;}
.inquiry-loading-box{ width:500px; height:300px; display:flex; align-items:center; text-align:center; justify-content:center;  font-size:3.4rem; color:#fff; background:#0bbbe0; border-radius:12px; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-150px;}
.inquiry-loading-box img{ width:100px; height:100px;}
.progress-text{ display:block; line-height:82px; margin-top:5px;}
.progress-load{ display:block; line-height:42px; margin-top:5px; font-size:1.1rem;}
.cartFedLeft .form-group{ width:49%;}
.inquiry-main{ padding:30px; border:1px solid #eee; background:#fff; border-radius:6px;}

.inquiry-box-left{ width:35%; height:auto; border:1px dotted #ccc; padding:30px; align-items:center; display:flex;flex-direction:column; justify-content:space-between;}
.inquiry-box-left  div{align-items:center;background:#0bbbe0;border-radius:2px;display:flex;height:36px;justify-content:center;padding:10px 14px;position:relative}
.inquiry-box-left  div span{color:#fff}
.inquiry-box-left  div .uploadFile{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
.inquiry-box-left  p{font-size:14px; text-align:center; line-height:26px; margin-top:10px;}
.inquiry-box-left  a{color:#0bbbe0;}

.inquiry-box-right{ width:64%; height:auto; min-height:190px; padding:20px; background:#f5f5f5; display:flex; align-items: center; }
.inquiry-box-right ul{font-size:13px; width:100%; padding:0 ; }
.inquiry-box-right ul li{ text-align:center; justify-content: center; align-items: center; width:25%; padding:0 15px;}
.inquiry-box-right ul li p{ padding-top:10px; line-height:22px;}


.inquiry-tab{ width:100%; margin-top:15px; overflow-x:auto;}
.inquiry-tab table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    margin-bottom:10px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.inquiry-tab table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px; text-align:center;
        padding: 6px;
    }
.inquiry-tab tr:first-child {
        height:48px;
    }
.inquiry-tab table td button{ border:none; font-size:1.1rem; background:none;}
.inquiry-tab table td .input-sm{ border:1px solid #eee; height:32px; line-height:30px;border-radius:3px; width:80%;}

.inquiry-tab-btn{ margin:15px 0; }
.inquiry-tab-btn button{  height:42px; line-height:42px; background:#0bbbe0; color:#fff; border-radius:6px; padding:0 25px; border:none; font-size:1rem; margin-right:5px;}

.inquiry-sucess-box{ background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; text-align:center;}
.inquiry-sucess-box h1{ font-size:2rem; line-height:42px; color:#0bbbe0;}
.inquiry-sucess-box h2{ font-size:1.4rem; line-height:32px; margin-top:10px; }
.inquiry-sucess-box-btn{  margin-top:15px;}
.inquiry-sucess-box-btn a{height:42px; line-height:42px; background:#0bbbe0; color:#fff; border-radius:6px; padding:0 25px; border:none; font-size:1rem; margin:0 3px;}

/*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:#0bbbe0; 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:#0bbbe0;
            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: #0bbbe0;}

.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: #0bbbe0;}

.cart-box-left-list-item ul.tbody .tbdiv5 {width: 5%;}

.cart-box-left-list-item ul.tbody .tbdiv2 a {display: block;color: #0bbbe0;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: #0bbbe0; 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:#0bbbe0; 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:#0bbbe0; 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:#0bbbe0; 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:#0bbbe0;}


/*shopping*/
.shopping-main{}
.shopping-main-left{ width:70%;}
.shopping-main-left-item{width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; margin-bottom:15px;}
.shopping-main-left-item h2{ font-size:1.1rem; margin-bottom:15px;}
.shopping-main-left-item h2 i{ color:#0bbbe0; padding-right:8px; font-size:1.2rem;}
.shopping-main-left-item h2 a{ font-weight:normal;}

.shopping-address-list li{width:100%; padding:20px; border:1px solid #eee; border-radius:6px; margin-bottom:10px; line-height:28px;}
.shopping-address-list li.selected{ border-color:#0bbbe0;}
.shopping-address-list li h4{ display:block;}
.shopping-address-list li h4 i{ color:#0bbbe0; 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 ul.item-box{ display:flex;}
.shopping-main-left-item ul.item-box li{ margin-right:10px;}
.shopping-main-left-item ul.item-box li img{ height:30px;}

.shopping-main-left-item-table{width:100%; 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;}
.shopping-main-right-box h1{ font-size:1.4rem; line-height:42px;}
.shopping-main-right-box h1 i{ color:#0bbbe0; padding-right:8px;}
.shopping-main-right-box dl{ line-height:32px;}
.shopping-main-right-box dl dd{ color:#0bbbe0;}
.shopping-main-right-box dl dd textarea{ width:100%; height:80px; padding:15px; border:1px solid #eee; border-radius:3px;}


/*Payment*/
.pay-box{ width:50%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px;}
.pay-box dl{ line-height:28px; padding:5px 0;}
.pay-box dl dt{ font-weight:bold;}

.pay-inner-box{ width:50%; background:#fff; padding:30px; 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:#0bbbe0; text-decoration:underline;}

.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:#0bbbe0; 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;}




@media (max-width: 768px) {
 

/*inquiry*/
.inquiry-loading-box{ width:300px; height:300px;   font-size:3rem;  margin-left:-150px; margin-top:-150px;}
.inquiry-loading-box img{ width:100px; height:100px;}
.progress-text{ display:block; line-height:82px; margin-top:15px;}


.inquiry-main{ padding:20px; }

.inquiry-box-left{  padding:20px; width:100%;}


.inquiry-box-right{ width:100%; margin-top:10px;}
.inquiry-box-right ul{ padding:0 10px; }
.inquiry-box-right ul li{  width:50%;}
.inquiry-box-right ul li p{ padding:10px 0; line-height:22px;}



.inquiry-tab-btn{ margin:10px 0; }
.inquiry-tab-btn button{  height:36px; line-height:36px;  padding:0 15px; font-size:0.9rem; margin-right:3px;}


.inquiry-sucess-box{padding:20px;}
.inquiry-sucess-box h1{ font-size:1.6rem; }
.inquiry-sucess-box h2{ font-size:1rem; line-height:28px; margin-top:5px; }
.inquiry-sucess-box-btn{  margin-top:10px;}
.inquiry-sucess-box-btn a{ height:36px; line-height:36px;  padding:0 15px; font-size:0.9rem;}

/*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%;}


}