﻿.color_red{color: #ff5000;}

/*inquiry*/
.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:#0085DE;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:#0085DE;}

.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 20px; }
.inquiry-box-right ul li{ text-align:center; justify-content: center; align-items: center;}
.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:#0085DE; 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:#0085DE;}
.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:#0085DE; 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:#0085DE; 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:#0085DE;
            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: #0085DE;}

.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: #0085DE;}

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

.cart-box-left-list-item ul.tbody .tbdiv2 a {display: block;color: #0085DE;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: #0085DE; 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:#0085DE; 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:#0085DE; 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:#0085DE; 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:#0085DE;}


/*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:#0085DE; 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:#0085DE; background:#f7f7f7;}
.shopping-address-list li h4{ display:block; font-weight:normal;}
.shopping-address-list li h4 i{ color:#0085DE; 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:#0085DE; padding-right:8px;}
.shopping-main-right-box dl{ line-height:32px;}
.shopping-main-right-box dl dd{ color:#0085DE;}
.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*/
    .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%;}


}