*{font-family:microsoft yahei;
 font-size:12px/150%;    
}
body, button, input, select, textarea {
    font: 12px/150% microsoft yahei;
    color: #666666;
    background: #fff;
    margin: 0;
    padding: 0;
}
input:focus, textarea:focus {
    outline: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
    padding: 0px;
    margin: 0px;
}
.count-timer {
    font-size: 2em;
    font-family: Arial, sans-serif;
    color: #333;
    text-align: center;
    margin-top: 50px;
    transition: color 0.5s ease; /* 简单的颜色过渡效果 */
}
/* styles.css */
.count-timer {
    font-size: 2em;
    font-family: Arial, sans-serif;
    color: #333; /* 初始颜色 */
    text-align: center;
    margin-top: 50px;
    transition: color 1s ease; /* 平滑的颜色过渡效果 */
}
.count-timer.warning {
    color: red; /* 当倒计时接近结束时改变颜色 */
}
.tables-company-info-unline td, #customers th {
    left:19px;
  border: 0px solid #fff;
  
}

.tables-company-info-unline tr:nth-child(even)
{
background-color: #ffff;
 border: 0px;
 }


.tables_order_card_unline {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 
left:19px;
  background-color: #fff;
    color:#000;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables_order_card_unline td, #customers th {
    left:19px;
  border: 0px solid #ddd;
  padding: 1px;
}

.tables_order_card_unline tr:nth-child(even)
{
background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 color:#ff8a00;
 }

.tables_order_card_unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
  color:#ff8a00;
}

.tables_order_card_unline th {
left:19px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color:#000;
}
tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #ffff;
  
    color:#ff8a00;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}

/***********************************************************************************/


.content-center-global {
    margin:0 auto;
     display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
}

.tables-order-detial-list-unline {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 width:98%;

 
    color:#000;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}



.tables-order-detial-list-unline td, #customers th {
    left:19px;
 
  padding: 1px;
}

.tables-order-detial-list-unline tr:nth-child(even)
{


 border: 1px;
 color:#ff8a00;
 }

.tables-order-detial-list-unline tr:hover {


 border: 0px;
  color:#ff8a00;
}

.tables-order-detial-list-unline th {
left:19px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
 
  color:#000;
}
.tables-order-detial-list-unline tr:hover {


  
  
    color:#ff8a00;
    background: transparent;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}

/***********************************************************************************/

.hqbdzw-user{
    width: 98%;
    left: 2%;
    right:2%;

}
.stock-goods-table {
  font-family: 'Josefin Sans', sans-serif;s
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  font-size: 12px;
    color:#7d7d7f;

    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
  z-index:1;
}


.stock-goods-table td, #customers th {
  border: 1px solid #ddd;

 
  vertical-align: middle;
  height:40px;
}

  
}
.stock-goods-table tr,td{
background-color: #ffff;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;
 }
.stock-goods-table tr:nth-child(even){background-color: #faf5df;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;
 }

.stock-goods-table tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;


}

.stock-goods-table th {
 height: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
  height:40px;
}
/*.stock-goods-table tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #ff8a00;
  height:40px;
    color:#ffff;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}*/

.stock-goods-table::-webkit-scrollbar {

background-color: #c7c7c5;

}
.stock-goods-table::-webkit-scrollbar-track {

background-color: #c7c7c5;

}
.stock-goods-table::-webkit-scrollbar-thumb {

box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #ff0600;/*red;*/
border-radius: 20px;
max-height: 10px;
}
/**************************************************/
.paramtrics-tables {
  font-family: 'Josefin Sans', sans-serif;s
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  font-size: 12px;
    color:#7d7d7f;

    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}
paramtrics-tables {
  display: block;
  color: #000;
  text-align: center;
  
  -webkit-overflow-scrolling: touch;  /*滚动更流畅*/
}


.paramtrics-tables td, #customers th {
  border: 1px solid #ddd;

 
  vertical-align: middle;
  height:40px;
}

  
}
.paramtrics-tables tr,td{
background-color: #ffff;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;
 }
.paramtrics-tables tr:nth-child(even){background-color: #faf5df;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;
 }

.paramtrics-tables tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;


}

.paramtrics-tables th {
 height: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
  height:40px;
}
.paramtrics-tables tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #ff8a00;
  height:40px;
    color:#ffff;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}

.paramtrics-tables::-webkit-scrollbar {

background-color: #c7c7c5;

}
.paramtrics-tables::-webkit-scrollbar-track {

background-color: #c7c7c5;

}
.paramtrics-tables::-webkit-scrollbar-thumb {

box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #ff0600;/*red;*/
border-radius: 20px;
max-height: 10px;
}

/*          */ 

.tables_cu {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
    color:#fefefe;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}
.tables_cu {
  display: block;
  color: #000;
  text-align: center;
  height:auto;
  width: 99%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;  /*滚动更流畅*/
}

.tables_cu table,tr{
 
 
  table-layout: fixed;

}
.tables_cu td, #customers th {
  border: 1px solid #ddd;

  display: table-cell;
  vertical-align: middle;
  height:40px;
}

  
}
.tables_cu tr,td{
background-color: #ffff;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;
 }
.tables_cu tr:nth-child(even){background-color: #faf5df;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;
 }

.tables_cu tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
height:40px;
 border: 1px;


}

.tables_cu th {
 height: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
  height:40px;
}
.tables_cu tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #ff8a00;
  height:40px;
    color:#ffff;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}

.tables_cu::-webkit-scrollbar {

width: 20px;
height: 10px;
background-color: #c7c7c5;

}
.tables_cu::-webkit-scrollbar-track {

background-color: #c7c7c5;

}
.tables_cu::-webkit-scrollbar-thumb {

box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #ff0600;/*red;*/
border-radius: 20px;
max-height: 10px;
}


.tables_unmove {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;

  background-color: #ffff;
    color:#000;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables_unmove td, #customers th {
  border: 1px solid #ddd;

  display: table-cell;
  vertical-align: middle;
  
}

  
}

.tables_unmove tr:nth-child(even){background-color: #ffff;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 1px;
 }

.tables_unmove tr:hover {background-color: #ffff;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 1px;
 height: 20px;

}

.tables_unmove th {
 height: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #ffff;
  color: #000;
}
.tables_unmove tr:hover {
   /*/background-color: #f5f5f5;
  //box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  //background-color: #fbf4e8;
  
   // color:#ff8a00;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
.tables_company-static_unline td, #customers th{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
   color: #000;
    width: auto;
    position: relative;
}

.tables_company-static_unline td, th,tr {
  border: 0px solid #fff;

   width: auto;
}

.tables_company-static_unline tr:nth-child(even){background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 }



.tables_company-static_unline th {
 
  text-align: left;
  background-color: #4fff;
  color: #000;
  
}
.tables_company-static_unline tr:hover {
 background-color: #ffff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fff;
color: #000;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
.popwindows-boxs
{
position:fixed;width:100%;height:100%;right:0;top:0;display:none;z-index:9999
}
.popwindows-boxs #popwindws
{
width:100%;height:100%
}
.box_style {

            border: 1px solid red;
           
            position: relative;
}
.producs-names-parmtrics{
  width:100%;
           border: 1px solid red;
           left:10px;
           background-color: transparent;
           position: relative;
          border:0;
          margin-top: -22px;

}
.bill_top_style {
top: 212px;
            background-color:#fbfafa;

            position: absolute;
            left:3.5%;
            right:5%;
             width: 93%;
            height: 287px;
            border: 1px solid fbfafa;
    
    box-shadow: 0 1px 3px  rgba(1, 1, 1, .4);

        }

.title_bills {

text-align: center;   
position: absolute;
background-color:#fff;
left:1%;
right:1%;
width: 98%;
border: 1px solid fbfafa;
height:40px;
line-height:40px;


/*box-shadow: 0 1px 3px  rgba(1, 1, 1, .4);*/
}
#process_bar
{
  background: lightgreen;
}

 .order-printing-line {


            position:relative;
            background: #fff;
             width: 99.8%;
             left:0.1%;
             right:0.1%;
             top:10px;
            border: 1px solid #fbfafa;
      
    
    
}

 .order-detail-list-pages {

           background-color:#fff;

            position:relative;
            
             width: 100%;
             
            height: auto;
            border: 1px solid fbfafa;
            margin-bottom: 10px;
    

        }
}
.order-detail-midll {

            background-color:#fff;
            width: 95%;
            height: 1800px;
            position:relative;
            left:1.5%;
            right:1.5%;
             width: 97%;
            height: 800px;
            border: 1px solid fbfafa;

        }

    .order-detail-ad-down {

           background-color:#fff;

            position:relative;
            
             width: 100%;
            height: 65%;
            border: 1px solid fbfafa;
            margin-bottom: 10px;
    

        }
.footer-add-drive-model
{
  
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  position:absolute;

}
.order-detail-footer {
       
           background:#fff;

           position: relative;
            
             width: 95%;
             margin-left: 0.0%;
             margin-right: 2.5%;
            height: auto;
            border: 5px solid fbfafa;

    font-size: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    margin-bottom: 10px;
    
    }
.footer{
           
           position: fixed;
            width:100%;
            height: 60px;
            margin: 0 auto;

            margin-bottom: 10px;
            bottom: 0px;
            text-align: center;
    
}


.footer-text-right{
           
            width:100%;
            height: autopx;
          
            text-align: right;
            margin-bottom: 5px;
    
}
.popup {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.4);
}
.popup-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 30%;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.left_style {
top: 30px;
background-color:#fff;
position: relative;
left:5%;
width: 30%;
height: 300px;
border: 1px solid #fff;

}
.left_Below_style {

            background-color:#fff;
            margin-top: 2%;
            position:relative;
            left:5%;
             width: 52%;
            height: 400px;
            border: 0px solid fff;
    
    
    box-shadow: 0 0px 0px  rgba(1, 1, 1, .4);

}
.left_print_top {
top: 10px;
            background-color:#fff;

           
            left:1px;
            width: 20%;
            height: 140px;
            border: 0px solid fff;
             position: absolute;
}
.print_top_milld {
top: 10px;
            background-color:#fff;

             text-align: center;
            left:20%;
            width: 60%;
            height: 140px;
            border: 0px solid fff;
             position: absolute;
}
.right_print_top {
top: 10px;
            background-color:#fff;

            position: absolute;
            right:1%;
            width: 20%;
            height: 140px;
            border: 0px solid fff;
}

.milld_print_content {
top: 170px;
            background-color:#fff;

            position: absolute;
            lelft:-50px;
           
            width: 1123px;
            height:160px;

            border: 0px solid fff;
            font-family:Arial;
            text-align: center;
    
            font-size: 18px;
             
}


        .centers_style {

            width: 25%;
            height: 250px;
            background-color:#fff;

            position: absolute;
     
            left: 32%;

            right: 150px;

            top: 30px;

            bottom: 0px;
             border: 0px solid fff;
    
    
    box-shadow: 0 0px 0px  rgba(1, 1, 1, .4);

        }

  .right_style {

           width:35%;
            height: 400px;
            background-color:#fff;

            position: absolute;
     
            left: 60%;

            right: 2%;

             top: 30px;

            bottom: 0px;
              border: 0px solid fff;
    
    
    box-shadow: 0 0px 0px  rgba(1, 1, 1, .4);

}

.detail_lable .goods-name{
     margin-top: 15%;
     height: 35px;
     line-height:35px;
     left:5%;

     position:relative;
     

}
.detail_lable .goods-brands{
     margin-top: 15%;
     height: 35px;
     line-height:35px;
     left:5%;
     position:relative;
     z-index: 9999999;

}
.detail_lable .goods-stock{
     margin-top: 15%;
     height: 35px;
     line-height:35px;
     left:5%;
     position:relative;
     z-index: 9999999;

}
.detail_lable .goods-prices{
     margin-top: 15%;
     height: 35px;
     line-height:35px;
     left:5%;
     position:relative;
     z-index: 9999999;

}
.bill_cart{
     left:2%;
    right:2%;
    width:96%;
     position:relative;
}
.order-check-bill-out-midll {

            background-color:#fff;

            position:relative;
            left:1.5%;
            right:1.5%;
             width: 97%;
            height: 1000px;
            border: 1px solid fbfafa;

        }
.left_Bill_style {
background:#fff;
           float:left; 
           left:0.8%;
           width:68%;
        position:relative;

        }
.left_Bill_style-title
{

 background:#2644f9;

  color:#fff;
    width:95%;
    height:50px;
    margin-bottom:0.1%;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: relative;
   
}
.right-order-play-bank-close
{

 background:#FFF;
float: right;
  color:red;
    width:10%;
    height:70px;
    margin-bottom:1%;
    line-height: 70px;
    font-size: 20px;
    right: 80%;
    position: relative;
}

.left_order_play_bank-title
{

 background:#FFF;

  color:red;
    width:100%;
    height:50px;
    margin-bottom:0.1%;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: relative;
}
.left_Bill_style-smalltitle
{

background: #f7f7f7;
color:#000000;
left:0%;
    width:100%;
    height:50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;

}
.add-global-left-Bill-style-smalltitle
{

background: #f7f7f7;
color:#000000;
left:0%;
    width:50%;
    height:50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;

}

.right_bill_style {
          background: #fff;
          float:right; 
          right:1%;
          width:30%; 
          height: 280px;
          position:relative;
}
.left-bill-style-stocks {

           float:left; 
           left:1%;
           width:70%;
        position:relative;

        }
.right-bill-style-stocks {

          float:right; 
          right:1%;
          width:40%; 
          position:absolute;

}
.order-detail-ad-foget-down {

          
          height: auto;
          width:100%; 
          position:absolute;

}
.fontstring{
    left:5%;
    font-weight: bold;
}
.tables_right_bill_unline {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
filter: Alpha(Opacity=50);
background-color: #333;
color:#fefefe;
background-color: transparent;    /*设置表格背景为透明*/
border-collapse: collapse;    /*去掉表格边框*/
width: 100%;    /*设置表格宽度为100%*/
margin: 0 auto;   /*居中显示*/
border-spacing: 0
opacity: 0.5;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables_right_bill_unline td, #customers th {
border: 0px solid #ddd;
padding: 1px;
filter: Alpha(Opacity=50);
background-color: transparent;    /*设置表格背景为透明*/
border-collapse: collapse;    /*去掉表格边框*/
width: 100%;    /*设置表格宽度为100%*/
margin: 0 auto;   /*居中显示*/
border-spacing: 0
opacity: 0.5;
}

.tables_right_bill_unline tr:nth-child(even){background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
border: 0px;
filter: Alpha(Opacity=50);
background-color: transparent;    /*设置表格背景为透明*/
border-collapse: collapse;    /*去掉表格边框*/
width: 100%;    /*设置表格宽度为100%*/
margin: 0 auto;   /*居中显示*/
border-spacing: 0
opacity: 0.5;
 }

.tables_right_bill_unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
border: 0px;
filter: Alpha(Opacity=50);
background-color: transparent;    /*设置表格背景为透明*/
border-collapse: collapse;    /*去掉表格边框*/
width: 100%;    /*设置表格宽度为100%*/
margin: 0 auto;   /*居中显示*/
border-spacing: 0
opacity: 0.5;
}

.tables_right_bill_unline th {
filter: Alpha(Opacity=50);
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #4CAF50;
color: white;
opacity: 0.5;
}
tr:hover {
filter: Alpha(Opacity=50);
background-color: #f5f5f5;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
background-color: #fff;
color:#ff8a00;
background-color: transparent;    /*设置表格背景为透明*/
border-collapse: collapse;    /*去掉表格边框*/
width: 100%;    /*设置表格宽度为100%*/
margin: 0 auto;   /*居中显示*/
border-spacing: 0
opacity: 0.5;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
.tables_right_bill_unline.font_colors{
color:#6e6868;
width:100%;
  filter: Alpha(Opacity=50);
  background-color: transparent;    /*设置表格背景为透明*/
border-collapse: collapse;    /*去掉表格边框*/
width: 100%;    /*设置表格宽度为100%*/
margin: 0 auto;   /*居中显示*/
border-spacing: 0
opacity: 0.5;
}



#brand_images{

        width:95%;
        height:auto;
        margin:10px auto;
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        
        background-color:#fff;
    }
    #brand_images>img{
     padding:10px 10px 10px 10px;

    border-width:1 3px 3px 3px;

    border:3px solid #f8f7f5;
 
   
        width:169px;
        height: 59px;
        object-fit: cover;
    }
    #brand_images:after{
        content:'';
        display:block;
        width:10px;
    }


/*弹窗*/
a {
text-decoration: none;
color:#fff;
}
a:hover {
    text-decoration: none;
    color:#fff;
}
a{
color:#fff; /*未访问链接颜色*/
text-decoration:none; /*去掉下划线*/
}
a:visited{
color:#fff; /*已访问链接颜色*/
}
a:hover{
color:#fff; /*鼠标放在链接上的颜色*/
}
a:active{
color:#fff; /*鼠标点击链接的颜色*/
}
ul {
  list-style: none;
}
ul li {
list-style-type: none;
}
li {
 list-style-type: none;
 
 
}
.addpricecolors{
    color: red;
}
.sn-container .menu-hd {
  display: block;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  z-index: 100;
  border: solid #f9f9f9;
  width:auto;
  position: absolute;




}


.retps{
  border-bottom: 1px solid #000;
  color:#ff4e00;
  width:100%;
  margin-bottom:15px;

}
.retps_right{
   top: -247.5px;
   position:relative; 
  left:50%;
  border-bottom: 1px solid #000;
  color:#ff4e00;
  width:50%;
  margin-bottom:15px;
}
table.report { 
    border-collapse:collapse; 
} 

table.report td, table.report th { 
    border:1px solid rgb(150, 150, 150); 
    padding:5px; 
} 

tr.title { 
    border-left: 0px solid; 
    border-right: 0px solid; 
} 

td.normal { 
    min-width: 200px; 
} 

td.extended { 
    min-width: 400px; 
} 

p.center { 
    padding-top: 5px; 
    text-align: center; 
} 

.footerLogin{ 
    
    clear: both;  
    display: block;  
    text-align: center;   
    margin:60 auto;  
    position: absolute;  
    
    width: 100%;
   z-index: 93110;
    /*position: absolute;
    bottom: 0;
    width: 100%;
      text-align: center; 
    height: 50px;/*脚部的高度*/
   /* background: #6cf;
    clear:both;*/

}
.brand_windows{
      width: auto;
      padding:116px 0px 0px 426px;
}
.footeriframe{ 
    
    clear: both;  
    display: block;  
    text-align: center;   
   
    position: absolute;  
    height: 50px;
     line-height:50px;
    background:#faf9f9;
    width: 100%;
   bottom:0px;

}

.flags{
  width:90px;
  padding: 3px;
  top:-1px;
  left: 60%;
  position: relative;
  font-size:16px;

 text-align: center;
 color:#ffff;
 background-color:red;
 
}
.flags_ad{
    position:absolute;
  left: 55%;
  top: 10px;
  font-size:14px;
  width:90px;
  height:30px;
  background:red;
  
 text-align: center;
 line-height:30px;
color:white;
 border-radius: 50px;
 text-transform: capitalize;
  z-index: 1
/*position: absolute;
  right: 10px;
  top: 10px;
  height: 31px;
  background:red;
  color: #ffff;
  font-size: 12px;
  line-height:30px;
 
  border-radius: 0px;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 1;*/





}
.cart_nub{
    position:static;
  top:-50px;
  left: -20%;
  font-size:25px;
  width:auto;
  height:auto;
  /*background:red;*/
  
 text-align: center;
 
color:red;

 text-transform: capitalize;
  z-index: 1
/*position: absolute;
  right: 10px;
  top: 10px;
  height: 31px;
  background:red;
  color: #ffff;
  font-size: 12px;
  line-height:30px;
 
  border-radius: 0px;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 1;*/





}
.tables_card_unline {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;

  background-color: #333;
    color:#fefefe;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables_card_unline td, #customers th {
  border: 0px solid #ddd;
  padding: 1px;
}

.tables_card_unline tr:nth-child(even){background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 }

.tables_card_unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
}

.tables_card_unline th {
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #ffff;
  
    color:#ff8a00;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}

/*.bodybg{

        width: 70%;
        height:800px;
        /*background-image:url(..//img/bg/frm_login.gif);*/
       /* background-position: center center ; 
        background-repeat:no-repeat;

    }*/
.showhidelayer-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 65%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.login-produc-brands{
 /*margin-top: 30%;
 position:relative;
 float: left;
 width: 65%;
 height:auto;
margin: auto;
font-size: 25px;
font:bold;
justify-content: center;
align-items: center;
text-align: center;*/
position: relative;
padding: 10px;
float: left;
margin-top: 70%;
width: 100%;
height: 40px;
background-color: yellow;
font-size: 25px;
font:bold;
justify-content: center;
align-items: center;
text-align: center;
word-break: break-all;
}
.login-produc-name{
 display: flex;
 
 padding: 10px;  
position:relative;
float: left;
margin-top: 85%;
            width: 100%;
            height: auto;
            background-color: yellow;
font-size: 25px;
font:bold;
justify-content: center;
align-items: center;
text-align: center

}
.global-tetail{

    height:70px;
    color:#fff;
    width: auto;
    line-height: 70px;
   
   /*margin-left:2.5%;
    margin-right:2.5%;
    text-align: center;*/
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:red;
   
    text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:40px;
    font-weight:bolder;
}
.showhidelayer-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 35%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.pop-windows-finance-login{
position: fixed;
float: initial;
left: 20%;
right:20%;
top: 0px;
width: 60%;
height: 90%;
margin:2% auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
z-index: 999999;
border-radius: 25px; 
}
.pop-windows-finance-login-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 54%; 
height: 750px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.pop-windows-finance-login-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 41%; 
height: 750px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.login-finance-title-right { 
position: relative;
width: auto;
height:auto;
background: none; 
text-align: center; 
margin: 10px 0;
color: black; /*text transform的话是中文就不需要哦*/ /*text-transform: uppercase;*/ 

font-size: 20px;
}
.user-finance-pic-right{ 
position: relative;
width: auto;
height:auto;
background: none; 
text-align: center; 
margin: 5px 0;
color: black; /*text transform的话是中文就不需要哦*/ /*text-transform: uppercase;*/ 

/* 设置一个元素的背景图片 */
 /* background-image: url('img/bg/frm_login.gif'); /* 替换 'image-path.jpg' 为你的图片路径 */
 /* background-size: cover; /* 背景图片覆盖整个元素 */
 /* background-repeat: no-repeat; /* 背景图片不重复 */
 /* background-position: center; /* 背景图片居中 */
 /* width: 1024; /* 元素宽度 */
  /*height: 768; /* 元素高度 */
  
}
.pop-windows-main-login { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;

right:35%;
left:35%;
border-radius: 20px;
background: #fff; 
width: 30%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.global-bar-bg-gr{
    width: 95%;
    height:auto;
    margin-left:2.5%;
    margin-right:2.5%;
    margin-top: 1%;
    margin-bottom: 1%;
    
    position:relative;
    background:#fff;
    /*box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    border: 5px solid 1px 1px 4px rgb(0 0 0 / 25%);*/
    
}
.global-bar-bg-white{
    width: 95%;
    height:auto;
    margin-left:2.5%;
    margin-right:2.5%;
    margin-top: 1%;
    margin-bottom: 1%;
    
    position:relative;
    background:#fff;
    /*box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    border: 5px solid 1px 1px 4px rgb(0 0 0 / 25%);*/
    
}
.brand-container {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width:95%;
display: flex;
  flex-wrap: wrap;
 justify-content: flex-start; /* 左对齐 */
  align-items: flex-start; /* 垂直顶部对齐，可根据需要调整 */
   /*justify-content: center; /* 水平居中 */
  /*align-items: center; */
margin-right:2.5%;
margin-left:2.5%;
position: relative;
}

.brand-item {
  outline: 0px;
  height: 70px;
   box-shadow: 18px 18px 30px rgba(0,0,0,0.1),
    -18px -18px 30px rgba(255,255,255,255);
  background:#fff;
  margin-left:20px;
  margin-top: 15px;
  margin-bottom: 15px;
  --itemWidth: 160px; /* 和项目宽度一致 */
  width: calc(var(--itemWidth));
  margin-left: calc((100% - Math.floor(100% / 160px) * 160px) / Math.floor(100% / 160px));

}
 .brand-item:hover{

  margin-left:17px;
  margin-top: 12px;
  margin-bottom: 12px;
     box-shadow: 18px 18px 30px rgba(0,0,0,0.1),
    -18px -18px 30px rgba(255,255,255,255);
    /*内嵌投影值*/
    transition: box-shadow .2s ease-out;
    
}

@media screen and (max-width: 900px) {
  brand-item { --n: 2; }
}

@media screen and (max-width: 1200px) and (min-width: 900px) {
  brand-item { --n: 3; }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  brand-item { --n: 4; }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  brand-item { --n: 5; }
}




.Channel-supplier {
  background:#fff;
  display: flex;
  flex-wrap: wrap;
  width:90%;
display: flex;
  flex-wrap: wrap;
 justify-content: flex-start; /* 左对齐 */
  align-items: flex-start; /* 垂直顶部对齐，可根据需要调整 */
margin-right:5%;
margin-left:5%;
  margin-top: 5px;
  margin-bottom: 5px;
position: relative;

}
.Channel-supplier-title {
   position: relative;
   height:50px;
    color:#fff;
    width: 95%;
    margin-top: 15px;
    line-height: 50px;
   margin-left:2.5%;
    margin-right:2.5%;
    
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:#fff;
   
    text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:40px;
    font-weight:bolder; 
}
.Channel-supplier-item {
  outline: 0px;
   width: 16%;
   height: 300px;
  background:#fff;
   box-shadow: 18px 18px 30px rgba(0,0,0,0.1),
    -18px -18px 30px rgba(255,255,255,255);
  border: 1px solid #e5e5e7;
  text-align: center;
  margin-left:2%;
  margin-top: 2.2%;
  margin-bottom: 2%;
  --itemWidth: 18%; /* 和项目宽度一致 */
  width: calc(var(--itemWidth));
  margin-left: calc((95% - Math.floor(95% / 18%) * 18%) / Math.floor(95% / 18%));

}
 .Channel-supplier-item:hover{
    outline: 0px; 
 width: 260PX;
    height: 300PX;
   
     box-shadow: 18px 18px 30px rgba(0,0,0,0.1),
    -18px -18px 30px rgba(255,255,255,255);
    /*内嵌投影值*/
    transition: box-shadow .2s ease-out;
    backdrop-filter: blur(3px); 
    color: #000; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
   
   margin-bottom: 45px;
    
}
.Channel-supplier-item .img{
     width: auto;
    height: auto;
    justify-content: center; /* 水平居中 */
  align-items: center; 
}
.Channel-supplier-item:hover img{
   width: auto;
    height: auto;

    transition: width .2s ease-out;
}

@media screen and (max-width: 900px) {
  Channel-supplier-item { --n: 2; }
}

@media screen and (max-width: 1200px) and (min-width: 900px) {
  Channel-supplier-item { --n: 3; }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  Channel-supplier-item { --n: 4; }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  Channel-supplier-item { --n: 5; }
}


.pcb-elec-fix {
  background:#fff;
  display: flex;
  flex-wrap: wrap;
  width:80%;
display: flex;
  flex-wrap: wrap;
 justify-content: flex-start; /* 左对齐 */
  align-items: flex-start; /* 垂直顶部对齐，可根据需要调整 */
margin-right:10%;
margin-left:10%;
  margin-top: 5px;
  margin-bottom: 5px;
position: relative;

}
.pcb-elec-fix-title {
   position: relative;
   height:50px;
    color:#fff;
    width: 95%;
    margin-top: 15px;
    line-height: 50px;
   margin-left:2.5%;
    margin-right:2.5%;
    
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:#fff;
   
    text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:40px;
    font-weight:bolder; 
}
.pcb-elec-fix-item {
  outline: 0px;
  height: 200px;
  background:#fff;
  
  border: 1px solid #e5e5e7;
  text-align: center;
  margin-left:35px;
  margin-top: 35px;
  margin-bottom: 35px;
  --itemWidth: 270px; /* 和项目宽度一致 */
  width: calc(var(--itemWidth));
  margin-left: calc((100% - Math.floor(100% / 270px) * 270px) / Math.floor(100% / 270px));

}
  
@media screen and (max-width: 900px) {
  pcb-elec-fix-item { --n: 2; }
}

@media screen and (max-width: 1200px) and (min-width: 900px) {
  pcb-elec-fix-item { --n: 3; }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  pcb-elec-fix-item { --n: 4; }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  pcb-elec-fix-item { --n: 5; }
}

.my-btn-box {
    height: 40px;
    width:97%;
    background:#f2f2f2;
    margin-bottom: 10px;
}
#historybox {
   background:#fff;
   width: 45%;
   padding: 10px 10px 50px;
   border: 1px solid red;
   position: absolute;
   top: 18%;
   left: 22%;
   /* 隐藏 */
   display: none;
   
 }
 #historybox h3 {
   background:#fff; 
   margin-bottom: 10px;
 }
 #history_list {
    background:#fff;
   list-style: none;
    
 }
 #history_list .on {
    background:#fff; 
   float: left;
   border: 1px solid #ccc;
   background: #aaa;
   height: 30px;
   line-height: 30px;
   margin: 0 2px;
   border: 1px solid #ccc;
   border-radius: 5px;
 }
 #history_list .active {
 
   color: #fff;
   text-decoration: none;
   padding: 2px;
 }
.bodybg{


width: 60%; /* 根据需要设置宽度 */
height: 750px; 
left:1.5%;
right:1.5%;

                margin: 50px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
                background-size:100% 100% ;
                background-repeat:no-repeat ;
 background-color: #fff; color: black;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
.pop-windows-login{
position: fixed;
float: initial;
left: 22%;
right:22%;
top: 0px;
width: 56%;
height: 83%;
margin: 50px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
z-index: 999999;
border-radius: 25px; 
}
.pop-windows-regsiter{
position:relative;

left: 22%;
right:22%;
top: 0px;
width: 56%;
height: 780px;

                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
z-index: 999999;
border-radius: 25px; 
}
.pop-windows-regsiter-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
position:relative;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 54%; 
height: 750px ;
padding: 20px; 
border-radius: 15px; 
opacity: 100%; 

}
.pop-windows-regsiter-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
position:relative;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 41%; 
height: 750px ;
padding: 20px; 

border-radius: 15px; 
opacity: 100%; 

}

.pop-video-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 100%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 
z-index: 1;

}

.pop-windows-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 54%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.pop-windows-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 41%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.pop-windows-login-slider-bg {
    position: relative;
 height: 550px;
  width: 100%;

  align-items: center !important;
  background-position: center;
  background-size: cover;
  background: #fff;
 /* background-image: url('img/bg/frm_login.gif'); /* 替换 'image-path.jpg' 为你的图片路径 */
 background-size: cover; /* 背景图片覆盖整个元素 */
 background-repeat: no-repeat; /* 背景图片不重复 */
 background-position: center; /* 背景图片居中 */
   
}
.pop-windows-login-produc-brands{
 
position: relative;
margin-top: 90%;

float: left;
width: 100%;
height: 40px;
background-color: none;
font-size: 25px;
font:bold;
justify-content: center;
align-items: center;
text-align: center;
}
.pop-windows-login-produc-goods_name{
 
position: relative;
margin-top: 2%;

float: left;
width: 100%;
height: 40px;
background-color: none;
font-size: 25px;
font:bold;
justify-content: center;
align-items: center;
text-align: center;
}
.pop-windows-bill-paying{
position:relative;

left: 22%;
right:22%;
top: 0px;
width: 56%;
height: 780px;

                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
z-index: 999999;
border-radius: 25px; 
}
.pop-windows--bill-paying-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
position:relative;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 54%; 
height: 750px ;
padding: 20px; 
border-radius: 15px; 
opacity: 100%; 

}
.pop-windows-bill-paying-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
position:relative;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 41%; 
height: 750px ;
padding: 20px; 

border-radius: 15px; 
opacity: 100%; 

}
.pay-bodybg
{
width: 60%; /* 根据需要设置宽度 */
height: 750px; 
left:1.5%;
right:1.5%;
margin: 50px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}
.showhidelayer-pay-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 53%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.showhidelayer-pay-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 42%; 
height: 700px ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.bill-paying-date {
position: relative;


letter-spacing: 0;
font-size: 15px;
color: #000; 
align-items: right;
text-align: right;
}
.bill-paying-nub{
position: relative;


letter-spacing: 0;
font-size: 45px;
color: #000; 
   
    
}
.stock-buiding-bodybg
{
width: 95%; /* 根据需要设置宽度 */
height: 1200px; 
left:1%;
right:1%;
margin: 10px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
position: relative;
}

.stock-buiding-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 43%; 
height: 750px;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.stock-buiding-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 52%; 
height: 750px; ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.person-popwindows-bg{
   
    border: 0px solid #ccc;
    
}
.person-popwindows-bg .row{
    line-height: 34px;
    width: 90%;
    margin: 0 auto;
    padding: 17px 0;
    height: 34px;
    margin-top:20px; 
    margin-bottom:20px;
}

.person-popwindows-bg .row1{
    padding: 20px;
    margin-top: 17px;
}
.person-popwindows-bg .label{
    width: width: 90%;
    text-align: right;
    height: 100%;

}
.person-popwindows-bg input{
    line-height: 32px;
    height: 32px;
    border: 1px solid red;
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: 374px;
    padding-left: 5px;
}
.person-popwindows-bg .input-box{
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: 374px;
    padding-left: 5px;
}
.person-popwindows-bg .input-box label{
    color: #6f6f6f;
    display: table;
    line-height: 22px;
}
.person-popwindows-bg input:focus,.person-popwindows-bg input.on{
    border-color: red;
}
.person-popwindows-bg .peronspwo-box{
    width: 371px;
    height: 100%;
}
.person-popwindows-bg .peronspwo-box .slide-icon{
    background: #858585;
    width: 34px;
    height: 32px;
    top: 0;
    right: 0;
}

.person-popwindows-bg .peronspwo-box .slide{
    width: 100%;
    border: 1px solid #666;

    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.person-popwindows-bg .peronspwo-box .slide.on{
    visibility: visible;
    opacity: 1;
}
.person-popwindows-bg .peronspwo-box .slide .slide-tab{
    line-height: 32px;
    border-bottom: 1px solid #666;
    color: #858585;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row
}
.person-popwindows-bg .peronspwo-box .slide .slide-tab div{
    cursor: pointer;
    flex:1;
    /*width: 131px;*/
}
.person-popwindows-bg .peronspwo-box .slide .slide-tab div.city{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    /*width: 132px;*/
}
.person-popwindows-bg .peronspwo-box .slide .slide-tab .on{
    cursor: default;
    color: #fff;
    background-color: #666;
}
.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list{
    padding: 0 18px;
    line-height: 20px;
    max-height: 225px;
}
.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list a{
    cursor: pointer;
    margin-right: 10px;
    float: left;
}
.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list a:hover,.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list a.on{
    color: #b40f19;
}
.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list .list{
    display: none;
}
.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list .list.on{
    display: block;
}
.person-popwindows-bg .peronspwo-box .slide .person-personpwo-list .list .group{
    border-bottom: 1px solid black;
    padding: 8px 0 7px;
}




.person-popwindows-bg .peronspwo-box .box-item{
    width: 165px;
    margin-left: 17px;
}
.person-popwindows-bg .peronspwo-box .box-item .select-input{
    width: 113px;
    padding-right: 40px;
}
.person-popwindows-bg .peronspwo-box .box-item .input-btn{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #b40f19;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.person-popwindows-bg .peronspwo-box .box-item .input-btn::before{
    content:'V';
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.15s;
       -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
         -o-transition: all 0.15s;
            transition: all 0.15s;
}
.person-popwindows-bg .peronspwo-box .box-item .input-btn.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.person-popwindows-bg .peronspwo-box .box-item .select-list{
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
    line-height: 25px;
    font-size: 14px;
    max-height: 215px;
    overflow-y: auto;
    display: none;
}
.person-popwindows-bg .peronspwo-box .box-item .select-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.person-popwindows-bg .peronspwo-box .box-item .select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.person-popwindows-bg .peronspwo-box .box-item .select-list a{
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.person-popwindows-bg .peronspwo-box .box-item .select-list a:hover{
    color: #b40f19;
}
.person-popwindows-bg .save-btn{
    width: 396px;
    line-height: 34px;
    border: none;
    background-color: #b40f19;
    color: #fff;
    text-align: center;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.person-popwindows-bg .save-btn:hover{
    opacity: 0.8;
}

.person-popwindows-bg .roll-arro-icon{
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.person-popwindows-bg .roll-arro-icon::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../img/icon/icon-slide.png') no-repeat 50% 50%;
    -webkit-background-size: 60% auto;
    background-size: 60% auto;
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
}
.person-popwindows-bg .roll-arro-icon.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.person-popwindow-bodybg{
winth: 100%;
height:349px;
position:absolute;
float:left;
margin-left: 14%;
margin-top:-5%;
z-index: 99999;
padding: 20px;
background: #fff;
text-align: center;
display: none;


}
.person-pop-edit-aar
{
width: 100%; /* 根据需要设置宽度 */
height: 620px; 
left:1.5%;
right:1.5%;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
ackground-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-bottom: 2.5%;
position: relative;
z-index: 99999;
}
.close-person-btn 
{ 
top:10px;
right: 9%; 
position: absolute; 
color: black; 
font-size: 18px; 
cursor: pointer; 

background:none;
transition: 0.2s; 
} 
.close-person-btn:hover { 
color: red; 
} 
.address-bodybg
{
width: 80%; /* 根据需要设置宽度 */
height: 820px; 
left:1.5%;
right:1.5%;
margin: 50px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
position: relative;
}
.updown-put-files-bodybg
{
width: 85%; /* 根据需要设置宽度 */
height: 620px; 
left:1.5%;
right:1.5%;
margin: 0 auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
position: relative;
}
.showhidelayer-address-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 43%; 
height: 750px;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.showhidelayer-address-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 52%; 
height: 750px; ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}

.slider-pay-bg {
 height: 400px;
  width: 100%;
  display: flex !important;
  align-items: center !important;
  background-position: center;
  background-size: cover;
  background: #fff;
 /* background-image: url('img/bg/frm_login.gif'); /* 替换 'image-path.jpg' 为你的图片路径 */
 background-size: cover; /* 背景图片覆盖整个元素 */
 background-repeat: no-repeat; /* 背景图片不重复 */
 background-position: center; /* 背景图片居中 */
   
}
.slider-check-out-bg {
  height: 400px;
  width: 100%;
  display: flex !important;
  align-items: center !important;
  background-position: center;
  background-size: cover;
  background: #fff;
 /* background-image: url('img/bg/frm_login.gif'); /* 替换 'image-path.jpg' 为你的图片路径 */
 background-size: cover; /* 背景图片覆盖整个元素 */
 background-repeat: no-repeat; /* 背景图片不重复 */
 background-position: center; /* 背景图片居中 */
 position: relative;
   
}
.login-main{
width: 80%; /* 根据需要设置宽度 */
height: 900px; 
left:1.5%;
right:1.5%;
margin: 50px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}
.login-main-title
{

 background:none;

  color:#000;
    width:100%;
    height:50px;
    margin-bottom:0.1%;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: relative;
}
.login-main-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 40%; 
height: 820px;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.login-main-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 40%; 
height: 820px; ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}

.order-bill-check-out{
width: 87%; /* 根据需要设置宽度 */
height: 1100px; 
left:1.5%;
right:1.5%;
margin: 0px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}
.order-bill-check-out-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 62%; 
height: 1020px;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.order-bill-check-out-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 34%; 
height: 1020px; ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}

.order-play-bank-bg{
width: 67%; /* 根据需要设置宽度 */
height: 900px; 
left:1.5%;
right:1.5%;
margin: 50px auto;
                /*border: 1px dashed #000;*/
                /*background-image:url(../img/bg/frm_login.gif);*/
background-size:100% 100% ;
background-repeat:no-repeat ;
background-color: #fff; color: black;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}
.order-play-bank-bg-left { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:left;
left:2%;
border-radius: 20px;
background: #fff; 
width: 50%; 
height: 820px;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.order-play-bank-bg-right { 
background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
margin-top: 2%;
margin-bottom: 2.5%;
float:right;
right:2%;
border-radius: 20px;
background: #fff; 
width: 46%; 
height: 820px; ;
padding: 20px; 
position:relative;
border-radius: 15px; 
opacity: 100%; 

}
.backfplatform-table{
position: relative;
height:auto;
margin-right: 2%;
margin-left: 2%;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
        }
.backfplatform{
position: relative;
height:auto;
margin-right: 5%;
margin-left: 5%;
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
        }

.onlybloc{
float:left;
position:relative;
height:70px;
width: calc(calc(100% / 2) -5px);
height:70px;
width:70px;
margin-top: 1px;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 1px;
text-align: center;
border: 0px solid black;


        }
 .outer{
  float:left;
  position:relative;
  margin-top: 10px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 10px;
  text-align: center;
  width:70px;  
  height:70px;
  border: 1px solid black;

}
.outer:hover
{
background-color:white;
border: 1px solid red;
color: red;
box-shadow: 0 0 5px lightblue;
}
.img-login-main{
float: left;
 width: 100%;
  height: 100%;
  overflow: hidden; /* 隐藏超出容器部分的内容 */
  display: flex; /* 使用flex布局使图片居中 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
   
}

.img-bg-order{
float: left;
position: relative;
width: 70px; /* 图片宽度 */
     height: 70px; /* 根据需要设置高度 */
  
    padding: 16px;
   
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 可选，水平居中 */
   
    place-items: center; /* 同时水平和垂直居中 */
   
}
.parent-info{
position: relative;

left: 50%;
}
.brand{
height: 20px;
position: relative;

left: -50%;
width:70px;    
font-size: 14px;
text-align: center;
vertical-align: middle;
z-index: 1;
}
.producns{
position: relative;
height: 20px;
width:70px;  
left: -50%;  
text-align: center;
ont-size: 14px;
z-index: 99999;
text-align: center;
vertical-align: middle;
}


.main {
    padding-bottom: 50px;
}
.member_left_nav_wrap {
    width: 310px;
}
.member_left_nav_wrap .member_left_nav_list {
    width: 240px;
    margin: 0 25px 0 auto;
    font-size: 20px;
    color: #7c7c7c;
}
.member_left_nav_wrap .member_left_nav_list li {
    border-bottom: 1px dashed #e4e4e4;
    padding: 20px 0;
}
.member_left_nav_wrap .member_left_nav_list li a {
    display: block;
    line-height: 50px;
    position: relative;
}
.member_left_nav_wrap .member_left_nav_list li a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 6px;
    margin-right: 25px;
    -webkit-transition: all .15s ease 0s;
    -moz-transition: all .15s ease 0s;
    -ms-transition: all .15s ease 0s;
    -o-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
}
.member_left_nav_wrap .member_left_nav_list li a.on,
.member_left_nav_wrap .member_left_nav_list li a:hover {
    color: #bb0511;
}
.member_left_nav_wrap .member_left_nav_list li a.on::before,
.member_left_nav_wrap .member_left_nav_list li a:hover::before {
    background-color: #bb0511;
}
.page-main{
    width: 1250px;
    padding-left: 30px;
    min-height: 820px;
    float: left;
    border-left: 10px solid #f1f0ee;
    color: #7c7c7c;
}
.page-main table,.page-main input,.page-main textarea{
    color: #7c7c7c;
    padding-left: 4px;
}

/* 媒体查询 */
@media (max-width:1630px) {
    .cb-header .header-fixed .header-center .logo{
        margin-left: 20px;
    }
    .cb-header .header-fixed .header-center .header-nav{
        margin-right: 20px;
    }
    .member_left_nav_wrap {
        width: 200px;
    }
    .member_left_nav_wrap .member_left_nav_list {
        width: 180px;
        margin: 0 15px 0 auto;
        font-size: 16px;
    }
    .member_left_nav_wrap .member_left_nav_list li {
        padding: 15px 0;
    }
    .member_left_nav_wrap .member_left_nav_list li a {
        line-height: 38px;
    }
    .member_left_nav_wrap .member_left_nav_list li a::before {
        width: 4px;
        margin-right: -2px;
    }
    .page-main{
        width: 1100px;
        padding-left: 22px;
        min-height: 620px;
        border-left: 8px solid #f1f0ee;
    }
}
/*.HQBtitle {
    font-size:3.5rem;
    line-height:3.5rem;
    font-family: "lato", sans-serif;
    font-weight:900;
    text-align: center;
   margin: -12% 1% 1% 48%;
   position: absolute;
    color: #fff;
    
    text-shadow: 2px 2px rgba(223, 25, 15, 0.5),
     1px 1px rgba(329, 28, 18, 0.51), 
     2px 2px rgba(235, 31, 20, 0.52)
}*/
 .HQBtitle {

    float:left;
position:relative;
margin-top: 31%;
left:49.5%;

    font-size:3.5rem;
    line-height:3.5rem;
    font-family: "lato", sans-serif;
    font-weight:900;

  
    color: #fff;
    
    text-shadow: 2px 2px rgba(223, 25, 15, 0.5),
     1px 1px rgba(329, 28, 18, 0.51), 
     2px 2px rgba(235, 31, 20, 0.52)
}

.Boxlogi_mobile_number{
float:left;
position:relative;
margin-top: 41%;
left:49.5%;
}
.Boxlogi_passwor{
float:left;
position:relative;
margin-top: 45%;
left:20%;
}

 .btnlogin{
float:left;
position:relative;
margin-top: 45%;
left:40%;
}
.login-reg-img{
margin-top:-8px;
width:40px;
height:42px;
line-height:50px;
position:relative;
margin-right: 5px;

}

.login-img{
margin-top:-8px;
width:40px;
height:42px;
line-height:50px;
position:relative;
margin-right: 5px;

}
.login-img-label{
width: auto;
position:relative;
margin-right: 5px;

}
.Boxlogint{
    width:auto;
    height:auto;

    position: relative;
}
.Boxloginthr{
    margin: 10px 0 0 18%;
    position: relative;
}




.inputlogin{width: 30%;height: 30px;
                 font-size: 16px;
                 padding: 3px 0 3px 30px;
            }
           

.inputlogin.textarea{width:  30%;height: 80px;}
.inputlogin,textarea{
                -webkit-transition: all 0.30s ease-in-out;
                -moz-transition: all 0.30s ease-in-out;
                -ms-transition: all 0.30s ease-in-out;
                -o-transition: all 0.30s ease-in-out;

                outline: none;
                padding: 3px 0 3px 3px;
                margin: 5px 1px 3px 0;
                border: #ddd 1px solid;
            }
.inputlogin:focus,textarea:focus{
                box-shadow: 0 0 5px rgba(216,76,41,1);
                padding: 3px 0 3px 3px;
                margin: 5px 1px 3px 0;
                border: rgba(216,76,41,1) 1px solid;
            }
.inputlogin{width: 30%;height: 30px;
                 font-size: 16px;
            }

.sn-container .menu-bd {
  visibility: hidden;
  position: absolute;
  background: #fff;
  z-index: 93110;
  border: solid #eee;
  border-width: 0 1px 1px;


 
}
/**/
.sn-container .menu-bd a {
   background: #fff;
  color: #666;
}

/**/
.sn-container .sn-menu {
 

  width: auto;


  

}

.sn-container .sn-quick-menu .hover .menu-bd, .sn-container .sn-menu:hover .menu-bd {
  display: block;
   background: #fff;
  visibility: visible;
}


/*--------------------------------------------------------------------------------------*/

.myrecoder .myrecoder-menu-bd {
  visibility: hidden;
  position: absolute;
  background: #fff;
  z-index: 93110;
  
  border: 1px solid #eee;



 
}
/**/
.myrecoder .myrecoder-menu-bd a {
   background: #fff;
   padding: 10px,0;
  color: #666;
}

/**/
.myrecoder .myrecoder-menu {
 width: auto;/* Width is top menu width */
 
}

.myrecoder .hover .myrecoder-menu-bd, .myrecoder .myrecoder-menu:hover .myrecoder-menu-bd {
  display: block;
  background: #fff;
  visibility: visible;
}



.myrecoder-menu-item{
 display:block;
 width:300px;
 padding:0px 0px;
 clear:both;
 margin-top: -5px;
 color:#212529;
 text-align:inherit;
 white-space:nowrap;
 background-color:transparent;
 
 }
 .myrecoder-menu-item:focus,.myrecoder-menu-item:hover{
 color:#16181b;
 text-decoration:none;
 background-color:#f8f9fa
 }
 .myrecoder-menu-item.active,.myrecoder-menu-item:active{
 color:#fff;
 text-decoration:none;
 background-color:#007bff
 }
 .myrecoder-menu-item.disabled,.myrecoder-menu-item:disabled{
 color:#6c757d;
 pointer-events:none;
 background-color:transparent
 }
 .myrecoder-menu-item.show{
 display:block
 }
 

/*=====================================*/


/*-------------------------------------*/


.tables-cu-unline {

  font-family: Arial, Helvetica, sans-serif;
  border:0;
  width: auto;

  background-color: #fff;
    color:#454141;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables-cu-unline td, #customers th {
  border: 1px solid #ddd;
  padding: 1px;
  height: 40px;
}

.tables-cu-unline tr:nth-child(even)
{
    background-color: #f2f2f2;
   box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
   border: 1px;
   border-radius: 20px;
 }

.tables-cu-unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 1px;
 height: 20px;

}

.tables-cu-unline th {
  height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.tables-cu-unline tr:hover {
 background-color: #c2bebe;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fff;
  
    color:#ff8a00;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}

.red-color{
    width: 200px;
    height: 50px;
    position:absolute;
     text-align: right;
    line-height:50px;
    background:#f87806;
    color: #ffff;
    margin: auto auto;
    display: block;
    font-weight: 500;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 18px;
    text-transform: uppercase;
    border-radius: 20px;
    letter-spacing: 0px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.red-color:hover,
.red-color.yellow-btn:hover {
  background: #dd2910;
  border-radius: 20px;
  color: #fff;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}

.checkout-link a:link{
    color: #ffff;
    display: block;
    font-weight: 500;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.checkout-link a.red-color {
   border-radius:30px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .7);
  background: #f9370a;
  color: #fff;
}
.checkout-link a.red-color{

    color: #fff;
}
.checkout-link a.red-color:link{
    color:#fff;
} 
.checkout-link a.red-color:hover {
  background: #fc761b;
  color: #fff;
}
.checkout-link a.red-color > .active {
  color: #fff;

}



.menu-pop-windows_right{
    top:9.5%;
   
    position:fixed;
    z-index: 99999;

   }
.menu-pop-windows .menu-pop-list-child {
  visibility: hidden;
  position: fixed;
  background: fdfdfd;
  z-index: 93110;
  border: solid #eee;
  border-width: 0 1px 1px;


 
}
/**/
.menu-pop-windows .menu-pop-list-child a {

   background: fff;
  color: #666;
}

/**/
.menu-pop-windows .menu-pop {
 


  z-index: 9999999;
background: fff;
 position: absolute;


  

}

.menu-pop-windows .ssn-quick-menu .hover .menu-pop-list-child:hover .menu-pop-list-child, .menu-pop-windows .menu-pop:hover .menu-pop-list-child {
  display: block;
  
   background: #fdfdfd;
  z-index: 9999999;
 position: absolute;
 border: rgba(1,1,1,0) 10px solid;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  visibility: visible;
}

.menu-pop-list-child
{


  background: #fdfdfd;
  left:-210px;
  height: 630px;
  width:400px;
  z-index: 9999999;
 position: relative;
 border: rgba(1,1,1,0) 10px solid;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.menu-pop-windows-pay-button  {
  display: flex;
  align-items: center;
}
.menu-pop-windows-pay-button{
    display: flex;
    align-items: center;
}
.menu-pop-windows-pay-button  {
  display: block;
  position: relative;
  font-size: 12px;
  color: #656565;
  padding-right: 5px;
  margin-right: 5px;
}

.menu-pop-windows-pay-button .dropdown button {
  border: none;
  background: transparent;
  font-size: 12px;
  color: #656565;
 
  padding: 0 0 0 2px;
}
.menu-pop-windows-pay-button .dropdown .dropdown-item {
  color: #6f6f6f;
  font-size: 12px;
}
.menu-pop-windows-pay-button .dropdown img {
  margin-right: 2px;
}





.tables_price-static_unline {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
   color: #000;
    width: 100%;
}

/*.tables_price-static_unline td, th,tr {
  border: 0px solid #ddd;
 
   width: 100%;
}*/
/*
.tables_price-static_unline tr:nth-child(even){background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 }

.tables_price-static_unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
}

.tables_price-static_unline th {
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: #000;
  
}
.tables_price-static_unlinetr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fff;

    color: #000;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);

}*/


.tables_cu_unline {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;

  background-color: #fff;
   color: #000;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables_cu_unline td, #customers th {
  border: 0px solid #ddd;
  padding: 1px;
}

.tables_cu_unline tr:nth-child(even){background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 }

.tables_cu_unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
}

.tables_cu_unline th {
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: #000;
}
tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fff;
  
    color: #000;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
.colors-button-paramenter{
  padding:10px 0;
    margin-bottom:20px;
    margin-top:10px;
    border:#c0c0c0 1px dashed;
    font-size:12px;
    width:350px;
    text-align:center
    border-radius: 20px;  
}
.colors-button-paramenter:hover {

 background-image:url(data:image/png;
 base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.colors-button-paramenter > .active {
   background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.colors-button-paramenter .Redbutton{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
    background-color:#e33100
    border-radius: 20px;
}

.colors_parameter
{
    padding:10px 0;
    margin-bottom:20px;
    margin-top:10px;
    border:#c0c0c0 1px dashed;
    font-size:12px;
    width:350px;
    text-align:center
    border-radius: 20px;
}
.colors_parameter a
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.colors_parameter a:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.colors_parameter .colors_parameter_digg
{
    background-color:#2daebf
    border-radius: 20px;
}
.colors_parameter .colors_parameter_follow
{
    background-color:#e33100
    border-radius: 20px;
}
.colors_parameter .colors_parameter_favorite
{
    background-color:#ffb515
    border-radius: 20px;
}
.colors_parameter .colors_parameter_contact
{
    background-color:#eee;
    color:#555;
    display:none
    border-radius: 20px;
}
.colors_parameter .colors_parameter_weibo img
{
    vertical-align:middle;
    border:none;
    margin-left:5px;
    box-shadow:none
    border-radius: 20px;
}
.colors_parameter .colors_parameter_weibo
{
    background:none;
    padding:3px 2px;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none
    border-radius: 20px;
}
.colors_parameter .colors_parameter_wechat
{
    background-color:#4eab57
    border-radius: 20px;
}
.colors_parameter {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 12px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
}

a.colors_parameter_digg,a.colors_parameter_follow,a.colors_parameter_favorite,a.colors_parameter_weibo,a.colors_parameter_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;

    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;
    margin-top: 10px;
    border-radius: 20px;
}

a.colors_parameter_digg:hover,a.colors_parameter_follow:hover,a.colors_parameter_favorite:hover,a.colors_parameter_weibo:hover,a.colors_parameter_wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

a.colors_parameter_digg:active,a.colors_parameter_follow:active,a.colors_parameter_favorite:active,a.colors_parameter_weibo:active,a.colors_parameter_wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

a.colors_parameter_digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

a.colors_parameter_follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.colors_parameter_favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.colors_parameter_weibo {
    padding: 3px 8px !important;
    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

a.colors_parameter_wechat {
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: 120px;
    border-radius: 20px;
}
/*------------------------------------------------------------------*/
.colors-bd-web-auto
{
    padding:5px 0;
    margin-bottom:5px;
    margin-top:5px;
    border:0;
    width:auto;
    text-align:center;
    border-radius: 10px;
}
.colors-bd-web-auto a
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle;
     border-radius: 10px;
}
.colors-bd-web-auto a:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

    color:#fff;
}
.colors-bd-web-auto .colors-bd-web-auto-digg
{
    background-color:#2daebf;
    border-radius: 10px;
}
.colors-bd-web-auto .colors-bd-web-auto-follow
{
    background-color:#e33100;
    border-radius: 10px;
}
.colors-bd-web-auto .colors-bd-web-auto-avorite
{
    background-color:#ffb515;
    border-radius: 10px;
}
.colors-bd-web-auto .colors-bd-web-auto-contact
{
    background-color:#eee;
    color:#555;
    display:none;
    border-radius: 10px;
}
.colors-bd-web-auto .colors-bd-web-auto-weibo img
{
    vertical-align:middle;
    border:none;
    margin-left:5px;
    box-shadow:none;
    border-radius: 10px;
}
.colors-bd-web-auto .colors-bd-web-auto-weibo
{
    background:none;
    padding:3px 2px;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none;
    border-radius: 10px;
}
.colors-bd-web-auto .colors-bd-web-auto-wechat
{
    background-color:#4eab57;
    border-radius: 10px;
}
.colors-bd-web-auto {
    padding: 5px 0 5px 0;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
}

a.colors-bd-web-auto-digg,a.colors-bd-web-auto-follow,a.colors-bd-web-auto-favorite,a.colors-bd-web-auto-weibo,a.colors-bd-web-auto-wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: auto;

    display: inline-block;
    line-height: auto;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;
    margin-top: 5px;
    border-radius: 10px;
}

a.colors-bd-web-auto-digg:hover,a.colors-bd-web-auto-follow:hover,a.colors-bd-web-auto-favorite:hover,a.colors-bd-web-auto-weibo:hover,a.colors-bd-web-auto-wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 10px;
}

a.colors_parameter_digg:active,a.colors-bd-web-auto-follow:active,a.colors-bd-web-auto-favorite:active,a.colors-bd-web-auto-weibo:active,a.colors-bd-web-auto-wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius:10px;
}

a.colors-bd-web-auto-digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius:10px;
}

a.colors-bd-web-auto-follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 5px;
    border-radius: 10px;
}

a.colors-bd-web-auto-favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 5px;
    border-radius: 10px;
}

a.colors-bd-web-auto-weibo {
    padding: 3px 8px !important;
    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 5px;
    width: auto;
    border-radius:10px;
}

a.colors-bd-web-auto-wechat {
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 5px;
    width: auto;
    color:#fff;
    border-radius: 10px;
}
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
.popbut-parameter
{
    padding:10px 0;
    margin-bottom:20px;
    margin-top:10px;
    /*border:#c0c0c0 1px dashed;*/
    width:350px;
    text-align:center
    border-radius: 20px;
    background:none;
}
.popbut-parameter a
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.popbut-parameter a:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.popbut-parameter .popbut-parameter_digg
{
    background-color:#2daebf
    border-radius: 20px;
}
.popbut-parameter .popbut-parameter_follow
{
    background-color:#e33100
    border-radius: 20px;
}
.popbut-parameter .popbut-parameter_favorite
{
    background-color:#ffb515
    border-radius: 20px;
}
.popbut-parameter .popbut-parameter_contact
{
    background-color:#eee;
    color:#555;
    display:none
    border-radius: 20px;
}
.popbut-parameter .popbut-parameter_weibo img
{
    vertical-align:middle;
    border:none;
    margin-left:5px;
    box-shadow:none
    border-radius: 20px;
}
.popbut-parameter .popbut-parameter_weibo
{
    background:none;
    padding:3px 2px;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none
    border-radius: 20px;
}
.popbut-parameter .popbut-parameter_wechat
{
    background-color:#4eab57
    border-radius: 20px;
}
.popbut-parameter {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 12px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
}

a.popbut-parameter_digg,a.popbut-parameter_follow,a.popbut-parameter_favorite,a.popbut-parameter_weibo,a.popbut-parameter_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;

    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;
    margin-top: 10px;
    border-radius: 20px;
}

a.popbut-parameter_digg:hover,a.popbut-parameter_follow:hover,a.popbut-parameter_favorite:hover,a.popbut-parameter_weibo:hover,a.popbut-parameter_wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

a.popbut-parameter_digg:active,a.popbut-parameter_follow:active,a.popbut-parameter_favorite:active,a.popbut-parameter_weibo:active,a.popbut-parameter_wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

a.popbut-parameter_digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

a.popbut-parameter_follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.popbut-parameter_favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.popbut-parameter_weibo {
    padding: 3px 8px !important;
    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

a.popbut-parameter_wechat {
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: 120px;
    border-radius: 20px;
}
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
.my-but-control-parameter
{
    padding:10px 0;
    margin-bottom:20px;
    margin-top:10px;
    /*border:#c0c0c0 1px dashed;*/
    font-size:12px;
    width:350px;
    text-align:center
    border-radius: 20px;
}

.my-but-control-parameter a
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.my-but-control-parameter a:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.my-but-control-parameter .my-but-control-parameter_digg
{
    background-color:#2daebf
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_follow
{
    background-color:#e33100
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_favorite
{
    background-color:#ffb515
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_contact
{
    background-color:#eee;
    color:#555;
    display:none
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_weibo img
{
    vertical-align:middle;
    border:none;
    margin-left:5px;
    box-shadow:none
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_weibo
{
    background:none;
    padding:3px 2px;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_wechat
{
    background-color:#4eab57
    border-radius: 20px;
}
.my-but-control-parameter {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 12px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
}

a.my-but-control-parameter_digg,a.my-but-control-parameter_follow,a.my-but-control-parameter_favorite,a.my-but-control-parameter_weibo,a.my-but-control-parameter_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;

    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;
    margin-top: 10px;
    border-radius: 20px;
}

a.my-but-control-parameter_digg:hover,a.my-but-control-parameter_follow:hover,a.my-but-control-parameter_favorite:hover,a.my-but-control-parameter_weibo:hover,a.my-but-control-parameter_wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

a.my-but-control-parameter_digg:active,a.my-but-control-parameter_follow:active,a.my-but-control-parameter_favorite:active,a.my-but-control-parameter_weibo:active,a.my-but-control-parameter_wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

a.my-but-control-parameter_digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

a.my-but-control-parameter_follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.my-but-control-parameter_favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.my-but-control-parameter_weibo {
    padding: 3px 8px !important;
    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

a.my-but-control-parameter_wechat {
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: 120px;
    border-radius: 20px;
}
/*------------------------------------------------------------------*/
.my-but-control-parameter
{
    padding:10px 0;
    margin-bottom:20px;
    margin-top:10px;
    /*border:#c0c0c0 1px dashed;*/
    font-size:12px;
    width:350px;
    text-align:center
    border-radius: 20px;
}

.my-but-control-parameter a
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.my-but-control-parameter a:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.my-but-control-parameter .my-but-control-parameter_digg
{
    background-color:#2daebf
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_follow
{
    background-color:#e33100
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_favorite
{
    background-color:#ffb515
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_contact
{
    background-color:#eee;
    color:#555;
    display:none
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_weibo img
{
    vertical-align:middle;
    border:none;
    margin-left:5px;
    box-shadow:none
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_weibo
{
    background:none;
    padding:3px 2px;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none
    border-radius: 20px;
}
.my-but-control-parameter .my-but-control-parameter_wechat
{
    background-color:#4eab57
    border-radius: 20px;
}
.my-but-control-parameter {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 12px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
}

a.my-but-control-parameter_digg,a.my-but-control-parameter_follow,a.my-but-control-parameter_favorite,a.my-but-control-parameter_weibo,a.my-but-control-parameter_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;

    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;
    margin-top: 10px;
    border-radius: 20px;
}

a.my-but-control-parameter_digg:hover,a.my-but-control-parameter_follow:hover,a.my-but-control-parameter_favorite:hover,a.my-but-control-parameter_weibo:hover,a.my-but-control-parameter_wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

a.my-but-control-parameter_digg:active,a.my-but-control-parameter_follow:active,a.my-but-control-parameter_favorite:active,a.my-but-control-parameter_weibo:active,a.my-but-control-parameter_wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

a.my-but-control-parameter_digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

a.my-but-control-parameter_follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.my-but-control-parameter_favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

a.my-but-control-parameter_weibo {
    padding: 3px 8px !important;
    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

a.my-but-control-parameter_wechat {
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: 120px;
    border-radius: 20px;
}



/*------------------------------------------------------------------*/
.box-threed-search-list 
 { 
    
  
    
    width:95%; 
    margin-left: 2.5%;
    margin-right:2.5%;
     
    height:auto;
    position:relative;
   padding:25px 25px;
    border-radius: 5px; 
     
    /*justify-content: center; 
    align-items: center;
     margin:0 auto;
      display: flex; */ 
    
    backdrop-filter: blur(3px); 
    color: #fff; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
   
   margin-bottom: 15px;
   z-index: 9999999;
}
.tb-list-order{
  margin-left: 1%;
  margin-right: 2%;
  position: relative;
  height: auto;

}
.tb-threed-search-unline {

  font-family: Arial, Helvetica, sans-serif;
  border:1;
  width: 100%;
padding:25px 25px;
background-color: #edf9e9;
    color:#454141;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tb-threed-search-unline td, #customers th {
  border: 1px solid #ddd;
  padding: 1px;
  height: 40px;
}

.tb-threed-search-unline tr:nth-child(even)
{
    background-color: #fff;
   box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
   border: 1px;
   border-radius: 20px;
 }

.tb-threed-search-unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 1px;
 height: 20px;

}

.tb-threed-search-unline th {
  height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.tb-threed-search-unline tr:hover {

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fbe9dd;
  
    color:#fff;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
/*------------------------------------------------------------------*/
.order-table-unline {

  font-family: Arial, Helvetica, sans-serif;
  border:0;
  width: 100%;
padding:25px 25px;
background-color: #edf9e9;
    color:#454141;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.order-table-unline td, #customers th {
  border: 0px;
  height: 40px;
}

.order-table-unline tr:nth-child(even)
{
    background-color: #fff;
   box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
   border: 0px;
   border-radius: 20px;
 }

.order-table-unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 height: 20px;

}

.order-table-unline th {
  height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.order-table-unline tr:hover {

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fbe9dd;
  
    color:#fff;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
/*------------------------------------------------------------------*/
.box-my-cart-list 
 { 
    
  
    
    width:95%; 
    left: 2.5%;
    right: 2.5%;
     
    height:auto;
    position:relative;
   padding:5px 5px;
    border-radius: 5px; 
     
    /*justify-content: center; 
    align-items: center;
     margin:0 auto;
      display: flex; */ 
    
    backdrop-filter: blur(3px); 
    color: #fff; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
   
   margin-bottom: 15px;
}
.tables-cart-cu-unline {

  font-family: Arial, Helvetica, sans-serif;
  border:0;
  width: 99%;
  margin-left:0.5%;
  margin-right:0.5%;

  background-color: #fff;
    color:#454141;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}

.tables-cart-cu-unline td, #customers th {
  border: 1px solid #ddd;
  padding: 1px;
  height: 40px;
}

.tables-cart-cu-unline tr:nth-child(even)
{
    background-color: #f2f2f2;
   box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
   border: 1px;
   border-radius: 20px;
 }

.tables-cart-cu-unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 1px;
 height: 20px;

}

.tables-cart-cu-unline th {
  height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.tables-cart-cu-unline tr:hover {
 background-color: #c2bebe;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fff;
  
    color:#ff8a00;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

}
.general-threed-background {

  width:95%; 
    left: 2.5%;
    right: 2.5%;
     
    
    position:relative;
   padding:5px 5px;
    border-radius: 5px; 
     
    /*justify-content: center; 
    align-items: center;
     margin:0 auto;
      display: flex; */ 
    
    backdrop-filter: blur(3px); 
    color: #000; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
   
   margin-bottom: 45px;
}

.tables-order-check-bill-out-unline {

  margin-top:2%;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 95%;
  position: relative;
  border-radius: 25px; 
  background-color: #fff;
   color: #000;
  border: 1px solid #ff8a00;

   
  
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}
.tables-cart-unline {

  margin-top:2%;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 95%;
  position: relative;
  border-radius: 25px; 
  background-color: #fff;
   color: #000;
  
   
  
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
}
.hq-ad-my-cart-list-top{
    
    width:100%;
    height: auto;
 align-items: center !important;
  background-repeat: no-repeat;
  background-size: cover;
  /*display: flex !important;
  align-items: center !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;*/


}
.hq-ad-my-cart-list-top-img img {
position:relative;
 width:90%;
 height:auto;
margin: auto;
justify-content: center;
align-items: center;
text-align: center;

}
/*.tables-cart-unline td, #customers th {
  border: 0px solid #ddd;
  padding: 1px;
}

.tables-cart-unline tr:nth-child(even){background-color: #f2f2f2;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
 }*/

/*.tables-cart-unline tr:hover {background-color: #faf0e3;
box-shadow: 1 1px 3px  rgba(1, 1, 1, .4);
 border: 0px;
}*/

.tables-cart-unline th {
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background-color: #4CAF50;
  color: #000;
}
/*tr:hover {
 background-color: #f5f5f5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
  background-color: #fff;
  
    color: #000;
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/

/*}*/
/*
.tables_card_list {            
           
width: 100px;        
        /* 滚动条宽度 */        
/*-webkit-scrollbar            
width: 8px;            
background-color: transparent;  
border-spacing: 0px;            
border-collapse: collapse;  
line-height: 40px;        
-webkit-scrollbar-thumb            
background-color: #b7b8b2;        
}     
       
.tables_card_list th, td 
{            
height: 40px;            
text-align: center;            
border: 1px solid gray;
word-break:break-all; 
width: 80px;   
}         
.tables_card_list thead 
{            
color: white;            
background-color: #38F;        
}         
.tables_card_list tbody {            
display: block;                    
height: 400px;            
overflow-y: auto;            
-webkit-overflow-scrolling: touch;        
}         
.tables_card_list tfoot 
{            
background-color: #71ea71;        
}         
.tables_card_list thead tr, tbody tr,tfoot tr 
{            
box-sizing: border-box;            
table-layout: fixed;            
display: table;  
word-break:break-all;          
       
}         
.tables_card_list. tbody tr:nth-of-type(odd) 
{            
background: #EEE;        
}         
.tables_card_list tbody tr:nth-of-type(even) 
{            
background: #FFF;        
}         
.tables_card_list tbody tr td{            
border-bottom: none;        
}     

.tables-bill-out-list {            
           
width:100%;        
        /* 滚动条宽度 */        
/*-webkit-scrollbar            
width: 8px;            
background-color: transparent;  
border-spacing: 0px;            
border-collapse: collapse;  
line-height: 40px;        
-webkit-scrollbar-thumb            
background-color: #b7b8b2;        
}     
       
.tables-bill-out-list th, tr,td 
{            
height: 40px;            
text-align: center;            
border: 1px solid gray;
word-break:break-all; 
width: 100%;   
}         
.tables-bill-out-list thead 
{            
color: white;            
background-color: #38F;        
}         
.tables-bill-out-list tbody {            
display: block;                    
height: 400px;            
overflow-y: auto;            
-webkit-overflow-scrolling: touch;        
}         
.tables-bill-out-list tfoot 
{tables-bill-out-list
background-color: #71ea71;        
}         
.tables-bill-out-list thead tr, tbody tr,tfoot tr 
{            
box-sizing: border-box;            
table-layout: fixed;            
display: table;  
word-break:break-all;          
       
}         
.tables-bill-out-list. tbody tr:nth-of-type(odd) 
{            
background: #EEE;        
}         
.tables-bill-out-list tbody tr:nth-of-type(even) 
{            
background: #FFF;        
}         
.tables-bill-out-list tbody tr td{            
border-bottom: none;        
}     
*/
#boximgs{
      width: 200px;
      height: 200px;
      margin:150px auto;
      background: #ccc;
      position: relative;
      transform:perspective(800px) rotateY(-60deg) rotateX(45deg);
      transform-style:preserve-3d;
   }
   #boximgs div{
      width:auto;
      height:auto;
      position: absolute;
      top:0;
      left: 0;
      background-size:cover; 
      -webkit-box-shadow:0 0 100px #5fbcff;
      opacity: .8;
   }
   /*wj.front{
      transform:translateZ(100px);
      font-size: 40px;
   }
   .back{
      transform:translateZ(-100px);
       font-size: 40px;
   }
   .left{
      transform:translateX(-100px) rotateY(90deg);
      font-size: 40px;
    
   }
   .right{
      transform:translateX(100px) rotateY(90deg);
      font-size: 40px;
   }
   .top{
      transform:translateY(-100px) rotateX(90deg);
      font-size: 40px;
   }
   .bottom{
      transform:translateY(100px) rotateX(90deg);
       font-size: 40px;
   }*/
.inputBg {
  border: 1px solid #ddd;
  height: 30px;
  width: 200px;
  line-height: 30px;
  padding: 0px 5px;
  margin-right: 5px
}
.inputSmall{
  width:120px;  
}
.inputLarge{
  width:500px;  
}
.inputMiddle{
  width:300px!important;
} 
select{
  border: 1px solid #ddd;
  height: 30px;
  width: auto;
  line-height: 30px;
  padding: 0px 5px;
  margin-right:5px;
}
label{
  cursor: pointer;  
}
label input[type="radio"]{
   vertical-align: middle;  
}
textarea {
  border: 1px solid #ddd;
}
i, cite,em, strong, th {
  font-style: normal;
  font-weight: normal;
}
.block {
  display: block;
}
/*
______________________________________*/

/*******弹窗*************/

.label-input {
  left:4%;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
 
.label-input label
{
    width: 70px;
    margin-right:2px;
}
.label-input input{
    text-indent:0.4rem;
    width: 75%;
}

.play-bank-label-input {
  left:4%;
  display: flex;
  align-items: center;
  position: relative;
  
}
 
.play-bank-label-input label
{
    width: 70px;
    margin-right:2px;
}
.play-bank-label-input input{
    text-indent:0.4rem;
    width: 75%;
}

table{
margin: auto; 
}
.boxsorder_card{

  width:96%;

 position: absolute;
   left: 2%;
   right:2%;
 
    
    /*transform: translate(-50%, -50%);*/
margin: 0 auto;
border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}
.applyboxstockedit{
padding: 20px;
  width:90%;
height:auto;
 position: absolute;
   left: 5%;
   right:5%;
    
    /*transform: translate(-50%, -50%);*/
margin: 0 auto;
border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}

.boxstockedit{
padding: 20px;
  width:90%;
height:90%;
 position: absolute;
   left: 5%;
   right:5%;
    
    /*transform: translate(-50%, -50%);*/
margin: 0 auto;
border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}



.boxadd_eidt{

  width:95%;
height:90%;
 position: absolute;
   left: 3%;
   right:5%;
    
    /*transform: translate(-50%, -50%);*/
margin: 0 auto;
border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}


.boxstockmanagers{
padding: 20px;
  width:99%;
height:90%;
 position: absolute;
   left: 0.5%;
   right:0.5%;
    
    /*transform: translate(-50%, -50%);*/

border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}

.boxsd{
padding: 20px;
  width:800px;
height:680px;
 position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}
.boxcompany{

  width:98%;
height:95%;
 position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);

border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}
.buytopboximg{

top:20%;
  width:99.9%;
height:40%;
 position: absolute;

border-color:brown;
border-top: 1px;
border-bottom: 1px;
background-color: red;

}
.boxpersons{

 top:50%;
  width:95%;
height:90%;
 position: absolute;
   left: 50%;
   right:50%;
    transform: translate(-50%, -50%);

border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;




}
.boxstock{

  width:98%;
height:78%;
 position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);

border-radius: 20px;

background-color:#ffffff;
    -webkit-box-shadow:4px 2px 6px #333333; 
    -moz-box-shadow:3px 2px 6px #333333;

}
.cent_lable_alignment{

    
    height: 40px;
    position:absolute;
   left: 50%;
    transform: translate(-50%,-50%);
    background: #ffff;
    color: #333;
   
    text-align: center;
    line-height:40px;
   /* box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);*/


}

.chage_lable_alignment{

    
 

     width: 10%;
    height: 40px;
    background: #ffff;
    color: #333;
    margin: 0 0 0 2%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);


}

.chage_lable_alignment_two{

    width: 10%;
    height: 40px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 12%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}
.chage_ipnuts_alignment_two{

    width: 18.5%;
    height: 45px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 22%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}

.chage_coltow_lable_alignment{

    
 

     width: 10%;
    height: 40px;
    background: #ffff;
    color: #333;
    margin: -40 0 0 52%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);


}

.chage_coltow_ipnuts_alignment_two{

    width: 18.5%;
    height: 45px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 63%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}





.goods_price_alignment{

    width: 100px;
    height: 35px;
    
    background: #fff;
    color: #333;
    margin: -30 0 0 0;
    text-align: center;
    position: relative;
   

}
.goods_price_ipnuts_alignment{
   width: 100px;
    height: 35px;
   
    background: #fff;
    color: #fd0303;
    font-size: 25px;
    
    text-align: center;
     position: relative;
}
.goods_alignment{

    width: 100px;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: 0 0 0 0;
    text-align: center;
    line-height:30px;

}
.goods_ipnuts_alignment{
   height: 30px;
   top:-45px;
    width: auto;
    position:relative;
    left: 27%;
    background: #ffff;
    color: #333;
   
}
.cent_ipnuts_alignment{

   
    height: 50px;
    position:absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #ffff;
    color: #333;
    margin: -46 0 0 14.5%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}
.stock-buiding-lable-alignment{

     width: 200px;
    height: 40px;
    background: #ffff;
    color: #333;
    
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}

.lable_alignment{

     width: 10%;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: 0 0 0 4%;
    text-align: center;
    line-height:30px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}

.lable_alignment_two{

    width: 10%;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 35%;
    text-align: center;
    line-height:30px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}

.lable_alignment_three{

    width: 10%;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 66%;
    text-align: center;
    line-height:30px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}
.ipnuts_alignment{

    width: 18.5%;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 14.5%;
    text-align: center;
    line-height:30px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}
.ipnuts_alignment_two{

    width: 18.5%;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 45.5%;
    text-align: center;
    line-height:30px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}
.ipnuts_alignment_three{

    width: 18.5%;
    height: 30px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 76.5%;
    text-align: center;
    line-height:30px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}

.lable_billgnment{
top:19%;
left:5%;
     width:auto;
    height: 30px;
    background: #ffff;
    color: #000;
   font-size: 25px;
    line-height:30px;
   /* box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);*/
        position:absolute;
}
.input-billgnment{
    top:16%;
left:28%;
    width: auto;
    height: 30px;
    background: #ffff;
    color: #000;
   
    line-height:30px;
     font-size: 25px;
   /* box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);*/
    position: absolute;
}
/*.radio {
  margin: 0.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  letter-spacing:0px;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
    letter-spacing:0px;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
    letter-spacing:0px;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
  letter-spacing:0px;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
  letter-spacing:0px;
}*/
.lable-bill-date{
float:right; 
 top:7%;
right:5%;
width: auto;
height: 30px;
 position: absolute;
  color:#000;
  letter-spacing:0px;

}
.ipnuts_alignment_brands{

    width: 49%;
    height: auto;
    position:absolute;
    background: #ffff;
    color: #333;
    margin: -46 0 0 44.5%;
    text-align: center;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);

}
.lable-alignment-countrys{

     width: 20%;
    height: 40px;
    background: #ffff;
    color: #333;
   
    text-align: center;
    line-height:40px;
   /* box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);*/

}
.ipnuts-alignment-countrys{

    width: 33%;
    height: auto;
    position:absolute;
   
    color: #333;
    margin: -46 0 0 16%;
    text-align: center;
   
}
.lable-alignment-one-countrys{

     width: 30%;
    height: 40px;
    background: #fff;
    color: #333;
    margin: 0 0 0 1%;
    text-align: center;
    line-height:40px;
  
   /* box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);*/

}
.ipnuts-alignment-one-countrys{

    width: 31%;
    height: auto;
    position:absolute;
    background: #fff;
    color: #333;
    margin: -46 0 0 17%;
    text-align: center;
   
}
.lable_alignment_two-countrys{

    width: 10%;
    height: 40px;
    background: #ffff;
    color: #333;
    
    text-align: center;
    line-height:40px;
   

}
.ipnuts-alignment-two-countrys{

    width: 55%;
    height: auto;
   
    background: #ffff;
    color: #333;
    margin: -36 0 0 33%;
    text-align: center;
   
}
.lable_alignment_three-countrys{

     width: 30%;
    height: 40px;
    background: #ffff;
    color: #333;
    margin: 0 0 0 1%;
    text-align: center;
    line-height:40px;
   

}
.ipnuts-alignment-three-countrys{

     width: 31%;
    height: auto;
    position:absolute;
    background: #fff;
    color: #333;
    margin: -46 0 0 17%;
    text-align: center;
   
}
.lable-alignment-delivery-time{

    width: 20%;
    height: 40px;
    background: #ffff;
    color: #333;
   
    text-align: center;
    line-height:40px;
  
   /* box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);*/

}
.ipnuts-alignment-delivery-time{

    width: 33%;
    height: auto;
    position:absolute;
   
    color: #333;
    margin: -46 0 0 16%;
    text-align: center;
   
}




.textarea_alignment{
  width: 81%;
    height: 90px;
    background: #ffff;
    color: #333;
    margin: -46 0 0 14.5%;
    text-align: center;
    line-height:40px;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);
}
.buts{
  width: 100px;
    height: 40px;
    background: #ffff;
    color: #333;
    /*text-align: center;
    line-height:40px;*/
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);
    }

  buts:nth-child(2) {
    box-shadow:
        inset -7px -7px 12px rgba(255, 255, 255, .9),
        inset 7px 7px 12px rgba(0, 0, 0, .4);
}

 /*div{ border-radius:10px; } 
 .menu_btn_v{ 
  width:100px; 
  height:40px; 
  cursor:pointer; 
  background-color:#fff; 
  text-align:center; 
  font-size:16px; 
  color:#000; 
} */
 .menu_item_v{
 width:100px; 
  height:40px;
   margin-top:-400px; 
   margin-left:200px;
    position:absolute; 
    /*visibility:hidden; */
    opacity:0; 
    background-color:#fff; 
    font-size:18px;
    color:#000;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);
} 

/*div{ border-radius:10px; } 
 .wx_service_v{ 
  width:auto; 
  height:auto; 
  cursor:pointer; 
  background-color:#fff; 
  text-align:center; 
  font-size:16px; 
  color:#000; 
  width:100px; 
  height:40px;

} *//*search bar circle*/
 .wx_service_item_v{
 width:100px; 
  height:40px;
   margin-top:-20%; 
   margin-left:-50%;
    position:absolute; 
    /*visibility:hidden; */
    opacity:0; 
    background-color:#fff; 
    font-size:18px;
    color:#000;
    box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);
} 
.fontsize_center{
  text-align: center;
  font-size:16px;
  font-weight: bold;
}
/*.menu_item_v:nth-child(2) {
    box-shadow:
        inset -7px -7px 12px rgba(255, 255, 255, .9),
        inset 7px 7px 12px rgba(0, 0, 0, .4);
}*/
 .menu_btn_v:hover .menu_item_v
{ visibility:visible; opacity:1; 
  width:100px; 
  height:40px;
} 
.wx_service_v:hover .wx_service_item_v
{ visibility:visible; opacity:1; 
  width:100px; 
  height:40px;
}






/**********************/





/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap');
 body {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #7d7d7d;
  background: #fff;
}
.fontsize_center{
  text-align: center;
  font-size:16px;
  font-weight: bold;
}
.eject_out .eject_out_link a,
 {
  background: #f7ba01;
}

.company_windows ul.eject_out {
  background: #fff;
  opacity: 0;
  padding: 25px;
  position: absolute;
  left:20px;
  top: 57px;
  transition: all 0.5s ease 0s;
  width: 450px;
  z-index: 9;
  box-shadow: 0px 12px 24px 0px rgba(120, 120, 120, 0.3);
  visibility: hidden;
 
transform: translate(-20%);
}
 .container.ul {
position: relative; /* 确保监听的坐标是相对于容器的 */
}
.eject_out.container:hover::after {
content: '(' attr(data-x) ', ' attr(data-y) ')'; /* 触发伪元素时显示坐标信息 */
position: absolute;
top:  attr(data-y); /* 设置伪元素位置 */

}

.company_windows ul.eject_out::before {
  position: absolute;
  content: '';
  left: 0px;
  
  height: 25px;
  display: block;
}
.company_windows:hover ul.eject_out {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  z-index: 9;
}
.company_windows .eject_out > li {
  display: block;
  margin-bottom: 12px;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}
.eject_out .eject_img img {
  width: auto;
}
.company_windows .eject_out .eject_img {
    width: auto;
}
.company_windows .eject_out .eject_content {
  width: 60%;
  padding-left: 15px;
  text-align: left;
  padding-right: 25px;
}
.eject_content h4 {
    font-family: 'Rubik', sans-serif;
    line-height: 1.1;
}
.eject_out .eject_content h4 a {
    color: #2d2d2d;
    font-size: 15px;
    background: none;
    font-weight: 500;
}
.eject_out .eject_price span {
    color: #616161;
    font-size: 13px;
    font-weight: 400;
    margin-left: 6px;
}
.eject_out .eject_price .new {
  font-size: 14px;
  margin-left: 0;
}
.company_windows .eject_out .eject_icon {
  float: right;
  margin-top: 10px;
}
.eject_out .eject_icon > a {
  font-size: 18px;
}
.total-price {
  border-top: 1px solid #473151;
  overflow: hidden;
  padding-top: 5px;
  margin-top: 5px;
}
.total-price span {
    color: #616161;
    font-weight: 500;
}
.order-total-price {
  border-top: 1px solid #473151;
  width: auto;
  overflow: hidden;
  padding-top: 5px;
  margin-top: 5px;
}
.order-total-price span {
    color: #616161;
    font-weight: 500;
    width: auto;
}
.company_windows .eject_out > li:last-child {
  margin-bottom: 0;
}
.company_windows .eject_out .eject_out_link a {
    color: #2d2d2d;
    display: block;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 1px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.company_windows .eject_out .eject_out_link a.red-color {
  background: #fff;
  color: #000;
}

/**********/
.Frmer_right { 
  
   
    background: #ffff;
    width:3%; 
    float:right; 
    height:100%; 
    margin-bottom: 40px; 
    overflow: auto; 
    color:#fff;
    z-index: 999999;
} 
.right-info .HQ-Right-Infor{
    position: fixed;
    top: 35%;
    transform: rotate(0deg);
    right: 59px;
    white-space: normal;
    transition: 700ms;
    z-index:9999999;
}

.HQ-Right-Infor:hover {
    right: 199px !important;
    transition: 700ms;
}

.HQ-Right-Infor .png-HQ-Pngs{
    margin: 0px 0 0 -2px;
    height: 28px;
}

.HQ-Right-Infor .HQ-Online-Chat{
    margin: -10px 0 -10px -13px;
}

.HQ-Right-Infor .chat .text {
    vertical-align: super;
    margin: 0 0 0 4px;
}

.HQ-Right-Infor .chat .text:hover {
    text-decoration: none;
}

.HQ-Right-Infor .text:hover, .HQ-Right-Infor:hover{
    color: #CC0000;
    font-weight: 700;
}

.HQ-Right-Infor .HQ-FontLable{
    display: block;
    left:0px;
}

.HQ-Right-Infor .HQ-FontLable .text{
    vertical-align: text-bottom;
}

.HQ-Right-Infor .HQ-Hqbdzw{
    display: flex;
}

.HQ-SignCode .display{
    display: block !important;
}

.HQ-Right-Infor .HQ-moveText {
    box-sizing: border-box;
    position: absolute;
    width: 200px;
    height: 286px;
    top: 40%;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    border-radius: 5px 0 0 5px;
}
.HQ-Right-Infor .HQ-LableMsg { 
    cursor: pointer;
    color: black;
    font-size: 24px;
     }
.HQ-Right-Srcode { margin: 8px 0 -10px 0px;
z-index:9999999;
}
.HQ-Right-Srcode .im-ewm {
 width: auto; height: auto; border: 0px solid #fff; position: relative;
 z-index:9999999;
  }
.HQ-Right-Srcode .im-ewm .ewm-hover {
 position: absolute; left: -245px; top: -125px; display: none; 
z-index:9999999;
}
.HQ-Right-Srcode .im-ewm:hover .ewm-hover {
 display: block; 
z-index:9999999;
}

.HQ-Right-Infor .HQ-LableMsg {
    cursor: pointer;
    color: black;
    font-size: 24px;
}

.HQ-Right-Infor .HQ-Png {
     margin: 8px 0 -10px 0px;
}
.HQ-Right-Infor .HQ-Png-text {
     margin: 8px 0 -10px 0px;
}
.HQ-Right-Infor .text {
    font-size: 12px;
    vertical-align: middle;
    margin: 0 0 0 0px;
    color: black;
    font-weight: normal;
}

.HQ-SignCode {
    display: none;
    width: auto;
    height: auto;
    margin: auto;
    border: 1px solid #EAEAEA;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    background-color: #fff;
    left: 50%;
    max-height: 95vh;
    max-width: 99vw;
    overflow: hidden;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.soit_price_retps{
  height: 0px;
  border-bottom: 1px solid #000;
  color:#ff4e00;
  width:100%;
  margin-bottom:15px;

}
/*wj.right{ 
    border: solid 0px #1d5464;  
    background: #fff; 
    color:#fff; 
    overflow: auto;  
}*/
.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
.f-left {
  float: left;
}
.f-center {
position:absolute;  
right:50%;

}
.f-right {
  float: right;
}

.fix {
  overflow: hidden
}
a,

.capitalize {
  text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Josefin Sans', sans-serif;
  color: #252525;
  margin-top: 0px;
  font-style: normal;
  font-weight: 700;
  text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
h1 {
  font-size: 40px;
  font-weight: 500;
}
h2 {
  font-size: 35px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
ul {
  margin: 0px;
  padding: 0px;
}
li {
  list-style: none
}
p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  color: #7d7d7d;
  margin-bottom: 15px;
}
hr {
  border-bottom: 1px solid #eceff8;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}


.zphone{
  background:#ef0c07;
  color:#fff;
  padding: 6px 6px 6px 6px;
}
input{
  width:100%;
  height:40px;

}

.Freightinsurance {
  width: 49px;
  height: 49px;
  position: relative;
  margin: 20px auto;

  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
}
.Freightinsurance label {
  width: 45px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  lefit:-10%;
  line-height:90px;
  background: linear-gradient(to bottom, #ffff 1%, #fff 100%);/*背景颜色*/
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.Freightinsurance label:after {
  content: '';
  width: 40px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fe0000;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Freightinsurance label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0;
}
.Freightinsurance input[type=checkbox] {
  visibility: hidden;
}
.Freightinsurance input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}


.Freightinsurance-checkbox-login {
    
   margin-top: -55%;
   left:-20%;
   height:50px;
   width:auto;
  letter-spacing: 0;
  line-height: 50px;
 
 position:absolute;

}

.Freightinsurance-checkbox {
    
   margin-top:5px;
   
   height:40px;
   width:auto;
  letter-spacing: 0;
  line-height: 40px;
 margin-left: 2%;
 margin-right: 0.2%;

}
.global-checkbox {
    
   

   height:40px;
   width:auto;
  letter-spacing: 0;
  line-height: 40px;
 

}

.Authenticinsurance-checkbox {
    
   margin-top: -5.5%;
   
   height:50px;
   width:auto;
  letter-spacing: 0;
  line-height: 50px;
 
 position:absolute;

}
.Authenticinsurance {
  width: 49px;
  height: 49px;
  position: relative;
  margin: 20px auto;
  background: #fcfff4;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 100%);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
}
.Authenticinsurance label {
  width: 45px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  lefit:-10%;
  line-height:90px;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.Authenticinsurance label:after {
  content: '';
  width: 40px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fe0000;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Authenticinsurance label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0;
}
.Authenticinsurance input[type=checkbox] {
  visibility: hidden;
}
.Authenticinsurance input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/*-------------------------------------------------------------------------------------*/

.none-account { 
background: none; 
text-align: center; 
margin: 20px 5px; color: black; 
} 

.forgot-password { 
right: 5%; 
position: absolute; 
color: black; 
font-size: 12px; 
cursor: pointer; 
font-weight: bold; 
background:none;
transition: 0.2s; 
} 
.remember-password{
margin-top: -5%;
left:15%;
position: absolute; 
color: #757577; 
font-size: 14px; 
cursor: pointer; 
font-weight: bold; 
background:none;
transition: 0.2s; 
}
.agreement-contract{
margin-top: -9%;
left:14%;
position: absolute; 
color: #757577; 
font-size: 14px; 
cursor: pointer; 
font-weight: bold; 
background:none;
transition: 0.2s; 
}
.simple-checkbox { 
margin-top: -7%;
left: 4%; 
position: absolute; 
color: black; 
font-size: 12px; 
cursor: pointer; 
font-weight: bold; 
background:none;
transition: 0.2s; 
} 
.agreemnets-simple-checkbox { 
margin-top: -1%;
left: 4%; 
position: absolute; 
color: black; 
font-size: 12px; 
cursor: pointer; 
font-weight: bold; 
background:none;
transition: 0.2s; 
}


.close-btn 
{ 
top:10px;
right: 5%; 
position: absolute; 
color: black; 
font-size: 30px; 
cursor: pointer; 
font-weight: bold; 
background:none;
transition: 0.2s; 
} 
.close-btn:hover { 
color: red; 
} 
.login-title { 
position: relative;
text-align: center; 
background:none;
margin: 10px 0;
color: black; /*text transform的话是中文就不需要哦*/ /*text-transform: uppercase;*/ 
font-size: 26px;
}
.login-message { 
position: relative;
text-align: center; 
background:none;
margin: 10px 0;
color: red; /*text transform的话是中文就不需要哦*/ /*text-transform: uppercase;*/ 
font-size: 16px;
}
.user-pic{ 
position: relative;
width: auto;
height:auto;
background: none; 
text-align: center; 
margin: 20px 0;
color: black; /*text transform的话是中文就不需要哦*/ /*text-transform: uppercase;*/ 
padding: 10px;
/* 设置一个元素的背景图片 */
 /* background-image: url('img/bg/frm_login.gif'); /* 替换 'image-path.jpg' 为你的图片路径 */
 /* background-size: cover; /* 背景图片覆盖整个元素 */
 /* background-repeat: no-repeat; /* 背景图片不重复 */
 /* background-position: center; /* 背景图片居中 */
 /* width: 1024; /* 元素宽度 */
  /*height: 768; /* 元素高度 */
  
}


.distance { 
position: relative;
height: 20px;
background:none;

} 
.title-distance { 
position: relative;
height: 55px;
background:none;

} 
.select-distance { 

position: relative;
height: 30px;

background-color: #fff;
 white-space:nowrap; 
} 
.distance-distance { 
position: relative;
height: 45px;
background:none;

}
.check-distance { 
position: relative;
height: 20px;
background:none;

} 
input[type=checkbox] {
cursor: pointer;
width: 30px;
height: 30px;
position: relative;
background: red;
}

input[type=checkbox]:after {
position: absolute;
width: 30px;
height: 30px;
top: 0;
content: " ";
background-color: #fff;
color: red;
display: inline-block;
visibility: visible;
border: 2px solid red;
padding: 0 3px;
border-radius: 5px;
}
input[type=checkbox]:checked:after {
background-color: #fff;
width: 30px;
height: 30px;
content: "✓";
align-items: center;
line-height: 40px;
text-align: center;
text-transform: uppercase;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
font-size: 30px;
}
input[type=checkbox]:disabled:after {
width: 30px;
height: 30px;
top: 0;
color: red;
display: inline-block;
visibility: visible;
border: 2px solid red;
padding: 0 3px;
border-radius: 5px;
background-color: #fff;
content: "✓";
font-size: 30px;
}

/*.remember-password-checkbox {
  width: 35px;
  height: 35px;
  position:absolute;
  margin: 20px auto;

  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
}*/
.remember-password-checkbox label {
  width: 35px;
  height: 35px;
  cursor: pointer;
  position: absolute;
  lefit:-10%;
  line-height:35px;
  background: linear-gradient(to bottom, #ffff 1%, #fff 100%);/*背景颜色*/
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.remember-password-checkbox label:after {
  content: '';
  width: 30px;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fe0000;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.remember-password-checkbox label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0;
}
.remember-password-checkbox input[type=checkbox] {
  visibility: hidden;
}
.remember-password-checkbox input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/*.agreemnets-contract-checkbox {
  width: 35px;
  height: 35px;
  position: relative;
  margin: 20px auto;

  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(f, f, f, 0.5);
}*/
.agreemnets-contract-checkbox label {
  width: 35px;
  height: 35px;
  cursor: pointer;
  position: absolute;
  lefit:-10%;
  line-height:35px;
  background: linear-gradient(to bottom, #ffff 1%, #fff 100%);/*背景颜色*/
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.agreemnets-contract-checkbox label:after {
  content: '';
  width: 30px;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fe0000;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.agreemnets-contract-checkbox label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0;
}
.agreemnets-contract-checkbox input[type=checkbox] {
  visibility: hidden;
}
.agreemnets-contract-checkbox input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/*-------------------------------------------------------------------------------------*/

/*input[type=checkbox]:checked { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    width: 130px; 
    height: 130px; 
    position: relative; 
    border: 1px solid #0077ff; 
    border-radius: 2px; 
    overflow: hidden; 
}
input[type=checkbox]:checked::before { 
    content: ''; 
    display: block; 
    height: 13px; 
    width: 13px; 
    background: #0077ff; 
    position: absolute; 
    top: -1px; 
    left: -1px; 
    border-radius: 2px; 
}
input[type=checkbox]:checked::after { 
    content: '」'; 
    display: block; 
    width: 140px; 
    height: 140px; 
    -webkit-transform: rotate(380deg); 
    -moz-transform: rotate(380deg); 
    -ms-transform: rotate(380deg); 
    transform: rotate(380deg); 
    position: absolute; 
    top: 2px; left: 0px; 
    overflow: hidden; 
    text-align: left; 
    color: #fff; 
    font-weight: bold; 
    line-height: 140px; 
}
/** 被禁用的选中的复选框，显示为禁用后为灰色，改为原本蓝色#0077ff的一半rgba(0, 119, 255, 0.6) */
/*input[type=checkbox]:checked:disabled { 
    border: 1px solid rgba(0, 119, 255, 0.7); 
}
input[type=checkbox]:checked:disabled::before { 
    background: rgba(0, 119, 255, 0.6); 
}*/




 input[type=radio] {
    position: relative;
    cursor: pointer;
     top: 10px; 
    width: 24px;
    height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    outline: none;
    border: 2px solid #ccc;
  }
  
  input[type=radio]::before {
    content: "";
    position: absolute;
    top: 10px; 
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
    background-color: #777;
    transform: scale(0);
    transition: 0.3s ease;
  }
  
  input[type=radio]:checked::before {
   top: 2px; 
    
    background-color: #1abb9c;
    transform: scale(1);
  }
label {

  color: #ff0000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
*::-moz-selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}
*::-moz-placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
*::placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
.theme-overlay {
  position: relative
}
.theme-overlay::before {
  background: #1696e7 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.separator {
  border-top: 1px solid #f2f2f2
}
.mobile_sign_code{
  padding: 5px 8px 6px 5px;
  background:#f53704;
  color:#fff;
}
#box{

        width:95%;
        height:auto;
        margin:10px auto;
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        
        background-color:#fff;
    }
    #box>label{
     padding:10px 10px 10px 10px;

    border-width:1 3px 3px 3px;

    border:3px solid #f8f7f5;
 
   
        width:60px;
        height: 25px;
        object-fit: cover;
    }
    #box:after{
        content:'';
        display:block;
        width:10px;
    }
.TdGrd {
background:#d3d2d4;
}
/* button style */
.glass {
position: relative;
width: 200px;
height: 200px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 10px;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.3) inset,
0 10px 50px rgba(255, 255, 255, 0.1) inset,
0 10px 20px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.glass:before {
content: "";
position: absolute;

background: linear-gradient(to bottom right, 
rgba(255, 255, 255, 0.4) 0%,
rgba(255, 255, 255, 0.1) 85%, 
rgba(255, 255, 255, 0) 100%);
transform: rotate(-45deg);
z-index: -1;
}
.boxglas_bj { 

    width: 700px; 
    height: 700px; 
    display: flex; 
    justify-content: center; 
    
    margin:0 auto;
    align-items: center; 
    background: url('../img/bg/TPS7H5003SP.png'); 
    background-size: auto;
    background-position: center; 
 } 
 .box_glass 
 { 
   

    width:60%;
    height:auto;
    margin:0 auto;
    border-radius: 40px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    letter-spacing: 0.5em; 
    backdrop-filter: blur(3px); 
    color: #fff; 
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, .3); 
}

.box-order-bill-get-paying 
 { 
   

    width:32%;
    height:auto;
    margin:0 auto;
    border-radius: 40px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    letter-spacing: 0.5em; 
    backdrop-filter: blur(3px); 
    color: #fff; 
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, .3); 
}
.box-order-bill-get-paying-title
    {
    width:100%;
    position: relative;
    height:auto;
    margin:0 auto;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    letter-spacing: 0.5em; 
    backdrop-filter: blur(3px); 
    color: #000; 

    }

.order-bill-get-paying-date{
width:auto;
position: absolute;
    height:auto;
    right: 37%; 
    letter-spacing: 0;
    color: #000; 
    }
.order-bill-get-paying-nub-lable{
  width:20%;
position: absolute;
    height:auto;
    left: 37%; 
    letter-spacing: 0;
    margin-top: 1.5%;
    color: #000; 
   
    
}
.colors_parameter-position{


 left: 50%;
top: 65%;
transform: translate(-50%, -65%);
  position: absolute;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
  height:50px;
  width:180px;
  
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
 }

.order-bill-get-paying-nub{

width: 100%;
position: absolute;
    height:auto;
    left: 25%; 
    letter-spacing: 0;
    margin-top: 1.5%;
    color: #000; 
    }  
    
.dram-like-bill-get-pay{

    left:34%;
    width:32%;
    height:1px;
   margin-top: 3.5%;
    background: #efeded;
    position: absolute;
}
.dram-like-bill-get-pay-one{

    left:34%;
    width:32%;
    height:1px;
   margin-top: 4.5%;
    background: #efeded;
    position: absolute;
}
.box-bill-glass 
 { 
    
  
    left:5%;
    background: #fff;
     float:right; 
          right:1%;
          width:100%; 
           height:900px;
          position:relative;
    margin:0 auto;
    border-radius: 20px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
   
    backdrop-filter: blur(3px); 
    color: #fff; 
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, .3); 
}
.btns_solid {
  display: inline-block;

*display: inline;

zoom: 1;

padding: 6px 20px;

margin: 0;

cursor: pointer;

border: 1px solid #bbb;

overflow: visible;

font: bold 13px arial, helvetica, sans-serif;

text-decoration: none;

white-space: nowrap;

color: #555;

background-color: #ddd;

background-image: linear-gradient(top, rgba(255,255,255,1),

rgba(255,255,255,0)),

url(data:image/png;base64,iVBORw0KGg[...]QmCC);

transition: background-color .2s ease-out;

background-clip: padding-box; /* Fix bleeding */

border-radius: 3px;

box-shadow: 0 1px 0 rgba(0, 0, 0, .3),

0 2px 2px -1px rgba(0, 0, 0, .5),

0 1px 0 rgba(255, 255, 255, .3) inset;

text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
 .btns_solid:hover {
 background-color: #f4f3f3;

color: #555;
}
.btns_solid:active {
 background: #e9e9e9;

position: relative;

top: 1px;

text-shadow: none;

box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.btns_parameter
{
    padding:10px 0;
    margin-bottom:20px;
    margin-top:10px;
   /* border:#c0c0c0 1px dashed;*/
    font-size:12px;
    width:350px;
    text-align:center
    border-radius: 20px;
}
.btns_parameter .btns_parameter_follow
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.btns_parameter .btns_parameter_follow:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.btns_parameter .btns_parameter_digg
{
    background-color:#2daebf
    border-radius: 20px;
}
.btns_parameter .btns_parameter_follow
{
    background-color:#e33100
    border-radius: 20px;
}
.btns_parameter .btns_parameter_favorite
{
    background-color:#ffb515
    border-radius: 20px;
}
.btns_parameter .btns_parameter_contact
{
    background-color:#eee;
    color:#555;
    display:none
    border-radius: 20px;
}
.btns_parameter .btns_parameter_weibo img
{
    vertical-align:middle;
    border:none;
    margin-left:5px;
    box-shadow:none
    border-radius: 20px;
}
.btns_parameter .btns_parameter_weibo
{
    background:none;
    padding:3px 2px;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none
    border-radius: 20px;
}
.btns_parameter .btns_parameter_wechat
{
    background-color:#4eab57
    border-radius: 20px;
}
.btns_parameter .btns_parameter_solid {
  background-color: f8f8f8;
  border: 1px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 10 4px 5px rgba(0, 0, 0, 0.2), 10 2px 5px rgba(0, 0, 0, 0.19), 10 3px 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease; /* 动画效果 */
}
 .btns_parameter .btns_parameter_solid:hover {
  background-color: #eee; /* 鼠标悬停时的颜色 */
}
.btns_parameter {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 12px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
}

.btns_parameter .btns_parameter_solid, .btns_parameter .btns_parameter_digg, .btns_parameter .btns_parameter_follow,.btns_parameter .btns_parameter_favorite,.btns_parameter .btns_parameter_weibo,.btns_parameter .btns_parameter_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;

    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;
    margin-top: 10px;
    border-radius: 20px;
}

.btns_parameter .btns_parameter_digg:hover,.btns_parameter .btns_parameter_follow:hover,.btns_parameter .btns_parameter_favorite:hover,.btns_parameter .btns_parameter_weibo:hover,.btns_parameter .btns_parameter_wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

.btns_parameter .btns_parameter_digg:active,.btns_parameter .btns_parameter_follow:active,.btns_parameter .btns_parameter_favorite:active,.btns_parameter .btns_parameter_weibo:active,.btns_parameter .btns_parameter_wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

.btns_parameter .btns_parameter_digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

.btns_parameter .btns_parameter_follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

.btns_parameter .btns_parameter_favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

.btns_parameter .btns_parameter_weibo {
    padding: 3px 8px !important;
    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

.btns_parameter .btns_parameter_wechat {
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: 120px;
    border-radius: 20px;
}

.btn {
  -moz-user-select: none;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
 
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
 
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  border-radius:30px;
  box-shadow: 0px 9px 25px rgba(0, 0, 0, .7);

}
#btn{
     position: absolute;
    left: 810px;
}
.goods-id-ns{
     position: absolute;
    left: 810px;

}
.btnimg{

  -moz-user-select: none;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
top:-44px;
  position:relative;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
 
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  border-radius:30px;
  box-shadow: 0px 9px 25px rgba(0, 0, 0, .7);

}
.btnimg{
  color: #dd2910;
    color: #fff;
}
.btnimg:hover {
  background: #fc761b;
  color: #fff;
}
.breadcrumb > .active {
  color: #0f0fc7;
}
.btns-parameter-order-list-query
{
 
   /* border:#c0c0c0 1px dashed;*/
  
    font-size:12px;
    width:95%;
    left:2.5%;
    right:2.5%;
   
}

.btns-parameter-order-list
{
 
   /* border:#c0c0c0 1px dashed;*/
    font-size:12px;
    width:95%;
    left:2.5%;
    right:2.5%;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-follow
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
   
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;

    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
  
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-follow:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.btns-parameter-order-list .btns-parameter-order-list-digg
{
    background-color:#2daebf;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-follow
{
    padding: 5px;
    background-color:#e33100;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-favorite
{
    background-color:#ffb515;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-contact
{
    background-color:#eee;
    color:#555;
    display:none;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-weibo img
{

    border:none;

    box-shadow:none;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-weibo
{
    background:none;
 
    -moz-border-radius:none;
    -webkit-border-radius:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    text-shadow:none;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-wechat
{
    background-color:#4eab57;
    border-radius: 20px;
}
.btns-parameter-order-list .btns-parameter-order-list-solid {
  background-color: f8f8f8;
  border: 1px;
  display: inline-block;
  font-size: 14px;

  cursor: pointer;
  border-radius: 5px;
  box-shadow: 10 4px 5px rgba(0, 0, 0, 0.2), 10 2px 5px rgba(0, 0, 0, 0.19), 10 3px 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease; /* 动画效果 */
}
 .btns-parameter-order-list .btns-parameter-order-list-solid:hover {
  background-color: #eee; /* 鼠标悬停时的颜色 */
}
.btns-parameter-order-detial-list {

    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 14px;
    width: 100% !important;
    display: inline-block;
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-solid, .btns-parameter-order-detial-list .btns-parameter-order-detial-list-digg, .btns-parameter-order-detial-list .btns-parameter-order-detial-list-follow,.btns-parameter-order-detial-list .btns-parameter-order-detial-list-favorite,.btns-parameter-order-detial-list .btns-parameter-order-detial-list-weibo,.btns-parameter-order-detial-list .btns-parameter-order-detial-list-wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;

    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-digg:hover,.btns-parameter-order-detial-list .btns-parameter-order-detial-list-follow:hover,.btns-parameter-order-detial-list .btns-parameter-order-detial-list-favorite:hover,.btns-parameter-order-detial-list- .btns-parameter-order-detial-list-weibo:hover,.btns-parameter-order-detial-list- .bbtns-parameter-order-detial-list-wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-digg:active,.btns-parameter-order-detial-list .btns-parameter-order-detial-list-follow:active,.btns-parameter-order-detial-list- .btns-parameter-order-detial-list-favorite:active,.btns-parameter-order-detial-list- .btns-parameter-order-detial-list-weibo:active,.btns-parameter-order-detial-list- .bbtns-parameter-order-detial-list-wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);

    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 8px;
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-weibo {

    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-order-detial-list-wechat {
 
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: 120px;
    border-radius: 20px;
}
/****************************************************/
.btns-parameter-search-detial-list {

    border: 0;
    /*border-top: #eee 1px dashed;
    border-bottom: #eee 1px dashed;*/
    font-size: 14px;
    width: 100% !important;
    display: inline-block;
    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-solid, .btns-parameter-search-detial-list-list .btns-parameter-search-detial-list-digg, .btns-parameter-search-detial-list .btns-parameter-search-detial-list-follow,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-favorite,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-weibo,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 120px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    background-image: none;

    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-digg:hover,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-follow:hover,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-favorite:hover,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-weibo:hover,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-wechat:hover {
    transform: scale(1.02,1.02);
    border-radius: 20px;
}

.btns-parameter-order-detial-list .btns-parameter-search-detial-list-digg:active,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-follow:active,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-favorite:active,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-weibo:active,.btns-parameter-search-detial-list .btns-parameter-search-detial-list-wechat:active {
    transform: scale(0.95,0.95);
    transition: all 0.4s -0.125s;
    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-digg {
    background-color: #2daebf;
    box-shadow: 0px 15px 18px -6px rgba(95,193,206,0.65);
    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-follow {
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    width: 60px;
     font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 8px;
    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-favorite {
    background-color: #ffb515;
    box-shadow: 0px 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-weibo {

    background-color: #FF464B !important;
    box-shadow: 0px 15px 18px -6px rgba(255,70,75,0.65) !important;
    margin-left: 10px;
    width: 35px;
    border-radius: 20px;
}

.btns-parameter-search-detial-list .btns-parameter-search-detial-list-wechat {
 
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    font-size: 12px;
    width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 8px;
    border-radius:20px;
}
/****************************************************/
.order-list-query-top{
  width:98%; 
  margin: 5px auto;
left:1%;
right:1%;
  background: #fff;
  border: 0px;
 
  color: #000;

  
}
.order-list-query-top select, .order-list-query-top input, .order-list-query-top img,.order-list-query-top select, .order-list-query-top input,.order-list-query-top img {
  vertical-align: middle;
  border-radius: 20px;
}
.affiliate-div input{
  margin-left:10px; 
}
.order-list-query-top input[type='text'], .order-list-query-top input[type='text'],p input[type='text'], .affiliate-div input[type='text'] {
  margin: 5px;
  padding: 0px 4px;
  height: 28px;
  line-height: 28px;
  width: auto;
  border: solid 1px #ddd;
}
.order-list-query-top input[type='password'] {
  margin: 5px;
  border: solid 1px #ddd;
  padding: 0px 4px;
  height: 28px;
  line-height: 28px;
  width: auto;

  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.textarea-div textarea{ 
  margin:5px;
  border:1px solid #ddd;
}
.order-list-query-top select {
  margin-right: 5px;
  border: solid 1px #ddd;
  padding: 4px;
  line-height: 20px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.order-list-query-top select {
  margin-right: 5px;
  border: solid 1px #ddd;
  padding: 4px;
  line-height: 20px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.goods-tables-list-detail {
position:relative;
width:100%; 


height: 50px;


color: #000; 
border: solid 0.1px #ddd;
background-color: #ffff;



}

.order-list-top-title {
width:98%; 


height: 45px;

border-radius: 10px; 
backdrop-filter: blur(3px); 
color: #000; 
background-color: #eae8e8 !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
}
.order-list-top-title ul {
list-style: none;
margin-left: 50px;
}
.order-list-top-title li {

display: inline;
}
.status-left{
position: absolute;
height: 45px;
line-height: 45px;
left: 30%;

}
.toplist-tatus-left{
position: absolute;
color: #585757;
height: 45px;
line-height: 45px;
left:15%;

}
.status-right{
position: absolute;
color: #585757;
height: 45px;
line-height: 45px;
right:15%;

}
.status-right-operate{
position: absolute;
color: #585757;
height: 45px;
line-height: 45px;
right:4%;

}
.status-right-operate-sign-date{
position: absolute;
width: auto;
margin-top: -1%;
font-size: 16px;
color: #585757;
height: 50px;
line-height: 50px;
right:6%;

}
.status-right-goods-price{
position: absolute;
color: #585757;
height: 45px;
line-height: 45px;
right:25%;

}

.status-right-order-from-status{
position: absolute;
height: 45px;
line-height: 45px;
right:33.5%;

}
.order-status-price-total-right{
position: absolute;
height: 45px;
line-height: 45px;
right:31%;

}
.order-status-right{
position: absolute;
height: 40px;
line-height: 40px;
right:4%;

}
.update-tmple-list-tatus-left{
position: absolute;
color: #585757;
height: 45px;
line-height: 45px;
left:10%;

}
.update-files-small-title-list-tatus-left{
position: absolute;
color: #585757;
margin-top: 11%;
height: 45px;
line-height: 45px;
left:35%;

}
.update-files-list-tatus-midll{
position: absolute;
color: #585757;
margin-top: 8%;
height: 45px;
line-height: 45px;
left:42%;

}
.update-files-list-but{
position: absolute;
color: #585757;
margin-top: 16%;
height: 45px;
line-height: 45px;
left:45%;

}
.update-files-list-messagebox-error{
position: absolute;
color: #585757;
margin-top: 14%;
height: 45px;
line-height: 45px;
left:44.5%;

}
.order-list-top-title a {
color: #fff;
text-decoration: none;
}
.order-list-top-title a:hover {
background-color: #fff;
}

.order-list-detail {
  position:relative;
width:98%; 
margin: 5px auto;
left:1%;
right:1%;
height: 40px;


color: #000; 
background-color: #fff;

}
.order-list-detail ul {
list-style: none;
margin-left: 50px;
}
.order-list-detail li {
margin-left:1%;
display: inline;
}
.order-detial-list-tables {
  position: relative;
  
    width: 97%;
    height: 30000px;
    left:1.5%;
    right:1.5%;

    
}
.order-detial-list-img {

    width: 90px; /* 图片宽度 */
     height: 80px; /* 根据需要设置高度 */
  
    padding: 16px;
   
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 可选，水平居中 */
   
    place-items: center; /* 同时水平和垂直居中 */
   
 


}
.order-detial-list-text {
    flex-grow: 1; /* 文字区域占据剩余空间 */
}

.detial-status-right{
position: absolute;

margin-top: -0.6%;
right: 5%;

}
 .order-list-detail a {
color: #fff;
text-decoration: none;
}
.order-list-detail a:hover {
background-color: #fff;
}


.horizontal-list {

list-style-type: none; /* 去掉默认的列表样式 */
padding: 0;
margin: 0;
height: 35px;
line-height: 35px;
border-radius: 40px; 
backdrop-filter: blur(3px); 
color: #000;
background: #ebebeb;
 
/*background-color: #fff !important;
box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);*/
}
.horizontal-list li {
    display: inline-block; /* 使列表项横向排列 */
    margin-left: 20px;
    margin-right: 20px; /* 可选：为列表项之间添加间距 */

}
.rowtr{


 background: #fff;
    box-shadow: 0 20px 40px 1px rgba(0, 0, 0, 0.12);
  width: 99.8;
  left:0.1%;
  right:0.1%;
}
.order-detial-table-td-text {
position: relative;
padding: 15px;
height: 25px;
line-height: 25px;
color: #585757;
/*background: #fff;
    box-shadow: 0 20px 40px 1px rgba(0, 0, 0, 0.12);
font-size: 14px;*/



}
.regbtn {
  left:15%;
  position: absolute;
  background:#180ed5;
  -moz-user-select: none;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
 
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
 
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  border-radius:30px;
  box-shadow: 0px 9px 25px rgba(0, 0, 0, .7);

}
.regbtn.yellow-regbtn {
  color: #dd2910;
  width:auto;
  height:40px;
}
.regbtn:hover,
.regbtn.yellow-regbtn:hover {
  background: #dd2910;
  color: #fff;
   width:auto;
  height:40px;
}
.breadcrumb > .active {
  color: #888;
}

.btncart {
    
   height:50px;
   width:140px;
  -moz-user-select: none;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: 0;
  margin-left: 27%;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family:Arial;
  border-radius:50px;
  box-shadow: 0px 9px 25px rgba(0, 0, 0, .7);
}
.btncart{
  background: #dd2910;
    color: #fff;
}
.btncart:hover {
  background: #fc761b;
  color: #fff;
}
.breadcrumb > .active {
  color: #888;
}
.btncart a:link{
    color:white
}
.btncart a:visited{
    color:white
}
.btncart a:hover{
    color:white
}

.btnbuy {
   height:50px;
  width:140px;
  -moz-user-select: none;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
   font-family:Arial;
  border-radius:50px;
}
.btnbuy-appl{

   -moz-user-select: none;
  border: medium none;
  background-color: #f34719;
  color: #fff;
  cursor: pointer;
 left: 50%;
    top: 65%;
   transform: translate(-50%, -65%);
  position: absolute;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
  height:50px;
  width:180px;
  
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family:Arial;
  border-radius:50px;

  box-shadow: 0px 9px 25px rgba(0, 0, 0, .7);

}


.btnbuy{
  color: #dd2910;
    color: #fff;
}
.btnbuy:hover {
  background: #fc761b;
  color: #fff;
}
.breadcrumb > .active {
  color: #888;
}


.btnbuybill {
   height:50px;
  width:auto;
  -moz-user-select: none;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
   font-family:Arial;
  border-radius:50px;
}
.btnbuybill {

   -moz-user-select: none;
  border: medium none;
  background-color: #f34719;
  color: #fff;
  cursor: pointer;
 
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1;
  height:50px;
  width:auto;
  left:100px;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family:Arial;
  border-radius:55px;

  box-shadow: 0px 9px 25px rgba(0, 0, 0, .7);

}


.btnbuybill{
  color: #dd2910;
    color: #fff;
}
.btnbuybill:hover {
  background: #fc761b;
  color: #fff;
}
.breadcrumb > .active {
  color: #888;
}




.btntop {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
}
.btntop.yellow-btn {
  left:20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 10px 27px 15px 7px;
  text-align: center;
  background: #ff6905;
  color: #000;
  width:auto;
  height:40px;
  position: absolute;
}
.btntop:hover,
.btntop.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width:auto;
  height:40px;
}
.breadcrumb > .active {
  color: #888;
}

.checkoutbtntop {
  width: auto;
  height:45px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 0;
  line-height: 1;
}


.checkoutbtn {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  
border-radius: 20px;
  
  width: 90px;
  height:45px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}

.checkoutbtn:hover,
.checkoutbtn.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
  width: 90px;
  height:45px;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}

.addmidllbtntop {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  

  position: absolute;
  top:85%;
  left:35%;
  width: 100px;
  height:50px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}

.addmidllbtntop:hover,
.addmidllbtntop.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width: 100px;
  height:50px;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}


.leftbtntop {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  

  position: absolute;
  top:70%;
  left:50px;
  width: 100px;
  height:50px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}

.leftbtntop:hover,
.leftbtntop.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width: 100px;
  height:50px;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}
.menuebuts {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  

  position: absolute;

  width: 100px;
  height:40px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;

  
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 10px;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}

.menuebuts:hover,
.menuebuts.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width: 100px;
  height:40px;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}
.leftbtnregit {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  z-index: 9999;

  position: absolute;
  top:95%;
  left:50px;
  width: 100px;
  height:50px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);
        z-index: 999999;

}

.leftbtnregit:hover,
.leftbtnregit.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width: 100px;
  height:50px;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}

.Regit-right-box{
    background: none;
    position: relative;
    width:49%;
    height: auto;
    left:25%;
    margin-bottom: 15px;
    /*border: 1px solid #ccc;
    margin-bottom: 15px;
     margin-top: 15px;
     border-radius: 5px;*/
}
.Regit-right-box .title
{
    width:49%;
    height: 40px;
    line-height:40px;
    text-align: center;

}
.msg-small-title
{
    width:100%;
    height: 20px;
    font-size:14px;
    text-align: center;
    letter-spacing: 1;
    text-align: center;

}
.middle-title
{
    width:100%;
    height: 20px;
    line-height:20px;
    text-align: center;
    letter-spacing: 1;
    text-align: center;

}
.Regit-right-box .msg-small-title
{
    width:100%;
    height: 20px;
    left:0%;
    font-size:14px;
    line-height:20px;
    letter-spacing: 1;

}
.Regit-right-box .middle-title
{
    width:100%;
    height: 40px;
    line-height:40px;
    left:0%;
    text-align: center;
    letter-spacing: 1;

}
.Regit-right-box .content
{
    width:100%;
    height: auto;
   
    left:0%;
    text-align: center;
    letter-spacing: 1;

}
.leftbtnrpaying {
  background:#f87806;
  -moz-user-select: none;
  border: medium none;
  z-index: 9999;

  position: absolute;
  
  left:20%;
  right:20%;
  width: 60%;
  height:50px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 27px 15px 27px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9);
        z-index: 999999;

}

.leftbtnrpaying:hover,
.leftbtnrpaying.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width: 100px;
  height:50px;
  box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)
}
.breadcrumb > .active {
  color: #888;
}


.btn.yellow-btn {
  color: #dd2910;
  width:auto;
  height:40px;
}
.btn:hover,
.btn.yellow-btn:hover {
  background: #dd2910;
  color: #fff;
   width:auto;
  height:40px;
}
.breadcrumb > .active {
  color: #888;
}

/* scrollUp */
.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 1px;
  font-size: 16px;
  border-radius: 5px;
  z-index: 9;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
  border: none;
  opacity: 0;
}
.scroll-top.open {
  bottom: 30px;
  opacity: 1;
}
.scroll-top::after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top:hover {
  background: #ffff;
}
/* All-color */
.header-top-right ul li i,
.header-top-right ul li a:hover,
.header-top-action ul li a:hover,
.mega-menu ul li a:hover,
.slider-content p span,
.view-more a:hover,
.super-deal-content h6 a:hover,
.core-features-item:hover .core-features-content h6,
.special-single-item-content h5 a:hover,
.special--cat--item--wrap .shop-now,
.footer-social ul li a:hover,
.fw-link ul li a:hover,
.navbar-wrap ul li .submenu li:hover a,
.navbar-wrap ul li .submenu li.active a {
  color: #0163d2;
}

.special--cat--item--wrap .shop-now:hover,
.product-menu button.active,
.exclusive--content--bottom span,
.exclusive--content--bottom h5 a:hover,
.blog-post-content h4 a:hover,
.blog-post-meta ul li i,
.blog-post-meta ul li a:hover,
.blog-post-content .read-more:hover,
.header-style-two .header-top-right ul li a:hover,
.header-style-two .navbar-wrap > ul > li.active > a,
.header-style-two .navbar-wrap > ul > li:hover > a,
.header-action ul li a:hover,

.header-style-two .mega-menu ul li a:hover,
.more_slide_open > li:hover > a,

.second-slider-area .slider-content p span,
.exclusive-item-two .tag a:hover,
.deal-of-the-day .super-deal-content h6 a:hover,
.regit-add-user-model .super-deal-content h6 a:hover,

.index-add-user-model .super-deal-content h6 a:hover,
.index-add-right-top-model .super-deal-content h6 a:hover,
.view-all-deal a,
.best-cat-item:hover .best-cat-content h5 a,
.list-product-top .view-all,
.list-product-content h6 a:hover,
.breadcrumb-content .breadcrumb li.active,
.wishlist-area tbody .product-thumbnail a.wishlist-remove:hover,
.wishlist-area tbody .product-name h4 a:hover,
.wishlist-area tbody .product-stock-status span,
.wishlist-area tbody .product-subtotal span,
.order-complete-content h3 span,
.order-complete-content p.get-ans a,
.login-page-title .title span,
.my-account-content p span,
.login-form .form-grp label span,
.login-form .forget-pass a:hover,
.third-slider-area .slider-content h2 span,
.third-slider-area .slider-content p span,
.exclusive-item-three .new-price,
.exclusive-item-three .exclusive-item-content h5 a:hover,
.bs-cat-box .bs-cat-list ul li a:hover,
.bs-cat-box .view-all,
.core-features-style-two .core-features-item:hover .core-features-content h6,
.footer-style-two .newsletter-title h4 span,
.footer-style-two .fw-link ul li a:hover,
.footer-style-two .copyright-text p a,
.four-slider-area .slider-content p span,
.shop-cat-list ul li a:hover::before,
.sidebar-product-content h5 a:hover,
.shop-widget-title .slider-nav span:hover,
.blog-cat-list ul li a:hover,
.rc-post-content h5 a:hover,
.classic-blog-post.s-blog-post-item .blog-post-meta ul li:first-child i,
.comment-reply-link:hover,
.related-slider-nav .slider-nav span:hover,
.product-details-size > a:hover,
.shop-details-bottom h5 a:hover,
.shop-details-bottom ul li a:hover,
.promo-subscribe .trial-text span,
.header-style-two .navbar-wrap ul li .submenu li:hover a,
.header-style-two .navbar-wrap ul li .submenu li.active a,
.mobile-menu .navigation li.active > a,
.mobile-menu .navigation li ul li.active > a,
.mobile-menu .social-links li a:hover {
  color: #ff6000;
}

/* All-background */
.header-search-wrap form button,
.navbar-wrap > ul > li > a::before,
.header-shop-cart .minicart .checkout-link a,
.btn.yellow-btn {
  background: #f7ba01;
  width: 120px;/*查询按钮宽度*/
}
.btn,
.btnimg,
.blue-bg,
.view-more a:hover i,
.scroll-top {
  background: #fff;
   backdrop-filter: blur(3px); 
    color: #000; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
   
   margin-bottom: 45px;
}
/*信息弹窗*/
.main-windows{ 
    display: none; 
   position: absolute; 
   top: 0%; left: 0%; 
   width: 100%; 
   height: 130%; 
   background-color: black; 
   z-index:1001; 
   -moz-opacity: 0.6; 
   opacity:.60; 
   filter: alpha(opacity=86);

}
.my-cart-goods-img {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    height: 100px;           /* 容器高度，根据需要设置 */
    width: 100px;           /* 容器宽度，根据需要设置 */
}
.pop-up-new-windows{
   display: none; 
   position: absolute; 
   left: 50%;
    top: 40%;
   transform: translate(-50%, -40%);
   width: 30%; 
   height: 49%; 

   background-color:#f6f6f6; 
   z-index:1002; 
   overflow: auto;
    border-radius:10px;
}
.line {
  height: 1px;
  border: none;
  background-color:#d0d0d0;
} 
.pop-up-windows-tiles{
    height: 20px;
    width: 100%;
    background:#f0f0f0;
   }
.pop-up-windows-message
   {
     position: absolute;
     width: auto;
     height: 50%;
    
    left:15%;
    font-size: 20px;
     color: #3e403d;
     
    text-align: center;
   top:25%;
   }

/*信息弹窗*/
.pop-up-otification{
    position: fixed;
    left: 0px;
    top: 0px;
 
    width: 100%;
    height: 100%;
    opacity: 1;
   }
   .pop-up-windows{
    position: relative;
    background: #fff;
    width: 30%;
    height: 60%;
    border-radius: 5px;
    margin: 5% auto;
   }
  .pop-up-tiles{
    height: 40px;
    width: 100%;
    background:#f0f0f0;
   }
   .pop-up-tiles-midll
   {

     position: absolute;
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    border-radius: 5px;

    color: #3e403d;
    right: 40%;
    top: 1px;
    text-align: center;
   }
  .pop-up-tiles-right{
    position: absolute;
    width: 45px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    background: red;
    color: #fff;
    right: 5px;
    top: 2px;
    text-align: center;
   }
   .pop-up-tiles-right:hover{
    background-image:url(data:image/png;
 base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)


   }
   .pop-up-windows-messagebox
   {
     position: absolute;
     width: auto;
       height: 50%;
    
    left:35%;
    font-size: 20px;
     color: #3e403d;
     
    text-align: center;
   top:25%;
   }
   .pop-up-windows-user
   {
    
     width: 200px;
     height: 40px;
    position:absolute;
    
    font-size: 20px;
     color: #3e403d;
    left:30%;
      top:35%;
   }

   .pop-up-windows-password
   {
    
     width: 200px;
     height: 40px;
    position:absolute;
    
    font-size: 20px;
     color: #3e403d;
   left:30%;
      top:45%;
   }
   .pop-up-windows-password-Remember
   {
    
     width: 200px;
     height: 40px;
    position:absolute;
    
    font-size: 20px;
     color: #3e403d;
   left:24%;
   top:56%;
   }
   .pop-up-windows-password-miss
   {
    
     width: 200px;
     height: 40px;
    position:absolute;
    
    font-size: 20px;
     color: #3e403d;
   right:-5%;
   top:56%;
   }
.bill-paying-top-lable-one
{
  
   left:5%;
  width: auto;
  position:absolute;
  color:#000;
 letter-spacing: 0px;
}
.bill-paying-top-lable-two
{
    
   left:25%;
  width: auto;
  position: absolute;
  color:#000;
 letter-spacing: 0px;
}
.bill-paying-top-lable-three
{
  
   left:48%;
  width: auto;
  position: absolute;
  color:#000;
 letter-spacing: 0px;
}
.bill-paying-top-left ul {
 letter-spacing: 0px;
  left:48%;
  width: 50%;

  position: relative;

  
}
.bill-paying-top-left ul > li > div {
     
  
}
.bill-paying-top-left ul li {
  
  position:absolute;
  font-size: 12px;
  color: #656565;
 
}
.bill-paying-top-left ul li::after,
.header-top-right ul li::after {
    content: "";
    
    position: absolute;
   
  right: 0;
  color: #bcbcbc;
}
.bill-paying-top-left ul li:last-child,
.header-top-right ul li:last-child {
 
}
.bill-paying-top-left ul li:last-child::after,
.header-top-right ul li:last-child::after {
  display: none;
}
.bill-paying-top-left .dropdown button {
  border: none;
  background: transparent;
  font-size: 12px;
  color: #656565;
  font-weight: 400;
  padding: 0 0 0 0px;
}
.bill-paying-top-left .dropdown .dropdown-item {
  color: #6f6f6f;
  font-size: 12px;
}
.bill-paying-top-left .dropdown img {
  margin-right: 0px;
}



/* 2. Header */
.container-full {
  padding: 0 205px;
}
.header-top-area {
  background: #eeeeee;
 height: 50px;/*语言状态条的高度*/
}
.header-top-left ul {
  display: flex;
  align-items: center;
}
.header-top-left ul > li > div {
    display: flex;
    align-items: center;
}
.header-top-left ul li {
  display: block;
  position: relative;
  font-size: 12px;
  color: #656565;
  padding-right: 25px;
  margin-right: 25px;
}
.header-top-left ul li::after,
.header-top-right ul li::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  right: 0;
  color: #bcbcbc;
}
.header-top-left ul li:last-child,
.header-top-right ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.header-top-left ul li:last-child::after,
.header-top-right ul li:last-child::after {
  display: none;
}
.header-top-left .dropdown button {
  border: none;
  background: transparent;
  font-size: 12px;
  color: #656565;
  font-weight: 400;
  padding: 0 0 0 10px;
}
.header-top-left .dropdown .dropdown-item {
  color: #6f6f6f;
  font-size: 12px;
}
.header-top-left .dropdown img {
  margin-right: 8px;
}
.header-top-right ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-top-right ul li {
    font-size: 12px;
    padding-right: 20px;
  margin-right: 20px;
  position: relative;
}
.header-top-right ul li a {
  color: #656565;
}
.header-top-right ul li i {
  margin-right: 7px;
}
.login-infor ul {
  height:50px;
 float: right;
 margin-right: 15px;
 margin-left: 15px;
  width: 100%;
  line-height:50px;
  display: flex;

}
.header-top-action a {
  color: #fff;
}

.header-top-action a:hover {
  color: #fff !important;
  text-decoration: none;
}

.header-top-action a:not([href]):not([tabindex]):hover {
  color: #ffff;
}

.header-top-action a,
.header-top-action a:hover,
.header-top-action a:focus,
.header-top-action a:active,
button,
button:focus,
input,
select,
textarea {
  outline: none;
}
.header-search-wrap form {
    display: flex;
    align-items: center;
    width: 5%;
   
}
.header-search-wrap form input {
  border: 1.5px solid #fff;
  width: 100%;
  padding: 13px 20px;
  border-radius: 5px 0 0 5px;
  font-size: 12px;
  height: 47px;
  
}
.header-search-wrap form input::placeholder {
  font-size: 12px;
  color: #8b8b8b;
}
.header-search-wrap form .custom-select,
.shop-meta-right form .custom-select,
.checkout-form .form-grp .custom-select {
  display: inline-block;
  padding: 10px 42px 10px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #818181;
  vertical-align: middle;
  background: url("../img/icon/nw_selarw.png") no-repeat scroll 97.5% center;
  background-color: #fff;/*选择框背景大小*/
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: .3s ease-in-out;
  font-family: 'Rubik', sans-serif;
  width: 170px;
  height: 47px;
  border-top: 1.5px solid #dfdfdf;
  border-bottom: 1.5px solid #dfdfdf;

}
.header-search-wrap form button {
  flex-grow: 1;
  border: none;
  padding: 0;
  font-size: 16px;
  color: #fff;
  height: 47px;
  line-height: 46px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.header-search-wrap form .custom-select option {
  color: #252525;
}
.header-top-action ul li {
  
  display: block;
  height: 50px;
  line-height: 50px;
  z-index: 99999999;

}
.header-top-action ul li a {
  display: block;
  text-align: center;
  font-size: 18px;

   font-weight: bold;


  color: red;
}
.header-top-action ul li a i {
  display: block;
  font-size: 18px;
  color:#fff;
 
}
.header-search-area {
  background: #fff;
  padding: 1px 0;/*search input up,down height*/
  height: 50px;
}
.transparent-header {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 9;
  height: auto;
}

.menu-nav {
  
 
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.navbar-wrap {
  display: flex;
  flex-grow: 1;
}

.navbar-wrap ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
}
.navbar-wrap ul li {
  display: block;
  position: relative;
}


.navbar-wrap ul li a {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  padding: 32px 20px;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.navbar-wrap > ul > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  width: 80%;
  bottom: 0;
  margin: 0 auto;
  border-radius: 3px 3px 0 0;
  
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}


.navbar-wrap > ul > li:last-child > a::before {
  margin-left: auto;
  margin-right: 0;
}

.navbar-wrap > ul > li:last-child a {
  padding-right: 0;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
  color: #fff;
}

.main-menu .navigation li.dropdown .dropdown-btn {
  display: none;
}



.header-action > ul {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.header-action > ul li {
  position: relative;
  margin-left: 25px;
}
.header-action ul li:first-child {
  margin-left: 0;
}
.header-action > ul > li.header-shop-cart > a {
  padding-right: 0px;
}
.header-action ul li a {
    color: #2d2d2d;
    font-size: 18px;
}
.header-shop-cart a {
  position: relative;
}
.header-shop-cart a span.cart-count {
    position: absolute;
    right: 0px;
    bottom: -7px;
    width: 15px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: #222;
    background: #f7ba01;
}
.header-shop-cart .cart-total-price {
    font-size: 14px;
    font-weight: 500;
    color: #525252;
  
  display: inline-block;
}
.shopping-cart {
    display: inline-block;
    position:absolute;
  
    background: url('../img/icon/hqbdzw_cart.png') no-repeat 0 0;
    width: 64px;
    height: 64px;
    
}

.header-shop-cart ul.minicart {
  background: #fff;
  
  padding: 25px;
  position:fixed;
  right: -15px;
  top: 57px;
  transition: all 0.5s ease 0s;
  width: 350px;
  z-index: 9;
  box-shadow: 0px 12px 24px 0px rgba(120, 120, 120, 0.3);
  visibility: hidden;
  transform: translateY(10px);
}
.header-shop-cart ul.minicart::before {
  position: absolute;
  content: '';
  left: 0px;
  top: -40px;
  width: 100%;
  height: 45px;
  display: block;
}
.header-shop-cart:hover ul.minicart {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  z-index: 9999;
}
.header-shop-cart .minicart > li {
  display: block;
  margin-bottom: 22px;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}
.minicart .cart-img img {
  width: 100%;
}
.header-shop-cart .minicart .cart-img {
    width: 34%;
}
.header-shop-cart .minicart .cart-content {

  width: 60%;
  background: #fff;
  padding-left: 15px;
  text-align: left;
  padding-right: 25px;
}
.cart-content h4 {
    font-family: 'Rubik', sans-serif;
    line-height: 1.1;
    background: #fff;
}
.minicart .cart-content h4 a {
    color: #2d2d2d;
    font-size: 15px;
    background: none;
    font-weight: 500;
    background: #fff;
}
.minicart .cart-price span {
    color: #616161;
    font-size: 13px;
    font-weight: 400;
    margin-left: 6px;
}
.minicart .cart-price .new {
  font-size: 14px;
  margin-left: 0;
}
.header-shop-cart .minicart .del-icon {
  float: right;
  margin-top: 30px;
}
.minicart .del-icon > a {
  font-size: 18px;
}
.total-price {
  border-top: 1px solid #473151;
  overflow: hidden;
  padding-top: 25px;
  margin-top: 10px;
}
.total-price span {
    color: #616161;
    font-weight: 500;
}
.header-shop-cart .minicart > li:last-child {
  margin-bottom: 0;
}
.header-shop-cart .minicart .checkout-link a {
    color: #2d2d2d;
    display: block;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.header-shop-cart .minicart .checkout-link a.red-color {
  background: #f9370a;
  color: #fff;
}
.navbar-wrap ul li .submenu {
  position: absolute;
  z-index: 9;
  background-color: #fff;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  display: block;
  left: 0;
  opacity: 0;
  padding: 18px 0;
  right: 0;
  top: 100%;
  visibility: hidden;
  min-width: 230px;
  border: 1px solid #f5f5f5;
  background: #ffffff;
  box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
  margin: 0;
  transform: scale(1 , 0);
  transform-origin: 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li .submenu li {
  margin-left: 0;
  text-align: left;
  display: block;
}
.navbar-wrap ul li .submenu li a {
    padding: 0 10px 0 25px;
    line-height: 40px;
    font-weight: 400;
    color: #252525;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.sticky-menu .navbar-wrap ul li a {
  color: #252525;
}
.hqbdzwtwo-menus { 
    height: 52px; 
    float: left; 
    display: inline; 
    margin: 0 -6px; 
    width: 100%; 
    position: relative; 
    z-index: 3; 

    background-color:#fefefe;
    box-shadow: 0px 1px 16px 0px rgba(220, 220, 220, 0.47);
    border: 1px solid #ebebeb;
}
.hqbdzwtwo-menus .sideleft {
 background:#fff no-repeat left bottom; 
 float: left; 
 height: 32px;
width: 6px; 
display: inline;
 margin: 0 0 0 10%;

}

.hqbdzwtwo-menus .sideright { 
    background:#fff no-repeat right bottom; 
    float: left; 
    height: 32px;
width: 6px; 
display: inline; 
margin:  0 0 0 85%;
}
.hqbdzwtwo-menus .two-menus { 
    background:#fff repeat-x center top; 
    height: 42px; 
    line-height: 42px;
   
float: left; 
display: inline
 box-shadow:
        7px 7px 12px rgba(0, 0, 0, .4),
        -7px -7px 12px rgba(255, 255, 255, .9)

}
.hqbdzwtwo-menus .two-menus li { float: left; 
    white-space: nowrap;
     margin: 0px; 
     padding: 0px; 
     display: inline
    }
.hqbdzwtwo-menus .two-menus li a { 
    background:#fff no-repeat 0 0; 
    width: 80px; 
    padding: 7px 60 5px 0; 
    float: left; 
    line-height: 42px; 
    height: 42px; 
    text-align: center
}

.hqbdzwtwo-menus .two-menus li a:hover {
 background-position: 0 -32px; 
 color: #ff0000; 
 text-decoration: none; 
 padding: 8px 60px 4px 0
}

.mega-menu {
  position: absolute;
  display: flex;
  left: 100%;
  top: 0;
  background: #fff;
  box-shadow: 0px 1px 16px 0px rgba(220, 220, 220, 0.47);
  border: 1px solid #ebebeb;
  width: 750px;
  padding: 25px 20px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: .3s linear;
  z-index: 2;
}
.mega-menu > li {
  width: 33.333%;
}
.mega-menu .dropdown-title {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Josefin Sans', sans-serif;
  color: #252525;
  margin-bottom: 17px;
}
.mega-menu li ul {
  margin-bottom: 25px;
}
.mega-menu li ul:last-child {
  margin-bottom: 0px;
}
.mega-menu ul li {
  margin-bottom: 16px;
}
.mega-menu ul li:last-child {
  margin-bottom: 0px;
}
.mega-menu ul li a {
  font-size: 13px;
  color: #6e6e6e;
  display: inline-block;
}
.mega-menu ul li a:hover {
  padding-left: 5px;
}
.mega-menu ul li.mega-menu-banner a:hover {
  padding-left: 0;
}
.mega-menu-banner img {
  width: 100%;
}

.logo .sticky-block {
  display: none;
}
.sticky-menu .logo .sticky-block {
  display: block;
}
.sticky-menu .logo .sticky-none {
  display: none;
}
.sticky-menu.menu-area .mobile-nav-toggler {
  color: #252525;
}

.header-style-two .header-top-area {
    background: #fbfbfb;
    border-bottom: 1px solid #eeeeee;
}
.header-style-two .header-top-right ul li span {
    margin: 0 5px;
}
.header-style-two .header-top-right ul li i {
    font-size: 14px;
    color: #a4a4a4;
}
.header-style-two .navbar-wrap ul li a {
  color: #2d2d2d;
}
.header-style-two .navbar-wrap > ul > li > a::before {
    width: 45px;
    height: 1px;
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
  background: #ff6000;
  margin: 0 auto;
    z-index: -1;
}
.header-style-two .navbar-wrap > ul > li.active > a::before,
.header-style-two .navbar-wrap > ul > li:hover > a::before {
  transform: translateY(-50%) rotate(-40deg);
}
.header-style-two .navbar-wrap > ul > li a {
    padding: 15px 20px;/*最上面菜单距离*/
    
   
}
.header-style-two .main-header {
    padding: 0;
}
.header-style-two .main-header.sticky-menu {
  padding: 0;
}

.header-style-two .header-search-area {
  
   /*  background-image: linear-gradient(#0deae7,#0deae7, #1E9600);
    background:linear-gradient(
          to right,
          red 0%, red 25% ,
          blue 25%,blue 50%,
          green 50%,green 75%,
          pink 75% ,pink 100%
      ); */

      background:#69cafc;
    padding: 4px;/*状态条淡蓝色search input background width and background colors*/

}

.header-style-two .cat-menu-img {
    display: inline-block;
    border: 2px solid #ebebeb;
    padding: 2px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-right: 15px;
}
.header-style-two .cat-menu-img img {
  border-radius: 50%;
}

.more_slide_open {
  display: none;
}

.header-style-two .header-search-wrap form {
    left:50%;
    transform: translate(-50%);
    width: 60%;
    height: 40px;
    position:absolute;
}
.header-style-two .header-search-wrap form input {
    border: none;
    width: 65%;
    border-radius: 30px 0 0 30px;
    height: 40px;
}
.header-style-two .header-search-wrap form .custom-select {
    padding: 10px 32px 10px 16px;
    width: 170px;
    height: 40px;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #d5d5d5;
}
.header-style-two .header-search-wrap form button {
    border: none;
    color: #2d2d2d;
    height: 40px;
    line-height: 40px;
    border-radius: 0 30px 30px 0;
}

.header-free-shopping {
  margin-left: 45px;
}
.header-free-shopping p {
    margin-bottom: 0;
    font-size: 14px;
    color: #8b8b8b;
}
.header-free-shopping p span {
  font-weight: 500;
  color: #6c6a6a;
}
.pt-100 {
    margin-left:1.5%;
  margin-right:1.5%;
  width: 97%;
    padding-top: 10px;
}
.custom-container-three {
    max-width: 1628px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Mobile-menu */
.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: #fff;
  margin-right: 30px;
  top: 15px;
}
.nav-logo img {

  left:10px;
  width: auto;
}
.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
.mobile-menu .navbar-collapse {
  display: block !important;
}
.mobile-menu .nav-logo {
  position: relative;
  text-align: left;
}
.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}
.mobile-menu .navigation li.current>a:before {
  height: 100%;
}
.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background: #000;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 0.70;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #202020;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>ul>li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}
.mobile-menu .navigation li ul li > a {
    font-size: 15px;
    margin-left: 20px;
    text-transform: capitalize;
    font-weight: 400;
}
.mobile-menu .navigation li>a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}


.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
  display: none;
}
.mobile-menu .social-links {
  position: relative;
  text-align: center;
  padding: 30px 25px;
}
.mobile-menu .social-links li {
  position: relative;
  display: inline-block;
  margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 30px;
  cursor: pointer;
  line-height: 1;
  color: #fff;
    display: none;
}

/* 3. Breadcrumb */
.breadcrumb-bg {
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 85px;
}
.breadcrumb-content h2 {
    font-size: 45px;
    text-transform: uppercase;
  line-height: 1;
  margin-bottom: 15px;
}
.breadcrumb-content .breadcrumb {
    display: inline-block;
    padding: 10px 40px;
    margin-bottom: 0;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.82);
    border-radius: 50px;
}
.breadcrumb-content .breadcrumb li,
.breadcrumb-content .breadcrumb li a {
    display: inline-block;
  color: #6d6c6c;
  padding: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: unset;
    content: "";
    height: 6px;
    width: 6px;
    background: #a1a1a1;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
}

/* 4. Slider */
.burst-12{
width: 80px;
height: 80px;
background-color: red;
position: relative;
text-align: center;
}
.burst-12:before,.burst-12:after{
width: 80px;
height: 80px;
top: 0;
left: 0;
background-color: red;
position: absolute;
content: "";
}
.burst-12:before{
transform:rotate(30deg);
-webkit-transform:rotate(30deg);
-ms-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
}
.burst-12:after{
transform:rotate(60deg);
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
-moz-transform:rotate(60deg);
-o-transform:rotate(60deg);
}
.burst{
    top: 150px;
left: 500px;
 position: absolute;
}
.slick-slide:focus {
  outline: none;
}
.slider-width-height
{

    width:1000px;
    height:800px;
 
}
.slider-bg {
 height: 350px;
  width: 100%;
  display: flex !important;
  align-items: center !important;
  background-position: center;
  background-size: cover;
  background: #fff;
 /* background-image: url('img/bg/frm_login.gif'); /* 替换 'image-path.jpg' 为你的图片路径 */
 background-size: cover; /* 背景图片覆盖整个元素 */
 background-repeat: no-repeat; /* 背景图片不重复 */
 background-position: center; /* 背景图片居中 */
   
}

.slider-img img {
position:relative;
 width: auto;
 height:auto;
margin: auto;
justify-content: center;
align-items: center;
text-align: center;

}

.midl-slider-bg{
    min-height: 300px;
  width: 99%;
  display: flex !important;
  align-items: center !important;
  background-position: center;
  background-size: cover;
    box-shadow: 5px 10px 10px -5px rgba(0,0,0,0.5);
}
.slider-bg-left-ad {
  height:100%;
  width: 100%;
  display: flex !important;
  align-items: center !important;

 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slider-top-left{
 
  display: flex !important;
  align-items: center !important;
  background-position: center;
  background-size: cover;
 
  height: 400px;
  width: 100%;
   position: absolute;
}
.ad-title{
 top:65%;
 left:5%;
 width:100%;
 font-size:22px;
  letter-spacing: 1px;
  position: absolute;
 color:#fff;
}
.slider-top-right{

 
  position: absolute;
  display: flex !important;
  align-items: center !important;
  background-position: center;
  background-size: cover;
   margin: 100 100 100 100;
  height: 500px;
  width: 100%;
}
.slider-content{
  width: 100%;
}
.slider-content h5 {
    left:20px;
    font-size: 56px;
    text-transform: uppercase;
    line-height: .9;
    font-weight: 300;
  margin-bottom: 10px;
  letter-spacing: 0px;
}
.slider-content h2 {
  position:relative;
  left:20px;
  font-size: 38px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.slider-worlds h3 {
 
 position:relative;

 
  width: auto;
  height:auto;
  left:5%;
  top:-120px;

  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;



  
}
.slider-content-ad h2 {
 ;
  position:absolute;
  left:20px;
  font-size: 38px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.slider-content p {
    left:20px;
    line-height: 1.2;
    margin-bottom: 45px;
    color: #3b3b3b;
    font-size: 16px;
}
.second-slider-area {
    background-position: center;
    background-size: cover;
    padding-bottom: 40px;
}
.second-slider-area .slider-content {
    width: 50%;
}
.regit_add-slider-active {
  
   
}

.second-slider-area .slider-active {
    margin-left: 66px;
    margin-top: 15px;
}
.third-slider-area .slider-active {
  margin: 30px 0;
}
.slider_active{
margin-left: 66px;
    margin-top: 15px;
    position: relative;
}
.second-slider-area .slider-bg {
    min-height: 200px;
    background-position: right center;
    padding: 5px;/*second sroll pic up-over point*/

}
.second-slider-area .slider-content h5 {
  left:20px;
  font-size: 50px;
}
.third-slider-area {
  background-position: center;
  background-size: cover;
}
.third-slider-area .slider-bg {
    padding: 0 90px;
    min-height: 200px;
    justify-content: space-between;
}
.third-slider-area .slider-content {
    width: 55%;
}
.third-slider-area .slider-img {
    flex-grow: 1;
    text-align: right;
}
.third-slider-area .slider-img img {
  display: inline-block;
}
.third-slider-area .slider-content h5,
.third-slider-area .slider-content h2 {
    left:20px;
    font-size: 50px;
    color: #fff;
}
.third-slider-area .slider-content p {
  color: #fff;
}
.slider-bottom-product.list-product-item {
    border: 1px solid #ebebeb;
  padding: 11px;
  z-index: 1;
}
.slider-bottom-product.list-product-item:hover {
  background: #fff;
}
.slider-bottom-product .list-product-thumb::after {
  display: none;
}
.slider-bottom-product .list-product-thumb {
    width: 41%;
}
.slider-bottom-product.list-product-item::before {
    content: "";
    position: absolute;
    left: 11px;
    right: 11px;
    top: 11px;
    bottom: 11px;
    border: 1px solid #ebebeb;
    z-index: -1;
}
.four-slider-area .slider-bg {
    min-height: 677px;
    padding: 100px 160px;
}
.four-slider-area .slider-content {
    width: 50%;
}
.four-slider-area .slider-content h5 {
    font-size: 50px;
}
.four-slider-area .slider-content p span

/* 5. Super Deals */
.super-deal-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 175px;
}
.super-deal-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 175px;
}
.super-deal-title::before,
.super-deal-title::after {
  content: "";
  position: absolute;
  left: 45px;
  top: 50%;
  background-image: url(../img/images/deal_title_shape01.png);
  width: 132px;
  height: 14px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
.super-deal-title::after {
  background-image: url(../img/images/deal_title_shape02.png);
  right: 45px;
  left: auto;
}
.super-deal-title h3 {
    font-size: 24px;
    margin-bottom: 0;
    margin-right: 15px;
}
.super-deal-title h3 span {
  font-weight: 300;
}
.coming-time {
    display: flex;
    align-items: center;
}
.time-count {
  background: #252525;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 8px 12px;
  border-radius: 3px;
  text-align: center;
  margin-left: 6px;
  width: 50px;
  line-height: 1;
}
.time-count span {
  display: block;
  line-height: 1;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 2px;
}
.super-deal-title .time-count.day {
  display: none;
}
.time-count.sec,
.viewed-item-bottom .progress-bar {
  background: #ffa800;
}
.super-deal-top {
  background: #fff;
  padding-top: 60px;
  margin-top: -60px;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  padding-bottom: 50px;
}
.view-more a {
  color: #252525;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}
.view-more a span {
  margin-right: 12px;
}
.view-more a i {
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border: 1.5px solid #e6e5e5;
  font-size: 12px;
  color: #6f6f6f;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.view-more a:hover i {
  color: #fff;
  border-color: #0465d2;
}
.super-deal-thumb {
  position: relative;
}
.super-deal-thumb a {
  display: block;
}
.super-deal-thumb span.sd-meta,
.exclusive-item-thumb .sd-meta,
.exclusive-item-thumb .discount,
.list-product-tag {
  position: absolute;
  left: 0;
  top: 0;
  height: 21px;
  background: #ff6000;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  padding: 0 8px;
  border-radius: 3px;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 1;
}
.ad-product-flag {
 
  right:1%;
  top: 3%;
 width: 100px;
 height: 100px;

/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/bg/sign.jpg);

 position: absolute;


}

.login-ad-product-flag {
 
  right:11%;
  top: 3%;
 width: 100px;
 height: 100px;

/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/bg/sign.jpg);

 position: absolute;


}
.spotlight {
  color: #333;
  font-family: Helvetica;
  margin: 0;
  padding: 0;
  font-size: 8rem;
  letter-spacing: -0.3rem;
  position: relative;
}

.spotlight::after {
  content: attr(data-spotlight);
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: ellipse(100px 100px at 0% 50%);
  clip-path: ellipse(100px 100px at 0% 50%);
  animation: spotlight 5s infinite;
  background-image: url(https://images.unsplash.com/photo-1579547621869-0ddb5f237392?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);
  background-size: 150%;
  background-position: center center;
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes spotlight {
  0% {
    -webkit-clip-path: ellipse(100px 100px at 0% 50%);
    clip-path: ellipse(100px 100px at 0% 50%);
  }
  
  50% {
    -webkit-clip-path: ellipse(100px 100px at 100% 50%);
    clip-path: ellipse(100px 100px at 100% 50%);
  }
  
  100% {
    -webkit-clip-path: ellipse(100px 100px at 0% 50%);
    clip-path: ellipse(100px 100px at 0% 50%);
  }
}
.neon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    border: 10px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #ff00de, 0 0 200px #ff00de, 0 0 240px #ff00de, 0 0 300px #ff00de;
}

.neon::before, .neon::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: rgba(255,0,222,0.5);
    animation: animate 4s ease-in-out infinite;
}

.neon::before {
    animation-delay: -3s;
}

.neon::after {
    animation-delay: -1.5s;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #ff00de, 0 0 0px #ff00de, 0 0 0px #ff00de, 0 0 0px #ff00de;
    }
    50% {
        box-shadow: 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #ff00de, 0 0 200px #ff00de, 0 0 240px #ff00de, 0 0 300px #ff00de;
    }
    100% {
        box-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #ff00de, 0 0 0px #ff00de, 0 0 0px #ff00de, 0 0 0px #ff00de;
    }
}
.ad_world {
  animation:glow 10s ease-in-out infinite;
  
  


}

figure {
  animation:wobble 5s ease-in-out infinite;
  transform-origin:center center;
  transform-style:preserve-3d;

}
.dbg{
    background-image:url(../AI.png);
     background-size:cover;
       width:100%;
  height:195px;
}
.ad_world {
  
 
  display:block;
  width:100%;
  height:195px;
  line-height:1.5;
  font:2.5em 'Concert One', sans-serif;
  text-transform:uppercase;
  position:absolute;
  color:#ffff;
}

@keyframes glow {
  0%,50%{ text-shadow:0 0 30px red; }
  25%{ text-shadow:0 0 30px orange; }
  50%{ text-shadow:0 0 30px forestgreen; }
  75%{ text-shadow:0 0 30px cyan; }
}

.ad_world :nth-child(2){ transform:translateZ(5px); }
.ad_world :nth-child(3){ transform:translateZ(10px);}
.ad_world :nth-child(4){ transform:translateZ(15px); }
.ad_world :nth-child(5){ transform:translateZ(20px); }
.ad_world :nth-child(6){ transform:translateZ(25px); }
.ad_world :nth-child(7){ transform:translateZ(30px); }
.ad_world :nth-child(8){ transform:translateZ(35px); }
.ad_world :nth-child(9){ transform:translateZ(40px); }
.ad_world :nth-child(10){ transform:translateZ(45px); }

/*body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 60;
    font-size: 3em;
    background: #ccc;
}
.wrapper {
    margin: 10px auto;
    /*EXAMPLE ONE - EMBOSS, NEW BROWSERS*/
    
   /* text-align: center;
}
p {
    background: #fff;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    font-size: 3em;
    /*EXAMPLE TWO - INLET, NEW BROWSERS*/
    
   /* line-height: 1.2em;
}
p:nth-child(2) {
    font-size: 3em;
    background: #bababa;
    -webkit-background-clip: text;
    color: transparent;
    /*EXAMPLE THREE - CROSS-BROWSER COMPATIBLE*/
    
    /*text-shadow: rgba(255, 255, 255, 0.2) 1px 4px 2px;
}
.inlet {
    color: #787878;
    position: relative;
    font-size: 3em;
}
.inlet:before,
.inlet:after {
    content: attr(title);
    color: rgba(240, 240, 240, 0.5);
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
}
.inlet:before {
    top: 1px;
    left: 1px;
}
.inlet:after {
    top: 2px;
    left: 2px;
}*/

.border1{
    position: absolute;
    left: 20%;
    top: 40px;
    width: 120px;
    height:120px;
    border: 6px solid red;
    border-radius:100%;
    text-align: center;
}

.border2{
    position: relative;
    left: 3px;
    top: 3px;
    width: 110;
    height:110px;
    border: 3px solid red;
    border-radius:100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.border{
    position: absolute;
    left: 55px;
    top: 50px;
    width: 86px;
    height: 100px;
    border: 4px solid red;
     line-height: 100px;
    border-radius:10%;
     color : red;
}

.level{
     top:7px;
     color : red;
    position: relative;
    width: auto;
    height: 33px;
    line-height: 33px;
    border-bottom: 5px solid red;
    
     
}
.levelcontent{
     top:5px;
     color : red;
    position: relative;
    width: auto;
    height: 33px;
    line-height: 33px;
    
     
}
#content{
     left: 15px;
  color : red;
  font-size:12px;
  font-weight:bold;
  font-family: 楷体;
  margin: 0 auto;
  display: table;
   color : red;
  
}
.ad-instock-flag {
 
  left:1%;
  top: 3%;
 width: 120px;
 height: 120px;

/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/bg/instock.png);

 position: absolute;


}



.login-ad-instock-flag {
 
  left:1%;

 width: 120px;
 height: 120px;

/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/bg/instock.png);

 position: absolute;


}
.ad-smaill_instock-flag {
 
  left:5%;
  top: 3%;
 width: 50px;
 height: 60px;

/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/ad/instock.png);

 position: absolute;


}
.ad-smaill_product-flag {
 
  right:5%;
  top: 3%;
 width: 50px;
 height: 60px;

/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/ad/sign.jpg);

 position: absolute;


}
.super-deals-item {
  padding: 0 18px;
}
.super-deal-content h6 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 7px;
}
.super-deal-content p,
.special-single-item-content p,
.list-product-content p {
  margin-bottom: 0;
  line-height: 1.5;
  color: #ff6000;
}
.super-deal-content p span,
.special-single-item-content p span,
.list-product-content p span {
  color: #606060;
}
.super-deal-content p span::before,
.special-single-item-content p span::before,
.list-product-content p span::before {
  content: "|";
  display: inline-block;
  margin: 0 10px;
}

/* 6. Core-features */
.core-features-item {
  text-align: center;
  position: relative;
}
.core-features-icon {
  margin-bottom: 20px;
  min-height: 47px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.core-features-icon img {
  transition: .5s linear;
  transform: rotateY(0);
}
.core-features-item:hover .core-features-icon img {
  transform: rotateY(360deg);
}
.core-features-content h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #414141;
  font-family: 'Rubik', sans-serif;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.core-features-content span {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.core-features-border {
  border-top: 1px solid #ececec;
  padding-top: 100px;
  padding-bottom: 50px;
}
.core-features-item::after {
  content: "";
  position: absolute;
  right: -15px;
  height: 115px;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border-right: 1px solid #f2f2f2;
}
.core-features-border .row [class*="col-"]:last-child .core-features-item::after {
  display: none;
}
.features-wrap-item {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 40px 44px 50px;
}
.features-icon {
    font-size: 50px;
    color: #ff6000;
    line-height: 1;
  margin-bottom: 30px;
}
.features-icon i {
  display: inline-block;
  transform: rotateY(0);
  transition: .4s linear;
}
.features-wrap-item:hover .features-icon i {
  transform: rotateY(360deg);
}
.features-content h5 {
    font-size: 20px;
    margin-bottom: 15px;
}
.features-content p {
    margin-bottom: 20px;
}
.features-item-list ul li {
    display: block;
    font-size: 14px;
    margin-bottom: 7px;
}
.features-item-list ul li:last-child {
  margin-bottom: 0;
}


/* 7. Special-offer */

.regit-content{
position: relative;
  left:40%;
}
.regit-content::after {
  content: "";
  display: block;
 
  width: 252px;
  height: 24px;
  background-repeat: no-repeat;
  margin: 10px auto 0;
}
.regit-content .sub-title,
.regit-content .sub-title {
  display: block;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff6000;
  margin-bottom: 15px;
}
.regit-content .title,
.regit-content .title  {
 
  font-size: 34px;
 
  margin-bottom: 0;
}

.section-title {
  position: relative;

}
.section-title::after {
  content: "";
  display: block;
  background-image: url(../img/icon/title_shape.png);
  width: 252px;
  height: 24px;
  background-repeat: no-repeat;
  margin: 10px auto 0;
}
.section-title .sub-title,
.limited-offer-title .sub-title {
  display: block;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff6000;
  margin-bottom: 15px;
}
.section-title .title,
.limited-offer-title .title  {
  font-size: 34px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.section-title_regit {
  position: relative;
  left:45%;

}
.forget-title
    {
    left:1.5%;
    right:.5%;
    width:97%;
   height:46px;
    background:#f4f5f7;
  
  position:relative;  
   
    color:#fff;
   
    line-height: 46px;
   
   
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:#6e7681;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:50px;-->*/
    font-weight:bolder;

    }
.order-my-title
    {
    left:1%;
    right:1%;
    width:98%;
   height:46px;
    background:#f4f5f7;
  
  position:relative;  
   
    color:#fff;
   
    line-height: 46px;
   
   
    text-align: center;
    align-items: center;
     text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 

font-size: 16px;
    color:#6e7681;
   
    /*text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:50px;-->*/
    font-weight:bolder;

    }
.index_foot_title 
    {
  position: absolute;      
 width: 98%;
 height:50%;
 
    left: 50%;
    transform: translateX(-50%);


    }
.lang-right{
    line-height:50px;
    right:4%;
    position:absolute;
    background:none;

   }
.lang-right-itmes{
 line-height:30px;
   
    position:absolute;
    background:none;


   }
   .my-order-right{
    line-height:50px;
    right:10%;
    position:absolute;
    background:none;

   }
.myordersbut{
    top:-5px;
    right:10%;
    width: auto;
    position:absolute;

   }
.loginbut{
    top:-5px;
    right:18%;
    width: auto;
    position:absolute;
}
.regbut{
    top:-5px;
    right:25%;
    width: auto;
    position:absolute;
}
.bill-small-title 
    {
top:20px;
left:4%;
position:relative; 
background:transparent;
color: #ff3c00;

   /* left: 50%;
    transform: translateX(-50%);*/
 /*text-shadow: 10px 10px 10px #0ff3c0000, -1  1px -1px 1px #ff3c00;
 text-shadow: -1.2px -1.2px 2px #ff3c00, 2px 1.2px 1.2px #ff3c00;*/

    }
.bill-price-info 
    {
top:100px;
left:4%;
position:absolute;   
background-color: #fff;
color: #ff3c00;
font-size: 20px;

   /* left: 50%;
    transform: translateX(-50%);*/
 /*text-shadow: 10px 10px 10px #0ff3c0000, -1  1px -1px 1px #ff3c00;
 text-shadow: -1.2px -1.2px 2px #ff3c00, 2px 1.2px 1.2px #ff3c00;*/

    }
.bill-paying-title
    {
top:-5%;
left:4%;
position:absolute;   
background-color:transparent;
color: #ff3c00;

   /* left: 50%;
    transform: translateX(-50%);*/
 /*text-shadow: 10px 10px 10px #0ff3c0000, -1  1px -1px 1px #ff3c00;
 text-shadow: -1.2px -1.2px 2px #ff3c00, 2px 1.2px 1.2px #ff3c00;*/

    }

.lable-bill-paying-date{
float:right; 
 top:-4%;
right:5%;
width: auto;
height: 30px;
 position: absolute;
  color:#000;
  letter-spacing:0px;

    }
.bill-small-paying-nub
    {
float:right; 
top:3%;
right:5%;
width: auto;
height: 30px;
 position: absolute;
  color:#000;
  letter-spacing:0px;

}
.bill-paying-title-lable
    {
top:3%;
left:4%;
position:relative;   
background-color: #fff;
color: #000;
letter-spacing: 1px;

}

.bill-small-paying-lable-money
    {
top:10%;
left:4%;
position:absolute;   
background-color: #fff;
color: #000;
letter-spacing: 1px;
align-items: right;
text-align: right;

}
.bill-small-paying-right-money
    {
float:right; 
top:10%;
right:5%;
width: auto;
height: 30px;
 position: absolute;
  color:#ff3c00;
  letter-spacing:0px;



}
.bill-small-title-lable
    {
left:4%;
width: 140px;
position:relative;  
background-color: #fff;
color: #000;
letter-spacing: 1px;

}
.bill-small-title-nub 
    {


width: 90%;
left:4%;
height: 30px;
position: relative;
color:#000;
letter-spacing:0px;

}

.bill-small-title-lable-money
    {
left:4%;
width: 140px;
position:relative;   
background-color: #fff;
color: #000;
letter-spacing: 1px;


}
.bill-small-title-right-money
    {

top:25%;

width: auto;
height: 30px;
 position: relative;
  color:#ff3c00;
  letter-spacing:0px;



}
.bill-small-title-right-money-none-tax
{
float:right; 
top:95px;
right:5%;
width: auto;
height: 30px;
 position: relative;
  color:#ff3c00;
  letter-spacing:0px;



}
.bill-order-tiles{
    position:relative;      
 width: 100%;
 height:60px;
line-height:60px;
 color:#000;
    left: 50%;


background-color: f7f8f8;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.smalltitle 
    {
  position: absolute;      
  left:47%;
  width:31%;
   letter-spacing: 0px;
    align-items: center;
     text-align: center;
     color:#000;
    /* background:red;*/
    }

.section-title_regit::after {
  content: "";
  display: block;
  background-image: url(../img/icon/title_shape.png);
  width: 252px;
  height: 24px;
  background-repeat: no-repeat;
  margin: 10px auto 0;
}
.section-title_regit .sub-title,
.limited-offer-title .sub-title {
  display: block;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff6000;
  margin-bottom: 15px;
}
.section-title_regit .title,
.limited-offer-title .title  {
 
  font-size: 34px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.section-title {
  position: relative;

}
.section-title::after {
  content: "";
  display: block;
  background-image: url(../img/icon/title_shape.png);
  width: 252px;
  height: 24px;
  background-repeat: no-repeat;
  margin: 10px auto 0;
}
.section-title .sub-title,
.limited-offer-title .sub-title {
  display: block;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff6000;
  margin-bottom: 15px;
}
.section-title .title,
.limited-offer-title .title  {
  font-size: 34px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.custom-container {
  max-width: 1760px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.special-offer-item-box {
  background: #fff;
  box-shadow: 0px 5px 10px 0px rgba(47, 47, 47, 0.04);
  margin-bottom: 30px;
}
.special-single-item {
  display: flex;
  align-items: center;
  padding: 21px 30px;
}
.special-single-item-thumb {
  width: 38%;
  margin-right: 20px;
}
.special-single-item-content {
  width: 62%;
}
.special-single-item-content h5 {
  font-size: 18px;
  margin-bottom: 6px;
}
.special-single-item-content .product-color span {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin-right: 6px;
    cursor: pointer;
}
.special-single-item-content .product-color {
  display: flex;
  margin-top: 15px;
}
.product-color span.coffee {
  background: #974b31;
}
.product-color span.yellow {
  background: #f2a900;
}
.product-color span.black {
  background: #363636;
}
.product-color span.red {
  background: #fd5353;
}
.special--cat--item--wrap {
  padding: 50px 30px 45px;
}
.special-offer-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.special-offer-title .title {
  font-size: 22px;
  margin-bottom: 0;
  position: relative;
}
.special-offer-title .title::before {
  content: "";
  position: absolute;
  left: 115%;
  top: 13px;
  width: 120px;
  border-top: 1px solid #e1e0e0;
  border-radius: 50%;
}
.special-offer-title .view-more a i {
  height: auto;
  width: 30px;
  line-height: 23px;
}
.special--cat--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: 17px;
}
.special--cat--list .special--cat--item {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.special--cat--list .special--cat--item a {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.special--cat--list .special--cat--item img {
  width: 100%;
}
.special--cat--list .special--cat--item span {
  position: absolute;
  z-index: 1;
}
.special--cat--item .tag {
  height: 31px;
  width: 31px;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  line-height: 29px;
  text-align: center;
  top: 11px;
  right: 11px;
  transform: rotate(-30deg);
}
.special--cat--item .special--cat--name {
  font-size: 14px;
  font-weight: 500;
  color: #626161;
  bottom: 10px;
  left: 15px;
  right: 15px;
  text-align: center;
}
.special--cat--item--wrap .shop-now {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
}
.special-offer-banner img {
  width: 100%;
}
.deal-of-day-banner{
   padding: 2px 18px;
}
.special-offer-banner a,
.deal-of-day-banner a {
  display: block;
  overflow: hidden;
  position: relative;
}
.special-offer-banner a::before,
.deal-of-day-banner a::before {
  position: absolute;
    top: 0;
    left: -80%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 42556, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.special-offer-banner:hover a::before,
.deal-of-day-banner:hover a::before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
.top-cat-banner-item a {
    display: block;
    overflow: hidden;
    background: #f4f3f1;
}
.top-cat-banner-item a img {
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.top-cat-banner-item a:hover img {
  transform: scale(0.9);
}
.top--cat--banner--area .row {
    margin-left: -10px;
    margin-right: -10px;
}
.top--cat--banner--area [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.top--cat--banner--area .top-cat-banner-item.yellow a {
  background: #fbe99f;
}
.top--cat--banner--area .top-cat-banner-item.dark-gray a {
  background: #fedac0;
}
.top--cat--banner--area .top-cat-banner-item.lite-red a {
  background: #ff8e67;
}
.furniture-cat-banner-area .top-cat-banner-item a {
    background: #f3f2ef;
}

/* 8. Exclusive */
.product-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background: #f7f7f5;
  border-radius: 30px;
  padding: 20px 20px 10px;
}
.product-menu button {
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  background: none;
  color: #6d6b6b;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin: 0 25px 10px;
}
.exclusive-banner a::before {
  left: -120%;
}
.exclusive-item-thumb {
  border: 1px solid rgb(235, 235, 235);
  position: relative;
  margin-bottom: 25px;
}
.exclusive-item-thumb img {
  width: 100%;
}
.exclusive-item-thumb .overlay-product-thumb {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .3s linear;
}
.exclusive-item:hover .overlay-product-thumb {
  opacity: 1;
}
.exclusive--content--top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  line-height: 1;
}
.exclusive--content--top .rating i,
.list-product-content .rating i,
.exclusive-item-three .rating i,
.sidebar-product-content .rating i {
  font-size: 12px;
  color: #ffa800;
}
.exclusive--content--top .rating i:last-child,
.list-product-content .rating i:last-child,
.exclusive-item-three .rating i:last-child,
.sidebar-product-content .rating i:last-child {
  color: #e8ebf2;
}
.exclusive--content--top .old-price {
    font-size: 14px;
    color: #949494;
    width: 50%;
    text-align: right;
}
.exclusive--content--bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.exclusive--content--bottom h5 {
    margin-bottom: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    width: 75%;
}
.exclusive--content--bottom span {
  font-size: 14px;
  font-weight: 500;
}
.most-popular-viewed-item {
    background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(47, 47, 47, 0.04);
    padding: 10px 0 25px;
    text-align: center;
}
.viewed-item-top {
    padding: 0 25px 25px;
    border-bottom: 1px solid #f1f0f0;
}
.viewed-item-top.discount {
    width: 64px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 3px;
    color: #fff;
    background: url(img/bg/sales.png) no-repeat;s
    text-align: center;
    z-index: 1;
    line-height: 30px
}

.viewed-item-bottom {
    padding: 25px 25px 0;
}
.viewed-item-bottom ul {
    display: flex;
    align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.viewed-item-bottom ul li {
    font-size: 12px;
    font-weight: 500;
  display: block;
  margin-bottom: 12px;
  line-height: 1;
    color: #909090;
}
.viewed-item-bottom .progress {
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #ebebeb;
    border-radius: 3px;
}
.viewed-item-bottom .progress-bar {
  border-radius: 3px;
}
.viewed-offer-time p {
    line-height: 1.4;
    font-weight: 500;
    color: #909090;
    margin-bottom: 15px;
    margin-top: 27px;
}
.viewed-offer-time p span {
  font-size: 16px;
  color: #ffa800;
}
.viewed-offer-time .coming-time {
    justify-content: center;
}
.viewed-offer-time .coming-time .time-count {
    margin: 0 3px 10px;
    padding: 9px 10px;
    font-size: 9px;
    width: 47px;
}
.viewed-offer-time .time-count span {
    font-size: 14px;
}
.most--popular--item--thumb img {
    display: inline-block;
}
.popular-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    color: #9b9b9b;
    border: none;
    left: -100px;
  height: 42px;
  line-height: 42px;
    background-color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(47, 47, 47, 0.04);
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
}
.popular-active .slick-next {
  right: -100px;
  left: auto;
}
.popular-active .slick-arrow:hover {
  color: #ffa800;
}
.exclusive-item-two {
    border: 1px solid #ececec;
}
.exclusive-item-thumb .sd-meta {
    top: 20px;
    right: 20px;
    left: auto;
}
.exclusive-item-thumb .discount {
  top: 20px;
  left: 20px;
  background: #f7ba01;
}
.exclusive-item-two .exclusive-item-thumb {
    border: none;
    margin-bottom: 0;
    overflow: hidden;
}
.exclusive-item-two .exclusive-item-content {
    padding: 30px 20px 25px;
    position: relative;
}
.exclusive-item-two .exclusive-item-content::before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    background: #ececec;
    height: 1px;
}
.exclusive-item-thumb .to-cart {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -40px;
    text-align: center;
    background: #3a3a3a;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
    padding: 12px 20px 7px;
}
.exclusive-item-thumb .to-cart i {
  font-size: 12px;
  margin-left: 5px;
}
.exclusive-item-thumb .to-cart:hover {
  color: #fff;
}
.exclusive-item-two:hover .exclusive-item-thumb .to-cart {
  bottom: 0;
}
.exclusive-item-two .tag {
  width: 50%;
}
.exclusive-item-two .tag a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #7f7a84;
}
.exclusive-item-two .exclusive--content--top .old-price {
    font-size: 12px;
    color: #7f7a84;
    font-weight: 500;
}
.exclusive-item-two .exclusive--content--bottom h5,
.exclusive-item-two .exclusive--content--bottom span,
.exclusive-item-three .new-price,
.exclusive-item-three .old-price {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.exclusive-item-two:hover .exclusive-item-thumb img {
  transition: .3s linear;
}
.exclusive-item-two:hover .exclusive-item-thumb img:first-child {
  opacity: 0;
}
.exclusive-item-three .exclusive-item-thumb {
    border: none;
  margin-bottom: 25px;
}
.exclusive-item-three .exclusive-item-thumb img {
  border-radius: 4px;
}
.exclusive-item-three .action {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0px 4px 21px 0px rgba(117, 114, 114, 0.19);
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.exclusive-item-three:hover .action {
  opacity: 1;
  bottom: 0;
}
.exclusive-item-three .action li {
  margin: 0 7.5px;
}
.exclusive-item-three .action li a {
    display: block;
    width: 56px;
    height: 42px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 7px 0px rgba(117, 114, 114, 0.18);
    line-height: 42px;
    font-size: 20px;
    color: #2b2b2b;
}
.exclusive-item-three .action li a:hover {
  background: #ff6000;
  color: #fff;
}
.exclusive-item-three .exclusive-item-content h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
.exclusive-item-three .old-price {
    margin-right: 10px;
}
.exclusive-item-three .exclusive--item--price {
    margin-bottom: 3px;
}

/* 9. Deal of the day */
.index-add-forget-model{
   height:auto;
    position:absolute;
    width: 97%;
    
    left:0px;
}

.index-add-drive-model
{
  background:#ffff;
  height: auto;
 
  width: 100%;
  height: 65%;

}
.first-add-right-frame
{
  
 margin-top: 25%;
  width: 100%;
  height: 550px;
  position:relative; 
 
}
.first-ad-instock-flag {
 
  left:1%;
margin-top: 10%;
 width: 120px;
 height: 120px;

float: left;
/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/bg/instock.png);
z-index: 9999999;
 position:relative;


}
.first-ad-product-flag {
 
  right:1%;
margin-top: 10%;
 width: 100px;
 height: 100px;
position: relative;
/*border: 10px solid red;
position: absolute;
content: "";
border-radius: 60px 60px 60px 0px;*/
background-image: url(../img/bg/sign.jpg);

 position: absolute;


}
.first-add-content-right
{
  margin-top: 25%;
  position: relative;
}
.detail_lable{

     
     margin-top: 10%;
     width: 100%;
     position:relative;
     text-align: center;
      display: flex;
    align-items: center;
    justify-content: center;
    
  
}
.index-add-right-top-model
{
  
 left:2%;
 right:2%;
  width: 96%;
  position:relative; 
}
.index-add-user-model.custom-col-4 {
    
  -ms-flex: 0 0 25.7%;
    flex: 0 0 25.7%;
    max-width: 25.7%;
    position: relative;
    width: 100%;
   
}
.index-add-user-model .most-popular-viewed-item {
  padding: 1px 0 25px;
}
.index-add-user-model-two {
  top:57%;
  left:0.4%;
  width: 25%;
  position:absolute;
  /*search bar height*/
  
 
}









.regit-add-user-model-two {
 
   left:21%;
  width: 25%;
  position:absolute;
  /*search bar height*/
  
 
}





.regit-add-user-model.custom-col-4 {
    
  -ms-flex: 0 0 25.7%;
    flex: 0 0 25.7%;
    max-width: 25.7%;
    position: relative;
    width: 100%;
   
}
.regit-add-user-model .most-popular-viewed-item {
  padding: 1px 0 25px;
}
.order-bill-paying-model
{
 top:-5%;
 left:-100%;
  width: 100%;
  height: 600px;
  position:absolute;

  /*search bar height*/
}

.regit-add-user-model-two {
 
  left:21%;
  width: 25%;
  position:absolute;
  /*search bar height*/
  
 
}

.regit-add-user-model-two {
 
  left:21%;
  width: 25%;
  position:absolute;
  /*search bar height*/
  
 
}

.deal-of-the-drive .custom-col-drive {
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    
}
.deal-day-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dfdfdf;
    
    
}
.deal-day-title .title {
    
    margin-bottom: 0;
    font-size: 22px;
    text-transform: uppercase;
}
.view-all-deal a {
    
    font-size: 16px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.view-all-deal a i {

  margin-right: 5px;
}
.deal-of-the-day .most-popular-viewed-item {
  padding: 10px 1 25px;
}

.deal-of-the-day .custom-col-8 {
    -ms-flex: 0 0 64.3%;
    flex: 0 0 64.3%;
    max-width: 64.3%;
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
/* 10. Best category */
.best-cat-border {
    top:100px;
    border-bottom: 1px solid #e3e3e3;
}
.best-cat-list {
    width:15%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -14px;
  margin-left: -14px;
  justify-content: center;
}
.best-cat-item {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
    position: relative;
   
    padding-left: 14px;
    padding-right: 14px;
    text-align: center;
    margin-bottom: 50px;
}
.best-cat-thumb img {
   margin-top: -45px;
    border-radius: 50%;
}
.best-cat-content {
    background: #fff;
    margin-top: -45px;
    position: relative;
    z-index: 1;
    padding-top: 20px;
}
.best-cat-content h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 4px;
}
.best-cat-content span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
}
.bs-cat-area .deal-of-day-banner img {
    width: 100%;
}
.bs-cat-box {
    background: #fff;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    padding: 24px 25px;
  position: relative;
  margin-bottom: 27px;
}
.bs-cat-box .view-all {
    position: absolute;
    right: 25px;
    bottom: 20px;
    font-weight: 600;
    text-decoration: underline;
    font-family: 'Josefin Sans', sans-serif;
}
.bs-cat-box .bs-cat-thumb {
    width: 43%;
    margin-right: 24px;
}
.bs-cat-box .bs-cat-list {
    flex-grow: 1;
}
.bs-cat-box .bs-cat-list ul li {
    margin-bottom: 4px;
}
.bs-cat-box .bs-cat-list ul li.title {
    font-size: 18px;
    font-weight: 700;
    color: #2b2b2b;
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 11px;
}
.bs-cat-box .bs-cat-list ul li a {
    font-size: 12px;
    color: #686464;
    display: inline-block;
}
.bs-cat-box .bs-cat-list ul li a:hover {
  padding-left: 3px;
}


/* 11. List product */
.list-product-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 40px;
}
.list-product-top .title {
    font-size: 22px;
    margin-bottom: 0;
    width: 70%;
}
.list-product-top .view-all {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.list-product-item {
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    position: relative;
    transition: .3s linear;
    background: #fff;
}
.list-product-thumb {
    width: 39%;
  margin-right: 25px;
  position: relative;
}
.list-product-thumb::after {
    content: "";
    border-right: 1px solid #ebebeb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    border-radius: 50%;
}
.list-product-content {
    flex-grow: 1;
}
.list-product-content h6 {
    font-size: 20px;
    margin-bottom: 7px;
}
.list-product-content p {
    margin-bottom: 7px;
}
.list-product-item:hover {
  background: #fbf0ee;
  border-color: #fbf0ee;
}
.list-product-tag {
    left: auto;
    right: 20px;
    top: 17px;
}



.product-quantity
{
   text-align: center;
font-weight: bold; 
}
.product-name
{
   text-align: center;
font-weight: bold;  
}
.product-subtotal{
  text-align: center;
font-weight: bold;    
}

.product-name .is_best {
position: relative;

top: 0px;
left: 100px;
width: 50px;
height:35px;
transform: rotate(0deg);
background-color: red;
color: #fff;
border-radius: 100%;
/*background: linear-gradient(to right, #ff0000, #00ff00);*/
font-size: 18px;
text-align: center;
line-height:35px;
font-weight: 500;
text-align: center;
font-weight: bold;
  
}
.product-name .is_new {
position: relative;

top: 0px;
left: 0px;
width: 50px;
height:35px;
transform: rotate(0deg);
background-color: #1928fa;
color: #fff;
font-size: 18px;
padding: 5px;
  
  font-weight: 500;
  text-transform: capitalize;
}
.product-name .is_hot{
position: relative;

top: 0px;
left: 0px;
width: 50px;
height:35px;
transform: rotate(0deg);
background-color: #d800ff;
color: #fff;
font-size: 18px;
padding: 5px;
  
  font-weight: 500;
  text-transform: capitalize;
}
.product-name .is_well{
position: relative;

top: 0px;
left: 0px;
width: 50px;
height:35px;
transform: rotate(0deg);
background-color: #00ff24;
color: #fff;
font-size: 18px;
padding: 5px;
  
  font-weight: 500;
  text-transform: capitalize;
}
.product-name .is_sales{
position: relative;

top: 0px;
left: 0px;
width: 60px;
height:35px;
transform: rotate(0deg);
background-color: #ff8a00;
color: #fff;
font-size: 18px;
padding: 5px;
  
  font-weight: 500;
  text-transform: capitalize;
}
. span {
  
  height: 21px;
  background: #ff6000;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  border-radius: 3px;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 1;
}
/* 12. Testimonial */
.testimonial-item {
    background: #f2f1ef;
    border: 1px solid #ebebeb;
    box-shadow: 0px 1px 16px 0px rgba(117, 114, 114, 0.07);
    padding: 35px 25px;
  position: relative;
  transform: scale(.9);
  transition: .4s linear;
  opacity: .8;
  z-index: 1;
}
.testi-avatar-img img {
  border-radius: 50%;
  display: inline-block;
}
.testi-avatar-info h5 {
    font-size: 18px;
    margin-bottom: 5px;
}
.testi-avatar-info span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
}
.testi-avatar-info strong {
  font-weight: 500;
  color: #686464;
}
.testi-avatar-info .rating {
    font-size: 10px;
  color: #ffa800;
  margin-bottom: 20px;
}
.testi-content p {
    margin-bottom: 0;
    color: #686464;
    font-style: italic;
    line-height: 26px;
}
.testimonial-item::after {
    content: "";
    background-image: url(../img/icon/testi_quote.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 137px;
    height: 115px;
    bottom: 55px;
    z-index: -1;
}
.testimonial-active .slick-current.slick-active.slick-center .testimonial-item {
  transform: scale(1);
  opacity: 1;
}
.testimonial-active .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
    line-height: 1;
}
.testimonial-active .slick-dots li {
    line-height: 0;
    margin: 0 4.5px;
}
.testimonial-active .slick-dots li button {
    border: 1px solid #cacaca;
    text-indent: -99999px;
    padding: 0;
    background: transparent;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    line-height: 1;
    cursor: pointer;
    transition: .3s linear;
}
.testimonial-active .slick-dots li.slick-active button {
  border-color: #ff6000;
}

/* 13. About-area */
.about-content {
    padding-left: 25px;
}
.about-content > .title {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.our-mission-wrap .title {
    font-size: 20px;
    color: #ff6000;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.our-mission-list {
    display: flex;
    flex-wrap: wrap;
}
.mission-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 35px;
    border-right: 1px solid #ebebeb;
  margin-right: 35px;
  margin-top: 35px;
}
.mission-box:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}
.mission-icon {
    font-size: 40px;
    color: #b3c1cf;
    margin-right: 15px;
}
.mission-count h2 {
    font-size: 30px;
    font-family: 'Rubik', sans-serif;
    line-height: 1;
    margin-bottom: 0;
}
.mission-count > span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #828282;
}
.our-mission-wrap {
    margin-top: 37px;
}
.about-img img {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 1px 16px 0px rgba(94, 94, 94, 0.21);
}

/* 14. Blog */
.blog-post-content h4 {
    font-size: 22px;
    margin-bottom: 7px;
}
.blog-post-meta ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
}
.blog-post-meta ul li {
  display: block;
  margin-right: 20px;
  font-size: 12px;
  text-transform: uppercase;
  color: #a3a3a3;
  font-weight: 500;
  letter-spacing: 1px;
}
.blog-post-meta ul li:last-child {
  margin-right: 0;
}
.blog-post-meta ul li i {
  margin-right: 5px;
}
.blog-post-meta ul li a {
  font-size: 12px;
  text-transform: uppercase;
  color: #a3a3a3;
  font-weight: 500;
  letter-spacing: 1px;
}
.blog-post-content p {
  margin-bottom: 20px;
  padding: 0 20px;
}
.blog-post-content .read-more {
  display: inline-block;
}
.blog-post-content .read-more {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    text-decoration: underline;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
}
.blog-thumb img {
    width: 100%;
    border-radius: 5px;
}
.s-blog-post-item .blog-thumb {
    position: relative;
}
.s-blog-post-item .blog-thumb img {
    border-radius: 0;
}
.s-blog-post-item .blog-overlay-tag {
  position: absolute;
  display: flex;
  align-items: center;
    left: 25px;
  top: 20px;
  z-index: 1;
}
.s-blog-post-item .blog-overlay-tag li {
    margin-right: 5px;
}
.s-blog-post-item .blog-overlay-tag li a {
  display: block;
    background: #ff6000;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 13px;
}
.s-blog-post-item .blog-post-content h4 {
    font-size: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.s-blog-post-item .blog-post-content p {
    margin-bottom: 35px;
    padding: 0;
}
.s-blog-post-bottom {
    display: flex;
    align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.s-blog-post-item .blog-post-content .read-more {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Rubik', sans-serif;
    width: 25%;
    margin-bottom: 10px;
}
.s-blog-post-item .blog-post-meta ul {
  margin-bottom: 0;
  justify-content: flex-end;
}
.s-blog-post-item .blog-post-meta ul li {
  display: block;
    margin-right: 15px;
    font-size: 14px;
    text-transform: capitalize;
    color: #929191;
    font-weight: 400;
    padding-right: 15px;
  letter-spacing: 0;
  position: relative;
  margin-bottom: 10px;
}
.s-blog-post-item .blog-post-meta ul li::after {
    content: "/";
    position: absolute;
    right: -3px;
    top: 1px;
}
.s-blog-post-item .blog-post-meta ul li:last-child::after {
  display: none;
}
.s-blog-post-item .blog-post-meta ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.s-blog-post-item .blog-post-meta ul li a {
  font-size: 14px;
    text-transform: capitalize;
    color: #929191;
    font-weight: 400;
    letter-spacing: 0;
}
.s-blog-post-item .blog-post-meta ul li i {
    margin-right: 5px;
    color: #929191;
    font-size: 12px;
}
.s-blog-post-item {
    padding-bottom: 25px;
    border-bottom: 1px dashed #dadada;
    margin-bottom: 60px;
}
.s-blog-post-item:last-child {
  margin-bottom: 0;
}
.blog-sidebar {
    margin-left: 25px;
}
.sidebar-search-form {
  position: relative;
}
.sidebar-search-form input {
    width: 100%;
    background: #f2f0ed;
    border: none;
    padding: 19px 60px 19px 25px;
}
.sidebar-search-form button {
    position: absolute;
    border: none;
    background: transparent;
    padding: 10px;
    color: #484848;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.blog-sidebar-title h5 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0;
}
.sidebar-about-img img {
    width: 100%;
}
.sidebar-about-wrap p {
    margin-bottom: 15px;
}
.blog-cat-list ul li {
    display: block;
    font-size: 14px;
    color: #868686;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #dadada;
}
.blog-cat-list ul li:last-child {
  margin-bottom: 0;
}
.blog-cat-list ul li a {
    color: #868686;
    float: left;
    width: 93%;
}
.blog-rc-post ul li {
    display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.blog-rc-post ul li:last-child {
  margin-bottom: 0;
}
.rc-post-thumb {
    margin-right: 15px;
}
.rc-post-content h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 3px;
}
.rc-post-content span {
    display: block;
    color: #929191;
    font-style: italic;
}
.sidebar-newsletter {
  position: relative;
}
.sidebar-newsletter input {
    width: 100%;
    border: none;
    border-bottom: 1px dashed #dadada;
    padding: 0 0 10px 0;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 14px;
}
.sidebar-newsletter button {
    position: absolute;
    border: none;
    padding: 0 0 10px 0;
    background: transparent;
    color: #393939;
    font-size: 16px;
    line-height: 1;
    top: 0;
    right: 0;
}
.blog-sidebar-tag ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blog-sidebar-tag ul li {
    margin-right: 8px;
    margin-top: 8px;
}
.blog-sidebar-tag ul li a {
    display: block;
    background: #f2f0ed;
    color: #616161;
    padding: 12px 20px;
    font-family: 'Josefin Sans', sans-serif;
}
.blog-sidebar-tag ul li a:hover {
  color: #fff;
  background: #ff6000;
}
.classic-blog-post .blog-thumb {
    width: 500px;
    margin-bottom: 0;
}
.classic-blog-post .blog-post-content {
    width: 465px;
    background: #fff;
    border: 1px solid rgb(235, 235, 235);
    box-shadow: 0px 13px 13px 0px rgba(122, 122, 122, 0.05);
    margin-left: auto;
    margin-top: -40%;
    position: relative;
    z-index: 1;
    padding: 40px 35px 35px;
}
.classic-blog-post .blog-overlay-tag {
    position: unset;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    z-index: 1;
    margin-bottom: 20px;
}
.classic-blog-post .blog-post-content h4 {
    font-size: 26px;
    margin-bottom: 12px;
    text-transform: capitalize;
    line-height: 1.4;
}
.classic-blog-post .blog-post-meta ul {
    margin-bottom: 10px;
    justify-content: flex-start;
}
.classic-blog-post .s-blog-post-bottom {
    border-top: 1px dashed #dadada;
    padding-top: 25px;
}
.classic-blog-post .blog-post-content .read-more {
    width: 50%;
    margin-bottom: 0;
}
.classic-blog-post .blog-post-content .read-more i {
    font-size: 11px;
    margin-left: 3px;
    color: #ff6000;
}
.classic-blog-share > a {
    font-size: 16px;
    color: #a7a6a6;
    line-height: 1;
}
.classic-blog-share > a + a {
    margin-left: 12px;
}
.classic-blog-share > a:hover {
  color: #ff6000;
}
.classic-blog-post .blog-post-content p {
    margin-bottom: 30px;
}
.classic-blog-post {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.classic-blog-post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.blog-details-wrap .blog-post-meta ul {
    margin-bottom: 3px;
    justify-content: flex-start;
}
.blog-details-wrap .blog-post-meta ul li,
.blog-details-wrap .blog-post-meta ul li i,
.blog-bottom-meta ul li i {
  color: #ff6000;
}
.blog-details-wrap .blog-post-content p {
    margin-bottom: 15px;
    padding: 0;
}
.blog-details-wrap blockquote .quote-icon {
    margin-right: 25px;
}
.blog-details-wrap blockquote {
    margin: 30px 0 30px;
    font-size: 15px;
    text-transform: uppercase;
    color: #252525;
    font-weight: 500;
    line-height: 1.9;
    display: flex;
    align-items: center;
}
.details-img-wrap {
  display: flex;
  align-items: center;
}
.details-img-wrap img {
  width: 100%;
}
.details-img-wrap .details-img-col:first-child {
  margin-right: 30px;
}
.details-img-wrap {
    display: flex;
    align-items: center;
    margin: 30px 0;
}
.blog-bottom-meta ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blog-bottom-meta ul li {
    margin-right: 20px;
}
.blog-bottom-meta ul li:last-child {
  margin-right: 0;
}
.blog-bottom-meta ul li i {
  margin-right: 5px;
}
.blog-bottom-meta ul li,
.blog-bottom-meta ul li a {
  color: #868686;
}
.blog-details-wrap {
    margin-bottom: 50px;
    padding-bottom: 0;
    border: none;
}
.blog-details-wrap .s-blog-post-bottom {
    padding-top: 25px;
    border-top: 1px dashed #dadada;
    margin-top: 50px;
}
.avatar-post {
  display: flex;
  align-items: center;
    background: #f2f0ed;
    padding: 35px 60px 35px 30px;
}
.post-avatar-img {
  margin-right: 25px;
}
.post-avatar-img img {
    border-radius: 4px;
}
.post-avatar-content h5 {
    font-size: 20px;
    margin-bottom: 10px;
}
.post-avatar-content p {
    margin-bottom: 15px;
}
.post-avatar-social ul {
    display: flex;
    align-items: center;
}
.post-avatar-social ul li + li {
    margin-left: 8px;
}
.post-avatar-social ul li a {
    display: block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    background: #fff;
    border-radius: 50%;
    font-size: 12px;
    color: #ff6000;
}
.post-avatar-social ul li a:hover {
  background: #ff6000;
  color: #fff;
}
.b-details-inner-title {
    font-size: 20px;
    text-transform: uppercase;
}
.blog-comment ul li {
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px dashed #dadada;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-comment ul li .single-comment {
  display: flex;
  align-items: center;
}
.comment-avatar-img {
  margin-right: 25px;
}
.comment-avatar-info {
  overflow: hidden;
  margin-bottom: 10px;
}
.comment-avatar-info h5 {
    font-size: 18px;
    margin-bottom: 0;
    display: inline-block;
}
.comment-avatar-info h5 span {
    font-size: 12px;
    color: #7d7d7d;
    margin-left: 10px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.comment-reply-link {
    float: right;
    color: #343434;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.comment-text p {
  margin-bottom: 0;
  padding-right: 100px;
}
.blog-comment ul li.comment-reply {
  margin-left: 80px;
}
.blog-comment ul li:last-child {
  margin-bottom: 0;
}
.comment-form textarea {
  width: 100%;
  padding: 20px 20px;
  border: none;
  margin-bottom: 20px;
  background: #f2f0ed;
  height: 160px;
  transition: .3s;
  font-size: 14px;
  color: #6c6c6c;
}
.comment-form input {
  width: 100%;
  padding: 15px 20px;
  border: none;
  margin-bottom: 20px;
  background: #f2f0ed;
  color: #6c6c6c;
  transition: .3s;
  font-size: 14px;
}
.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: #a7a7a7;
}
.comment-form button {
    background: #ff6000;
    border-radius: 0;
    padding: 20px 47px 16px 47px;
}
.comment-check-box input {
  width: auto;
  margin: 5px 10px 0 0;
}
.comment-check-box label {
  font-size: 14px;
  color: #7d7d7d;
  margin: 0;
  user-select: none;
}
.comment-check-box {
    display: flex;
    align-items: flex-start;
    margin-top: 5px;
    margin-bottom: 25px;
}

/* 15. Contact */
.contact-wrap-padding {
    padding: 0 73px;
}
.contact-info-box {
    background: #fff;
    border: 1px solid #f4f4f4;
    box-shadow: 0px 1px 16px 0px rgba(117, 114, 114, 0.07);
    padding: 40px;
    transition: .4s linear;
}
.contact-info-box:hover {
  box-shadow: none;
}
.contact-box-icon {
    width: 72px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    margin: 0 auto 20px;
    font-size: 34px;
    background: #ff6000;
    border-radius: 50%;
    color: #fff;
    position: relative;
}
.contact-box-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    border-radius: 50%;
}
.contact-info-content h5 {
    font-size: 20px;
    margin-bottom: 10px;
}
.contact-info-content p {
    margin-bottom: 0;
    line-height: 26px;
}
.contact-title p {
    left:100%;
    line-height: 26px;

  margin-bottom: 0;
  color: #696868;
    margin-top: 25px;
}
.contact-form .row {
   width:100%;
   margin: 0 auto;
}
.contact-form .row [class*="col-"] {
  width:100%;
}
.contact-form .form-grp {
  width:60%;
   margin: 0 auto;
  position: relative;
  margin-bottom: 12px;
}
.contact-form .form-grp input,
.contact-form textarea {
    width: 90%;
     margin: 0 auto;
    background: #f4f4f4;
    border: 1px solid #eeeeee;
    padding: 14px 18px;
    border-radius: 3px;
    padding-right: 40px;
}
.contact-form .form-grp input::placeholder,
.contact-form textarea::placeholder {
  color: #a7a7a7;
  font-size: 14px;
}
.contact-form .form-grp i {
    position: absolute;
    right: 20px;
    top: 19px;
    font-size: 13px;
    color: #a7a7a7;
}
.contact-form textarea {
  height: 100px;
  max-height: 100px;
}
.contact-form [type=submit] {
    background: #ff6000;
    padding: 20px 51px 16px 51px;
    margin-top: 25px;
}
.contact-form [type=submit]:hover {
  background: #222;
}
.contact-map img {
  width: 100%;
  box-shadow: 0px 1px 8px 0px rgba(86, 86, 86, 0.06);
}

/* 16. Wishlist */
.wishlist-area .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #b6b6b6;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    color: #252525;
    
    border-top: 1px solid #b6b6b6;
}
.wishlist-area .table td, .wishlist-area .table th {
   
    vertical-align: middle;
      
    border-bottom: 1px solid #dcdcdc;
}
.wishlist-area tbody .product-thumbnail a.wishlist-remove {
    color: #7f7e7e;
    font-size: 16px;
    margin-right: 15px;
}
.wishlist-area tbody .product-name h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.wishlist-area tbody .product-name p {
    line-height: 26px;
    margin-bottom: 10px;
}
.wishlist-area tbody .product-name span {
    font-size: 12px;
    color: #666666;
    position: relative;
}
.wishlist-area tbody .product-name span::before {
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px;
    margin-right: 10px;
    background: #505050;
}
.wishlist-area tbody .product-price {
    font-size: 16px;
    color: #9e9e9e;
    font-family: 'Josefin Sans', sans-serif;
}
.wishlist-area tbody .cart-plus-minus input {
    width: 100%;
   
    text-align: center;
    font-size: 14px;
    border-radius: 0;
  border: none;
  color: #464545;
}
.wishlist-area tbody .qtybutton {
    width: auto;
    color: #9e9e9e;
    height: auto;
    line-height: normal;
}
.wishlist-area tbody .cart-plus {
    width: 80px;
    position: relative;
    margin-right: 0;
}
.wishlist-area tbody .product-stock-status span,
.wishlist-area tbody .product-subtotal span {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.wishlist-area tbody .product-add-to-cart span {
    display: block;
    font-size: 12px;
    color: #898989;
   
}


.cart-plus {
  width: 110px;
  position: relative;
  margin-right: 20px;
}
.cart-plus-minus {
  position: relative;
}
.cart-plus-minus input {
  width: 100%;
  padding: 11px 30px;
  text-align: center;
  font-size: 16px;
  border-radius: 0;
  border: 0px solid #ffff;
}
.qtybutton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  font-weight: normal;
  width: 35px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  z-index: 2;
}
.dec.qtybutton {
    font-size: 28px;
}
.inc.qtybutton {
  right: 0px;
  left: auto;
}

/* 17. Shop-cart */
.shop-cart-area .table td:first-child {
  border-left: 1px solid #dcdcdc;
}
.shop-cart-area .table td:last-child {
  border-right: 1px solid #dcdcdc;
}
.shop-cart-area .table thead th:first-child {
  border-left: 1px solid #b6b6b6;
}
.shop-cart-area .table thead th:last-child {
  border-right: 1px solid #b6b6b6;
}
.shop-cart-area .table td.product-thumbnail {
    padding-right: 0;
}
.cart-coupon form {
    display: flex;
    align-items: center;
}
.cart-coupon form input {
    width: 200px;
    border: 1px solid #dcdcdc;
    padding: 14px 20px;
    min-height: 50px;
    font-size: 13px;
}
.cart-coupon form input::placeholder {
  font-size: 13px;
  color: #a6a6a6;
}
.cart-coupon form button,
.shop-cart-widget form button {
   
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    min-height: 50px;
    margin-left: -1px;
}
.continue-shopping {
  text-align: right;
}

.shop-cart-widget {
   
    background-position: center;
    background-size: cover;
    padding: 51px 25px 61px;
}
.shop-cart-widget .title {
    text-transform: uppercase;
    border-bottom: 1px dashed #cfcfcf;
    padding-bottom: 15px;
    margin-bottom: 35px;
}
.shop-cart-widget form ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.shop-cart-widget form ul li:last-child {
  margin-bottom: 0;
}
.shop-cart-widget form ul li,
.shop-cart-widget .custom-control-label {
  font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2b2b2b;
}
.shop-cart-widget form ul li > span {
    width: 46%;
}
.shop-cart-widget .custom-control {
  margin-bottom: 10px;
}
.shop-cart-widget .custom-checkbox .custom-control-label::before {
  border-radius: 0;
  box-shadow: none;
  top: 2px;
  background-color: transparent;
    border: 2px solid #bcbcbc;
}
.shop-cart-widget .custom-control-label::after {
  top: 2px;
}
.shop-cart-widget .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
   
    background-color: transparent;
}
.shop-cart-widget .custom-control:last-child {
  margin-bottom: 0;
}
.shop-cart-widget .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #bcbcbc;
}
.shop-cart-widget form ul .cart-total-amount {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dashed #cfcfcf;
}
.shop-cart-widget form ul .cart-total-amount .amount {
  font-size: 18px;
}
.shop-cart-widget form button {
    border-radius: 4px;
    margin-top: 35px;
    width: 100%;
}

/* 18. Shop */
.shop-sidebar {
    margin-right: 25px;
}
.shop-widget {
    background: #fff;
    box-shadow: 0px 1px 16px 0px rgba(117, 114, 114, 0.07);
    padding: 45px 30px;
}
.shop-widget-title {
  margin-bottom: 20px;
  position: relative;
}
.shop-widget-title .title {
    text-transform: uppercase;
  font-size: 14.5px;
  margin-bottom: 0;
}
.shop-cat-list ul li {
    display: block;
  margin-bottom: 15px;
  overflow: hidden;
}
.shop-cat-list ul li:last-child {
  margin-bottom: 0;
}
.shop-cat-list ul li a {
    float: left;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
  color: #696868;
  line-height: 26px;
}
.shop-cat-list ul li a::before {
    content: "\f1ce";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.shop-cat-list ul li span {
    float: right;
    width: 32px;
    height: 26px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    background: #f2f1ef;
    text-align: center;
    line-height: 26px;
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #ebebeb none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  height: 6px;
  margin-bottom: 20px;
  margin-left: auto;
}
.price_filter .ui-slider-range {
  background: #ff6000 none repeat scroll 0 0;
  border-radius: 2px;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    height: 14px;
    width: 14px;
    top: 0;
    margin-top: -4px;
    background: #fff;
    border-radius: 2px;
    margin-left: 0;
    border: 3px solid #ff6000;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus {
  outline: none;
  box-shadow: none;
}
.price_slider_amount {
  overflow: hidden;
}
.price_slider_amount > span {
    font-size: 12px;
    font-weight: 500;
    color: #8d8d8d;
    text-transform: uppercase;
    margin-right: 5px;
}
.price_slider_amount > input[type="text"] {
    height: auto;
    margin-left: 0;
    text-align: left;
    width: 100px;
    border: none;
    font-size: 12px;
    color: #8d8d8d;
    font-weight: 500;
}
.price_slider_amount > input[type="submit"] {
  float: left;
  text-transform: uppercase;
  transition: all 400ms ease-out 0s;
  cursor: pointer;
  width: 98px;
  padding: 11px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.price_filter {
    margin-top: 30px;
}
.sidebar-product-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.sidebar-product-list ul li:last-child {
  margin-bottom: 0;
}
.sidebar-product-thumb {
    margin-right: 18px;
}
.sidebar-product-content h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.sidebar-product-content span {
    display: block;
    color: #ff6000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.sidebar-product-content .rating {
    margin-bottom: 8px;
    line-height: 1;
}
.sidebar-product-content .rating i {
  font-size: 10px;
}
.shop-widget-title .slider-nav {
    position: absolute;
    right: 0;
    top: -2px;
  z-index: 1;
}
.shop-widget-title .slider-nav span,
.related-slider-nav .slider-nav span {
  cursor: pointer;
  color: #d5d2cd;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.shop-widget-title .slider-nav .slick-next,
.related-slider-nav .slider-nav .slick-next {
    margin-left: 20px;
}
.sidebar-brand-list ul li {
    display: block;
    margin-bottom: 12px;
}
.sidebar-brand-list ul li:last-child {
    margin-bottom: 0;
}
.sidebar-brand-list ul li a {
    display: inline-block;
    color: #696868;
    position: relative;
    padding-left: 20px;
}
.sidebar-brand-list ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    border: 1.5px solid #ababab;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.sidebar-brand-list ul li:hover a::before,
.shop-size-list ul li a:hover,
.shop-meta-right ul li a:hover,
.shop-meta-right ul li.active a {
  border-color: #ff6000;
  background: #ff6000;
}
.shop-sidebar-size,
.shop-sidebar-color {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px dashed #dbdbdb;
}
.shop-size-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.shop-size-list ul li + li {
  margin-left: 8px;
}
.shop-size-list ul li a {
    display: block;
    width: 36px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    border: 3px solid #ebebeb;
    font-size: 14px;
    color: #696868;
}
.shop-size-list ul li a:hover {
  color: #fff;
}
.shop-sidebar-color .shop-size-list ul li {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  cursor: pointer;
  background: #ff6000;
}
.shop-sidebar-color .shop-size-list ul li:nth-child(2) {
  background: #ffa800;
}
.shop-sidebar-color .shop-size-list ul li:nth-child(3) {
  background: #8baa37;
}
.shop-sidebar-color .shop-size-list ul li:nth-child(4) {
  background: #116cb2;
}
.shop-sidebar-color .shop-size-list ul li:nth-child(5) {
  background: #434343;
}
.bill-check-table-title {
    margin-left: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 0.5%;           
    width: 97%; 
   text-align: center;
    align-items: center;
    position: relative;
    height: 30px;
    font-size: 24px;
    line-height: 30px;

}

.shop-meta-right {
    display: flex;
    align-items: center;
}
.shop-meta-right ul {
    display: flex;
    align-items: center;
}
.shop-meta-right ul li + li {
  margin-left: 10px;
}
.shop-meta-right ul li a {
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
  border: 1px solid #ebebeb;
  background: #fff;
    font-size: 24px;
    line-height: 49px;
    color: #111111;
}
.shop-meta-right ul li a:hover,
.shop-meta-right ul li.active a {
  color: #fff;
}
.shop-meta-right form {
  min-width: 190px;
  margin-left: 10px;
}
.shop-meta-right form .custom-select {
    width: 100%;
    border: 1px solid #ebebeb;
    height: 50px;
    border-radius: 0;
    font-size: 14px;
    color: #696868;
    background: #fff url(../img/icon/nw_selarw.png) no-repeat scroll 97.5% center;
}
.shop-sidebar.shop-right-sidebar {
    margin-left: 25px;
    margin-right: auto;
}
.product-desc-wrap .nav-tabs {
   position: absolute;
   top:100px;
    border-bottom: 1px solid #ebebeb;
    justify-content: center;
}
.product-desc-wrap .nav-tabs .nav-item {
   
    margin: 0 300px;
}
.product-desc-wrap .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    background: transparent;
    color: #444444;
    padding: 0 10px 15px;
    position: relative;
}
.product-desc-wrap .nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    
    width: 100%;
    height: 1px;
    background: #ff6000;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.product-desc-wrap .nav-tabs .nav-link.active::after {
  opacity: 1;
}
.product-desc-content .title,
.related-product-wrap .deal-day-title .title,
.product-reviews-wrap .deal-day-title .title {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 25px;
}
.product-desc-img img {
    width: 100%;
}
.product-desc-content .small-title {
    font-size: 16px;
  margin-bottom: 15px;
  font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.product-desc-content p {
    margin-bottom: 20px;
}
.product-desc-list li {
    font-size: 14px;
    display: block;
    padding-left: 18px;
    position: relative;
    margin-bottom: 10px;
}
.product-desc-list li:last-child {
  margin-bottom: 0;
}
.product-desc-list li::before {
    content: "";
    position: absolute;
    left: 0;
    height: 5px;
    width: 5px;
    background: #505050;
    top: 9px;
}
.product-desc-wrap .tab-pane.active {
    animation: slide-down .3s ease-out;
}
@keyframes slide-down {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
.related-product-wrap .deal-day-title .title,
.product-reviews-wrap .deal-day-title .title {
  margin-bottom: 0;
  text-transform: capitalize;
}
.reviews-count-title .title {
    font-size: 16px;
    margin-bottom: 30px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
.product-reviews-wrap .deal-day-top {

    margin-bottom: 45px;
}
.product-review-list .rating {
    float: right;
    line-height: 1;
    font-size: 10px;
    color: #ff6000;
}
.product-review-list .comment-avatar-info h5 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.product-review-list ul li .single-comment {
    align-items: flex-start;
}
.product-review-list .comment-text p {
    padding-right: 0;
}
.product-review-list ul li {
    padding-bottom: 0;
    margin-bottom: 25px;
    padding-right: 10px;
    border: none;
}
.product-review-list .comment-text {
    padding-top: 15px;
}
.rising-rating {
    font-size: 14px !important;
    width: 82px !important;
}
.rising-rating .far {
    color: #b3b3b3;
}
.rising-rating .fas {
    color: #ff6000;
}
.product-review-form p {
    margin-bottom: 20px;
}
.rising-star h5 {
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.product-review-form .form-grp label {
    color: #5b5b5b;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.product-review-form .form-grp textarea,
.product-review-form .form-grp input {
    display: block;
    width: 100%;
    border: 1px solid #e3e3e3;
    padding: 13px 20px;
}
.product-review-form .form-grp textarea {
    height: 135px;
    max-height: 135px;
}
.product-review-form .form-grp {
    margin-bottom: 25px;
}
.product-review-form form button {
    background: #ff6000;
    padding: 20px 49px 16px 49px;
    margin-top: 5px;
}
.product-review-list .comment-avatar-img img {
    border-radius: 50%;
}
.shop-details-nav-wrap {
    float: left;
    width: 103px;
}
.shop-details-img-wrap {
    margin-left: 115px;
    margin-right: 72px;
}
.shop-details-nav-wrap .shop-nav-item {
    margin-bottom: 13px;
    cursor: pointer;
}
.shop-details-content .stock-info {
    display: inline-block;
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 10px 20px;
    border-radius: 14px;
    margin-bottom: 20px;
    border-style: solid;
   border-color: #f56d2b;
   border-width: 1px;
}
.shop-details-content h2 {
    font-size: 26px;
    margin-bottom: 0;
}
.shop-details-review {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.shop-details-review .rating {
    font-size: 12px;
    color: #b0b0b0;
    margin-right: 10px;
}
.shop-details-price{
  font-size: 16px;
    color: #ff6000;
    width:200px;
     margin-left: 50px;
    margin-bottom: 5px;
}

.shop-details-content p {
    margin-bottom: 35px;
}
.product-details-size > span {
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    margin-right: 15px;
}
.product-details-size > a {
    font-size: 14px;
    color: #737373;
    margin-right: 10px;
    text-decoration: underline;
}
.product-details-size ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.product-details-size ul li {
    margin-top: 10px;
    margin-right: 10px;
}
.product-details-size ul li a {
    display: block;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    padding: 7px 13px;
    line-height: 1;
    border-radius: 3px;
}
.perched-info {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.perched-info .cart-plus {
    width: 120px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.shop-details-bottom h5 {
    padding-bottom: 15px;
    border-bottom: 1px solid #e8ecef;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.shop-details-bottom ul li {
    display: block;
    margin-bottom: 10px;
}
.shop-details-bottom ul li:last-child {
  margin-bottom: 0;
}
.shop-details-bottom ul li {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #898989;
  font-size: 13px;
}
.shop-details-bottom ul li a {
  color: #898989;
}
.shop-details-bottom h5 a i {
  margin-right: 7px;
}
.shop-details-content {
    margin-left: -40px;
}
.shop-details-nav-wrap .shop-nav-item img {
    width: 100%;
    text-align: center;
}
.shop-details-img img {
  width: 100%;
  text-align: center;
}

/* 19. Pagination */
.pagination-wrap ul {
    display: flex;
    align-items: center;
  justify-content: center;
  flex-wrap: wrap;
    background: #f6f3f1;
    padding: 25px 20px 15px;
}
.pagination-wrap ul li {
  margin: 10px 2.5px;
}
.pagination-wrap ul li.prev {
  margin-right: 20px;
}
.pagination-wrap ul li.next {
  margin-left: 20px;
}
.pagination-wrap ul li.prev a,
.pagination-wrap ul li.next a {
  height: auto;
  width: auto;
  border-radius: 0;
  line-height: initial;
}
.pagination-wrap ul li a {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 32px;
    text-align: center;
    background: transparent;
    border-radius: 50%;
    color: #696969;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
}
.pagination-wrap ul li a:hover,
.pagination-wrap ul li.active a {
  background: #ff6000;
  color: #fff;
}
.pagination-wrap ul li.prev a:hover,
.pagination-wrap ul li.next a:hover {
  background: transparent;
  color: #ff6000;
}

/* 20. Checkout */
.checkout-wrap .title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.checkout-form .form-grp {
  margin-bottom: 30px;
}
.checkout-form .form-grp label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #2b2b2b;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1;
}
.checkout-form .form-grp input {
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 14px 20px;
    min-height: 53px;
}
.checkout-form .form-grp label span {
  color: #f7ba01;
}
.checkout-form .form-grp label small {
    font-size: 12px;
    font-weight: 500;
    color: #797979;
}
.checkout-form .form-grp .custom-select {
  width: 100%;
    border: 1px solid #dcdcdc;
    height: 53px;
    border-radius: 0;
    font-size: 14px;
    color: #696868;
    background: url(../img/icon/nw_selarw.png) no-repeat scroll 97.5% center;
}
.different-address .custom-control-label {
  font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2b2b2b;
}
.different-address.custom-control {
    margin-bottom: 50px;
    margin-top: 20px;
}
.different-address.custom-checkbox .custom-control-label::before {
    border-radius: 0;
    box-shadow: none;
    top: 2px;
    background-color: transparent;
    border: 2px solid #bcbcbc;
    height: 14px;
    width: 14px;
}
.different-address .custom-control-label::after {
    top: 1px;
    left: -25px;
}
.different-address .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff6000;
    background-color: #ff6000;
}
.different-address .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #bcbcbc;
  background: transparent;
}
.checkout-form .form-grp textarea {
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 20px;
    min-height: 120px;
}
.checkout-form .form-grp textarea::placeholder {
  color: #858585;
}
.checkout-sidebar .shop-cart-widget {
  background-image: url(../img/bg/checkout_sidebar_bg.png);
}
.right_bill_cart{
  background-image: url(../img/bg/checkout_sidebar_bg.png);
}
.bank-transfer,
.paypal-method,
.payment-terms {
    padding-top: 28px;
    margin-top: 28px;
    border-top: 1px dashed #cfcfcf;
}
.checkout-sidebar .shop-cart-widget form ul {
    margin-bottom: 55px;
}
.paypal-method-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.paypal-method p {
    font-size: 13px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 0;
    margin-left: 24px;
  padding-left: 15px;
  position: relative;
  margin-top: 17px;
}
.paypal-method p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    height: 5px;
    width: 5px;
    background: #505050;
}
.checkout-sidebar .bank-transfer .custom-control,
.checkout-sidebar .paypal-method .custom-control {
    margin-bottom: 0;
}
.payment-terms .custom-control-label {
    font-size: 13px;
    line-height: 24px;
    text-transform: initial;
    font-weight: 400;
    color: #666666;
}
.payment-terms .custom-checkbox .custom-control-label::before {
    top: 5px;
}
.payment-terms .custom-control-label::after {
    top: 5px;
}
.paypal-method-flex .custom-control {
  width: 60%;
}

/* 21. Order-complete */
.pattern-bg {
    background-position: center;
    background-size: cover;
}
.order-complete-bg {
    background-position: center;
    background-size: cover;
    background-color: rgba(255, 96, 0, 0.659);
    box-shadow: 0px 5px 9.3px 0.7px rgba(183, 177, 199, 0.1);
    padding: 70px 85px 35px;
    text-align: center;
}
.order-complete-content h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.order-complete-content p {
    margin-bottom: 35px;
}

.order-complete-content p.get-ans {
    margin-bottom: 0;
    margin-top: 62px;
    font-size: 16px;
    color: #252525;
}

/* 22. My account */
.my-account-bg {
    height:100%;
    width:100%;
    background-position: center;
    background-size: cover;
    background-color: rgba(255, 96, 0, 0.659);
    box-shadow: 10px 15px 19.3px 10.7px rgba(183, 177, 199, 0.1);
    padding: 49px 75px 60px;
}
.login-page-title .title {
    text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 23px;
}
.my-account-content p {
    text-align: center;
    font-size: 16px;
    color: #252525;
    line-height: 26px;
    margin-bottom: 20px;
}
.direct-login {
    text-align: center;
    margin-bottom: 25px;
}
.direct-login a {
    background: #405f9f;
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 10px 15px;
}
.direct-login a i {
  margin-right: 10px;
}
.direct-login a.xing {
  background: #005251;
}
.my-account-content span.or {
    display: block;
    text-align: center;
}
.login-form {
    margin-top: 35px;
}
.login-form .form-grp label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #272525;
    font-family: 'Josefin Sans', sans-serif;
}
.login-form .form-grp input {
    display: block;
    width: 100%;
    border: 1px;
  
    padding: 13px 20px;
     border:1px solid #fff;
}
.login-form .form-grp {
  margin-bottom: 25px;
  position: relative;
}
.login-form .form-grp i {
    position: absolute;
    right: 20px;
    bottom: 16px;
}
.login-form .form-grp-bottom {
    display: flex;
    align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.login-form .remember input {
    margin-right: 10px;
}
.login-form .remember label,
.login-form .forget-pass a {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #252525;
    font-family: 'Josefin Sans', sans-serif;
}


/* 23. Limited offer */
.limited-offer-left {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
}
.limited-offer-title .title {
  color: #fff;
}
.limited-offer-disc {
    margin-left: 45px;
}
.limited-offer-action {
    margin-left: 70px;
}

.limited-offer-action .amount-info {
    display: flex;
    align-items: center;
}
.limited-offer-action .upto {
    transform: rotate(-90deg);
    font-size: 12px;
    font-weight: 500;
    color: #ff6000;
    letter-spacing: 0px;
    margin-left: -13px;
}
.limited-offer-action .amount {
    background: #ff6000;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 17px 8px 17px;
}
.limited-offer-action .off {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-left: 10px;
    font-family: 'Josefin Sans', sans-serif;
}
.shop-cart-sidebar {
    padding-top: 100px;
}
.shop-cart-bill {
    padding-top: 10px;
}
.limited-offer-area {
    background-position: center;
    background-size: cover;
    padding: 73px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.limited-overlay-title {
    position: absolute;
    margin-bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffff;
    
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: .8;
    bottom: 0;
    z-index: 999999;
}
.limited-overlay-title span {
    font-size: 80px;
}
.limited-overlay-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

/* 24. terms-and-conditions */
.terms-and-conditions-wrap h5 {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}
.terms-and-conditions-wrap {
    padding-bottom: 13px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ececec;
}
.terms-and-conditions-wrap:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.terms-and-conditions-wrap ul li {
    line-height: 2;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
.terms-and-conditions-wrap ul li:last-child {
    margin-bottom: 0;
}
.terms-and-conditions-wrap ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    height: 6px;
    width: 6px;
    background: #252525;
    border-radius: 50%;
}

/* 25. 404 page */
.error_txt {
    width:100%;
    font-size: 34px;
    font-weight: 150;
    margin-bottom: 20px;
    line-height: 1;
    color: #ff6000;
}
.error-content h5 {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
}
.error-content p {
    margin-bottom: 0;
}
.error-content .search_form {
    margin-top: 25px;
}
.error-area .search_form form {
  position: relative;
}
.error-area .search_form form input {
    height: 50px;
    padding: 5px 60px 5px 20px;
    margin-bottom: 20px;
    box-shadow: none;
}

.error-area .search_form form input:focus {
  height: 50px;
}
.error-area .search_form .icon_search {
    position: absolute;
    right: 18px;
    top: 50%;
    padding: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0;
    padding-left: 15px;
    box-shadow: none;
    border: none;
    border-left: 1px solid #ddd;
    background: transparent;
    color: #7d7d7d;
}
.error-area .search_form .icon_search i {
  font-size: 22px;
  margin-right: 0;
}
.form-note {
  margin-top: 20px;
}

/* 26. Footer */
.footer-bottom
 {
   
    height:auto;
    position:fixed;
    width: 100%;
    bottom:10px;
    left:0px;
}
.footer-area
 {
   
    height:auto;
    position:absolute;
    width: 97%;
    bottom:0px;
    left:0px;
}
.footer-top{ height:auto;
    position:absolute;
    left:0px;
    width: 97%;
     bottom:0px;
}

.footer-newsletter-wrap {
  padding: 0 0 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d1d1d1;
}
.newsletter-title h4 {
    font-size: 20px;
    text-transform: capitalize;
    color: #414141;
    margin-bottom: 5px;
}
.newsletter-title > span {
    font-size: 14px;
    display: block;
}
.newsletter-form form {
  position: relative;
}
.footer-newsletter-wrap .newsletter-form form input {
    background: #fff;
    border-radius: 5px;
    border: none;
    padding: 17px 30px;
    width: 100%;
    font-size: 12px;
  padding-right: 200px;
  font-weight: 500;
  color: #8c8c8c;
}
.footer-newsletter-wrap .newsletter-form form input::placeholder {
  font-size: 12px;
  opacity: .7;
}
.footer-newsletter-wrap .newsletter-form form button {
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    padding: 0 38px;
    line-height: 55px;
}
.footer-text p {
    padding-right: 50px;

}
.footer-text
{
    margin-top: 10px;
    color:#353333;
    
    
    left:10%;
    transform: translateX(10%);
}
.footer-social ul {
    display: flex;
    flex-wrap: wrap;
}
.footer-social ul li {
    margin-right: 40px;
}
.footer-social ul li a {
    color: #19110b;
    font-size: 16px;
  line-height: 1;
  display: block;
}
.fw-title h5 {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 0;
}
.fw-link ul li {
    display: block;
    margin-bottom: 5px;
}
.fw-link ul li:last-child {
  margin-bottom: 0;
}
.fw-link ul li a {
  display: inline-block;
  color: #7d7d7d;
}
.footer-contact ul li {
    margin-bottom: 5px;
    font-size: 15px;
    color: #7d7d7d;
    line-height: 28px;
    display: flex;
    align-items: baseline;
}
.footer-contact ul li i {
    margin-right: 10px;
}
.footer-alphabet span {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
}
.footer-alphabet span > a {
  color: #7d7d7d;
}
.copyright-wrap {
    background: #f7f6f6;
    padding: 16px 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.copyright-text p {

    margin-bottom: 0;
    color: #939292;
}
.copyright-text p a {
  color: #f7ba01;
}
.footer-style-two .footer-top {
    background: #2d2b2f;
}
.footer-style-two .newsletter-title h4,
.footer-style-two .fw-title h5 {
  color: #fff;
}
.footer-style-two .newsletter-title > span,
.footer-style-two .fw-link ul li a {
  color: #9c9c9c;
}
.footer-style-two .newsletter-form form button {
  background: #ff6000;
}
.footer-style-two .footer-newsletter-wrap {
  border-bottom: 1px dashed #5a595b;
  margin-bottom: 60px;
}
.footer-style-two .footer-text .call-us {
    font-family: 'Rubik', sans-serif;
    color: #bdbbbb;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;

}
.footer-style-two .footer-text .number {
    font-size: 20px;
    font-weight: 500;
    color: #bdbbbb;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 25px;
}
.footer-style-two .footer-text p {
    padding: 0;
    color: #9c9c9c;
    margin-bottom: 35px;
}

.footer-style-two  .copyright-wrap {
    background: #262527;
}


/* 27. Popup-newsletter */
.promo-popup .modal-dialog {
  max-width: 939px;
  position: relative;
}
.promo-popup .modal-content {
  border-radius: 0;
  border: none;
  background-color: rgba(255, 96, 0, 0.659);
  box-shadow: 0px 5px 9.3px 0.7px rgba(183, 177, 199, 0.1);
}
.promo-popup .modal-body {
  padding: 0;
  position: relative;
}
.popup-title .sub-title {
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
  color: #ff6000;
  padding: 0 25px;
}
.popup-title .sub-title::before,
.popup-title .sub-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 15px;
    height: 3px;
    background: #ff6000;
}
.popup-title .sub-title::after {
    left: auto;
    right: 0;
}
.popup-title .title {
  font-size: 30px;
  margin-bottom: 12px;
}
.promo-subscribe .subscribe-text {
  padding: 0 60px;
  margin-bottom: 35px;
  line-height: 24px;
}
.promo-form form > input {
  width: 100%;
  background: #fff;
  border: 1px solid #e3e3e3;
  padding: 13px 20px;
  margin-bottom: 20px;
}
.promo-form form > input::placeholder {
  color: #adadad;
}
.promo-form form button {
  width: 100%;
  padding: 20px 27px 16px 27px;
  background: #ff6000;
}
.promo-form form .comment-check-box {
  display: flex;
  align-items: flex-start;
  margin-top: 18px;
    margin-bottom: 60px;
    text-align: left;
}
.promo-form form .comment-check-box label {
  color: #252525;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-top: 2px;
}
.promo-subscribe .trial-text {
    margin-bottom: 0;
    line-height: 24px;
}
.promo-popup .promo-text {
    top: 0;
    right: 0;
    padding: 80px 55px 35px;
    max-width: 100%;
    position: absolute;
    left: 350px;
    text-align: center;
}
.modal-dialog {
  margin: 10.75rem auto;
}
.promo-popup .section-title h2 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1.2;
}
.promo-close {
  top: 22px;
  z-index: 1;
  padding: 5px;
  color: #6a6a6a;
  right: 22px;
  border: none;
  font-size: 22px;
  position: absolute;
  background: transparent;
  line-height: 1;
  transform: rotate(45deg);
}
.promo-close:hover,
.popup-title .title span {
  color: #ff6000;
}
.promo-popup img {
    width: 100%;
}

/* 28. Preloader */
#preloader {
  background-color: #fff;
}
.ctn-preloader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9000;
}

.ctn-preloader .animation-preloader {
  z-index: 1000;
}

.ctn-preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #ff6000;
  height: 150px;
  margin: 0 auto 3.5em auto;
  width: 150px;
}

.ctn-preloader .animation-preloader .txt-loading {
  font: bold 5em "Rubik", sans-serif;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  color: #000000;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Rubik", sans-serif;
  position: absolute;
  top: -3px;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.ctn-preloader.dark .animation-preloader .spinner {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
}

.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
  color: rgba(255, 255, 255, 0.2);
}

.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
  color: #fff;
}

.ctn-preloader p {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #3b3b3b;
}

.ctn-preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.cart_style{
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
 }
 .bill_table{
 -ms-flex:0 0 66.666667%;
 flex:0 0 66.666667%;
 max-width:66.666667%
 }

.ctn-preloader .loader .row {
  height: 100%;
}

.ctn-preloader .loader .loader-section {
  padding: 0px;
}

.ctn-preloader .loader .loader-section .bg {
  background-color: #ffffff;
  height: 100%;
  left: 0;
  width: 100%;
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

.ctn-preloader .loader.dark_bg .loader-section .bg {
  background: #111339;
}

.ctn-preloader.loaded .animation-preloader {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.ctn-preloader.loaded .loader-section .bg {
  width: 0;
  -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
  -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 3.5em "Rubik", sans-serif;
  }
}

@media screen and (max-width: 500px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 2em "Rubik", sans-serif;
  }
}
.hqbtabsguest
 {
 padding-left:0;margin-bottom:0;list-style:none
}
.hqbtabsguest>li
 {
 position:relative;display:block
}
.hqbtabsguest>li>a
 {
 position:relative;display:block;padding:10px 15px
}
.hqbtabsguest>li>a:focus,.hqbtabsguest>li>a:hover
 {
 text-decoration:none;background-color:#eee
}
.hqbtabsguest>li.disabled>a
 {
 color:#777
}
.hqbtabsguest>li.disabled>a:focus,.hqbtabsguest>li.disabled>a:hover
 {
 color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent
}
.hqbtabsguest .open>a,.hqbtabsguest .open>a:focus,.hqbtabsguest .open>a:hover
 {
 background-color:#eee;border-color:#337ab7
}
.hqbtabsguest .hqbtabsguest-divider
 {
 height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5
}
.hqbtabsguest>li>a>img
 {
 max-width:none
}
.hqbtabsguest-hqbtabss
 {
 border-bottom:1px solid #ddd
}
.hqbtabsguest-hqbtabss>li
 {
 float:left;margin-bottom:-1px
}
.hqbtabsguest-hqbtabss>li>a
 {
 margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0
}
.hqbtabsguest-hqbtabss>li>a:hover
 {
 border-color:#eee #eee #ddd
}
.hqbtabsguest-hqbtabss>li.active>a,.hqbtabsguest-hqbtabss>li.active>a:focus,.hqbtabsguest-hqbtabss>li.active>a:hover
 {
 color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified
 {
 width:100%;border-bottom:0
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>li
 {
 float:none
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>li>a
 {
 margin-bottom:5px;text-align:center
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.dropdown .dropdown-menu
 {
 top:auto;left:auto
}
@media (min-width:768px)
 {
 .hqbtabsguest-hqbtabss.hqbtabsguest-justified>li
 {
 display:hqbtabsle-cell;width:1%
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>li>a
 {
 margin-bottom:0
}

}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>li>a
 {
 margin-right:0;border-radius:4px
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.active>a,.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.active>a:focus,.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.active>a:hover
 {
 border:1px solid #ddd
}
@media (min-width:768px)
 {
 .hqbtabsguest-hqbtabss.hqbtabsguest-justified>li>a
 {
 border-bottom:1px solid #ddd;border-radius:4px 4px 0 0
}
.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.active>a,.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.active>a:focus,.hqbtabsguest-hqbtabss.hqbtabsguest-justified>.active>a:hover
 {
 border-bottom-color:#fff
}

}
.hqbtabsguest-pills>li
 {
 float:left
}
.hqbtabsguest-pills>li>a
 {
 border-radius:4px
}
.hqbtabsguest-pills>li+li
 {
 margin-left:2px
}
.hqbtabsguest-pills>li.active>a,.hqbtabsguest-pills>li.active>a:focus,.hqbtabsguest-pills>li.active>a:hover
 {
 color:#fff;background-color:#337ab7
}
.hqbtabsguest-stacked>li
 {
 float:none
}
.hqbtabsguest-stacked>li+li
 {
 margin-top:2px;margin-left:0
}
.hqbtabsguest-justified
 {
 width:100%
}
.hqbtabsguest-justified>li
 {
 float:none
}
.hqbtabsguest-justified>li>a
 {
 margin-bottom:5px;text-align:center
}
.hqbtabsguest-justified>.dropdown .dropdown-menu
 {
 top:auto;left:auto
}
@media (min-width:768px)
 {
 .hqbtabsguest-justified>li
 {
 display:hqbtabsle-cell;width:1%
}
.hqbtabsguest-justified>li>a
 {
 margin-bottom:0
}

}
.hqbtabsguest-hqbtabss-justified
 {
 border-bottom:0
}
.hqbtabsguest-hqbtabss-justified>li>a
 {
 margin-right:0;border-radius:4px
}
.hqbtabsguest-hqbtabss-justified>.active>a,.hqbtabsguest-hqbtabss-justified>.active>a:focus,.hqbtabsguest-hqbtabss-justified>.active>a:hover
 {
 border:1px solid #ddd
}
@media (min-width:768px)
 {
 .hqbtabsguest-hqbtabss-justified>li>a
 {
 border-bottom:1px solid #ddd;border-radius:4px 4px 0 0
}
.hqbtabsguest-hqbtabss-justified>.active>a,.hqbtabsguest-hqbtabss-justified>.active>a:focus,.hqbtabsguest-hqbtabss-justified>.active>a:hover
 {
 border-bottom-color:#fff
}

}
.hqbtabs-content>.hqbtabs-pane
 {
 display:none
}
.hqbtabs-content>.active
 {
 display:block
}
.hqbtabsguest-hqbtabss .dropdown-menu
 {
 margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0
}
.hqbtabsguestbar
 {
 position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent
}
@media (min-width:768px)
 {
 .hqbtabsguestbar
 {
 border-radius:4px
}

}
@media (min-width:768px)
 {
 .hqbtabsguestbar-header
 {
 float:left
}

.hqbtabs-control {
  padding-top: 35%;
  z-index: 3;
}
.hqbtabs-control .wizard-hqbtabscontrols {
  position: relative;

}



.card {
  background-color: #FFFFFF;
  padding: 10px 0;
  width: 100%;
  border-radius: 6px;
  color: rgba(0,0,0, 0.87);
  background: #fff;

}

.wizard-card {
  min-height: 410px;

  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.wizard-card .picture-container {
  position: relative;
  cursor: pointer;
  text-align: center;
}

.wizard-card .moving-hqbtabs {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 22px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
}

.wizard-card[data-color="purple"] .moving-hqbtabs {
  background-color: #9c27b0;
  box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

.wizard-card[data-color="green"] .moving-hqbtabs {
  background-color: #4caf50;
  box-shadow: 0 16px 26px -10px rgba(76, 175, 80, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}
.wizard-card[data-color="green"] .picture:hover {
  border-color: #4caf50;
}
.wizard-card[data-color="green"] .choice:hover .icon, .wizard-card[data-color="green"] .choice.active .icon {
  border-color: #4caf50;
  color: #4caf50;
}

.wizard-card[data-color="blue"] .moving-hqbtabs {
  background-color: #00bcd4;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}


.wizard-card[data-color="orange"] .moving-hqbtabs {
  background-color: #ff9800;
  box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}
.wizard-card[data-color="orange"] .picture:hover {
  border-color: #ff9800;
}
.wizard-card[data-color="orange"] .choice:hover .icon, .wizard-card[data-color="orange"] .choice.active .icon {
  border-color: #ff9800;
  color: #ff9800;
}

.wizard-card[data-color="red"] .moving-hqbtabs {
  background-color: #f44336;
  box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}


.wizard-card .hqbtabs-content {
  min-height: 340px;
  padding: 20px 15px;
}

.wizard-card .hqbtabsguest-pills > li {
  text-align: center;
}


.wizard-card .wizard-title {
  margin: 0;
}

.hqbtabsguest-pills {
  background-color: rgba(200, 200, 200, 0.2);
}
.hqbtabsguest-pills > li + li {
  margin-left: 0;
}
.hqbtabsguest-pills > li > a {
  border: 0 !important;
  border-radius: 0;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555 !important;
}
.hqbtabsguest-pills > li.active > a,
.hqbtabsguest-pills > li.active > a:hover,
.hqbtabsguest-pills > li.active > a:focus,
.hqbtabsguest-pills > li > a:hover,
.hqbtabsguest-pills > li > a:focus {
  background-color: inherit;
}
.hqbtabsguest-pills > li i {
  display: block;
  font-size: 30px;
  padding: 15px 0;
}


.stock_intabs-control {
  z-index: 3;

}
.stock_intabs-control .wizard-hqbtabscontrols {
  position: relative;
  font-size: 1.8em;
}



.card {
  background-color: #FFFFFF;
  padding: 10px 0;
  width: 100%;
  border-radius: 6px;
  color: rgba(0,0,0, 0.87);
  background: #fff;

}

.wizard-card {
  min-height: 410px;

  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.wizard-card .picture-container {
  position: relative;
  cursor: pointer;
  text-align: center;
}

.wizard-card .moving-hqbtabs {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 22px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
}

.wizard-card[data-color="purple"] .moving-hqbtabs {
  background-color: #9c27b0;
  box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

.wizard-card[data-color="green"] .moving-hqbtabs {
  background-color: #4caf50;
  box-shadow: 0 16px 26px -10px rgba(76, 175, 80, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}
.wizard-card[data-color="green"] .picture:hover {
  border-color: #4caf50;
}
.wizard-card[data-color="green"] .choice:hover .icon, .wizard-card[data-color="green"] .choice.active .icon {
  border-color: #4caf50;
  color: #4caf50;
}

.wizard-card[data-color="blue"] .moving-hqbtabs {
  background-color: #00bcd4;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}


.wizard-card[data-color="orange"] .moving-hqbtabs {
  background-color: #ff9800;
  box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}
.wizard-card[data-color="orange"] .picture:hover {
  border-color: #ff9800;
}
.wizard-card[data-color="orange"] .choice:hover .icon, .wizard-card[data-color="orange"] .choice.active .icon {
  border-color: #ff9800;
  color: #ff9800;
}

.wizard-card[data-color="red"] .moving-hqbtabs {
  background-color: #f44336;
  box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}


.wizard-card .hqbtabs-content {
  min-height: 340px;
  padding: 20px 15px;
}

.wizard-card .hqbtabsguest-pills > li {
  text-align: center;
  font-size: 22px;
}

.wizard-card .wizard-title {
  margin: 0;
}

.hqbtabsguest-pills {
  background-color: rgba(200, 200, 200, 0.2);
}
.hqbtabsguest-pills > li + li {
  margin-left: 0;
  font-size: 22px;
}
.hqbtabsguest-pills > li > a {
  border: 0 !important;
  border-radius: 0;
  line-height: 18px;
  text-transform: uppercase;
 font-size: 22px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555 !important;
}
.hqbtabsguest-pills > li.active > a,
.hqbtabsguest-pills > li.active > a:hover,
.hqbtabsguest-pills > li.active > a:focus,
.hqbtabsguest-pills > li > a:hover,
.hqbtabsguest-pills > li > a:focus {
  background-color: inherit;
}
.hqbtabsguest-pills > li i {
  display: block;
  font-size: 30px;
  padding: 15px 0;
}

/*翻页*/
.page{

 width: 95%;
    left: 2.5%;
    right:2.5%;
    padding:5px 0 0 58%; 

 
    backdrop-filter: blur(3px); 
    color: #fff; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px #fff;
   
   margin-bottom: 45px;
}
.page-num .num{
    position: relative;
    float: left;
    margin-left: -1px;
    width: 35px;
    border: solid 1px #eee;
    height: 35px;
    color: #666;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    font-size:14px;
}
.page-num .prev,.page-num .next{
    width:70px; 
    font-size:12px;
}
.page-num .prev i,.page-num .next i{
    display:inline-block;   
}
.page-num .prev .icon,.page-num .next .icon{
    background:url(../images/common/common-icon.png) no-repeat; 
    display:inline-block;
    width:6px;
    height:9px;
}
.page-num .prev .icon{
    background-position:-26px 0;    
}
.page-num .next .icon{
    background-position:-74px 0;    
}
.page-num a:hover{
    z-index: 1;
    color:#E31939;
    border:1px solid #E31939;
}
.page-num .curr{
    z-index: 1;
    color:#fff;
    border:1px solid #E31939;
    background:#E31939;
    cursor: default;
}
.page-num .prev{
    margin-right:6px;
    margin-left:0;
}
.page-num .next{
    margin-left:6px;
}
.page-num .disabled{
    color:#ccc; 
}
.page-num a.prev:hover .icon{
    background-position:-42px 0;    
}
.page-num a.next:hover .icon{
    background-position:-90px 0;    
}
.page-num .prev.disabled .icon{
    background-position:-58px 0;
}
.page-num .next.disabled .icon{
    background-position:-106px 0;
}
.page-wrap .total{
    float:left;
    line-height:37px;
    margin-left:10px;
    color:#999; 
}
.page-wrap .form .text{
    float:left;
    line-height:37px;
    margin-left:5px;    
    color:#999;
}
.page-wrap .form .input{
    width: 35px;
    border: solid 1px red;
    height: 21px;
    text-align: center;
    margin:7px 0 0 5px; 
}

.hover-opacity:hover{
    opacity: 0.8;
}
.ovh{
    overflow: hidden;
}
.fl{
    float: left;
   
}
.fr{
    float: right;
}
.tac{
    text-align: center;
}
.tar{
    text-align: right;
}
.tal{
    text-align: left;
}
.psr{
    position: relative !important;
}
.psa{
    position: absolute !important;
}
.curp{
    cursor: pointer;
}
.hide{
    display: none;
}
.hide-i{
    display: none!important;
}
.show-block{
    display: block!important;
}
.bold{
    font-weight: bold;
}
.transparent{
    opacity: 0;
}
.not{
    cursor:not-allowed !important;
    color: #b9b9b9;
}
.border-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.no-border,.noborder{
    border: 0 !important;
}
.text-over{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-over-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-over-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text-over-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.inline-block{
    display: inline-block;
}
.fs12{
    font-size: 12px !important;
}
.fs14{
    font-size: 14px !important;
}
.fs16{
    font-size: 16px !important;
}
.fs18{
    font-size: 18px !important;
}
.fs20{
    font-size: 20px !important;
}
.bg-red{
    background-color: #b40f19 !important;
}
.bg-white{
    background-color: #fff !important;
}
.tran15{
    -webkit-transition: 0.15s;
       -moz-transition: 0.15s;
        -ms-transition: 0.15s;
         -o-transition: 0.15s;
            transition: 0.15s;
}
.tran02{
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
}
.tran03{
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.underline{
    position: relative;
}
.underline::before{
    content: '';
    height: 1px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    right: 50%;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
}
.underline:hover::before{
    left: 0;
    right: 0;
    opacity: 1;
}
.underline-red{
    position: relative;
}
.underline-red:hover{
    color: #b40f19;
}
.underline-red::before{
    content: '';
    height: 1px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    right: 50%;
    opacity: 0;
    background-color: #b40f19;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
}
.underline-red:hover::before,.underline-red.hover::before{
    opacity: 1;
    left: 0;
    right: 0;
}
.red{
    color: #b40f19 !important;
}
.white{
    color: #fff !important;
}
.lineHeight2{
    line-height: 200%;
}
.lineHeight3{
    line-height: 300%;
}

.clearBoth{
    clear: both;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.changeScroll{
    overflow: auto;
}
.changeScroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.changeScroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}

.btn-close{
    display: block;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}
.btn-close:before,.btn-close:after{
    content: '';
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    height: 2px;
    margin-top: -1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.btn-close:after{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.slide-icon{
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.slide-icon::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../img/icon/icon-slide.png') no-repeat 50% 50%;
    -webkit-background-size: 60% auto;
    background-size: 60% auto;
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
}
.slide-icon.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

/**/

.global-style-multiple-options{
   
    border: 0px solid #ccc;
    
}
.global-style-multiple-options .left-label-row{
    line-height: 34px;
    width: 300px;
    margin: 0 auto;
    padding: 17px 0;
    height: 34px;
 
    margin-bottom:20px;
}
.left-label-row{
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;

 }
.global-style-multiple-options .row1{
    padding: 20px;
    margin-top: 17px;
}
.global-style-multiple-options .label{
    width: auto;
    text-align: right;
    height: 100%;

}
.global-style-multiple-options input{
    line-height: 32px;
    height: 32px;
    border: 1px solid red;
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: 300px;
    padding-left: 5px;
}
.global-style-multiple-options .input-box{
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: 3000px;
    padding-left: 5px;
}
.global-style-multiple-options .input-box label{
    float: left;
    color: #6f6f6f;
    display: table;
    line-height: 22px;
}
.global-style-multiple-options input:focus,.global-style-multiple-options input.on{
    border-color: red;
}
.global-style-multiple-options .multiple-controls-listbox{
    position: relative !important;
    float: right;
    width: 300px;
    height: auto;
    z-index: 9999;
}
.global-style-multiple-options .multiple-controls-listbox .global-style-multiple-options-roll-arro-icon{
    position: absolute !important;
    background: #ff002a;
    width: 35px;
    height: 32px;
    top: 0; /*icon top*/
    right: 0;/*icon left and right background*/
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar{
    width: 100%;
    border: 1px solid #666;

    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar.on{
    visibility: visible;
    opacity: 1;
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .rolls-bar-tab{
    overflow: hidden;
    line-height: 32px;
    border-bottom: 1px solid #666;
    color: #858585;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .rolls-bar-tab div{
    cursor: pointer;
    flex:1;
    /*width: 131px;*/
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .rolls-bar-tab div.city{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    /*width: 132px;*/
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .rolls-bar-tab .on{
    cursor: default;
    color: #fff;
    background-color: #666;
}

.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox{
    padding: 0 18px;
    line-height: 20px;
    height: 125px;/*down list height*/
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox a{
    cursor: pointer;
    margin-right: 10px;
    float: left;
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox a:hover,.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox a.on{
    color: #b40f19;
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox .pcd-listboox{
    overflow: hidden;
    display: none;
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox .pcd-listboox.on{
    display: block;
}
.global-style-multiple-options .multiple-controls-listbox .rolls-bar .province-citie-districts-listbox .pcd-listboox .spell-pcd{
     overflow: hidden;
    border-bottom: 1px solid black;
    padding: 8px 0 7px;

}




.global-style-multiple-options .multiple-controls-listbox .box-item{
    width: 165px;
    margin-left: 17px;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .select-input{
    width: 113px;
    padding-right: 40px;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .input-btn{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #b40f19;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .input-btn::before{
    content:'V';
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.15s;
       -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
         -o-transition: all 0.15s;
            transition: all 0.15s;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .input-btn.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.global-style-multiple-options .multiple-controls-listbox .box-item .select-list{
  
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
    line-height: 25px;
    font-size: 14px;
    max-height: auto;
    overflow-y: auto;
    display: none;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .select-list::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 0;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .select-list a{
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.global-style-multiple-options .multiple-controls-listbox .box-item .select-list a:hover{
    color: #b40f19;
}
.global-style-multiple-options .save-btn{
    width: 396px;
    line-height: 34px;
    border: none;
    background-color: #b40f19;
    color: #fff;
    text-align: center;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.global-style-multiple-options .save-btn:hover{
    opacity: 0.8;
}

.global-style-multiple-options-roll-arro-icon{

    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
   
}
.global-style-multiple-options-roll-arro-icon::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left:1%;
    background: url('../img/icon/icon-slide.png') no-repeat 50% 50%;
   -webkit-background-size: 60% auto;
    background-size: 60% auto;
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
}
.global-style-multiple-options-roll-arro-icon.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
          
}

.global-style-multiple-options-border-box{
    cursor: pointer;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;

    -webkit-box-sizing: global-style-multiple-options-border-box;
    -moz-box-sizing: global-style-multiple-options-border-box;
    box-sizing: global-style-multiple-options-border-box;
}

.global-style-multiple-options-distance-left{
    cursor: pointer;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
}
 
 .global-style-multiple-options-clearBoth{
    clear: both;
}

.global-style-multiple-options-onoptions {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.global-style-multiple-options-roll-scroll-bar{
    overflow: auto;
}
.global-style-multiple-options-roll-scroll-bar::-webkit-scrollbar {
    width: 15px;/*roll width*/
    height: 15px;
    background-color: rgba(0, 0, 0, 0.15);
}
.global-style-multiple-options-roll-scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.red-stars{
    color: #ff002a !important;
}

/**/
.select-input-list-edit{
   
    border: 0px solid #ccc;
    
}

.select-input-list-edit .row{
    line-height: 34px;
    width: auto;
    margin: 0 auto;
    padding: 17px 0;
    height: 34px;
    margin-top:20px; 
    margin-bottom:20px;
}

.select-input-list-edit .row1{
    padding: 20px;
    margin-top: 17px;
}
.select-input-list-edit .label{
    width: auto;
    text-align: right;
    height: 100%;

}
.select-input-list-edit input{
    line-height: 32px;
    height: 32px;
    border: 1px solid red;
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: auto;
    padding-left: 5px;
}
.select-input-list-edit .input-box{
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: auto;
    padding-left: 5px;
}
.select-input-list-edit .input-box label{
    color: #6f6f6f;
    display: table;
    line-height: 22px;
}
.select-input-list-edit input:focus,.select-input-list-edit input.on{
    border-color: red;
}
.select-input-list-edit .address-box{
    width: auto;
    height: 100%;
}
.select-input-list-edit .address-box .slide-icon{
    background: #858585;
    width: 34px;
    height: 32px;
    top: 0;
    right: 0;
}
.select-input-list-edit .address-box .slide{
    width: 100%;
    border: 1px solid #666;

    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.select-input-list-edit .address-box .slide.on{
    visibility: visible;
    opacity: 1;
}
.select-input-list-edit .address-box .slide .slide-tab{
    line-height: 32px;
    border-bottom: 1px solid #666;
    color: #858585;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row
}
.select-input-list-edit .address-box .slide .slide-tab div{
    cursor: pointer;
    flex:1;
    /*width: 131px;*/
}
.select-input-list-edit .address-box .slide .slide-tab div.city{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    /*width: 132px;*/
}
.select-input-list-edit .address-box .slide .slide-tab .on{
    cursor: default;
    color: #fff;
    background-color: #666;
}
.select-input-list-edit .address-box .slide .address-list{
    padding: 0 18px;
    line-height: 20px;
    max-height: 225px;
}
.select-input-list-edit .address-box .slide .address-list a{
    cursor: pointer;
    margin-right: 10px;
    float: left;
}
.select-input-list-edit .address-box .slide .address-list a:hover,.select-input-list-edit .address-box .slide .address-list a.on{
    color: #b40f19;
}
.select-input-list-edit .address-box .slide .address-list .list{
    display: none;
}
.select-input-list-edit .address-box .slide .address-list .list.on{
    display: block;
}
.select-input-list-edit .address-box .slide .address-list .list .group{
    border-bottom: 1px solid black;
    padding: 8px 0 7px;
}




.select-input-list-edit .address-box .box-item{
    width: 165px;
    margin-left: 17px;
}
.select-input-list-edit .address-box .box-item .select-input{
    width: 113px;
    padding-right: 40px;
}
.select-input-list-edit .address-box .box-item .input-btn{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #b40f19;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.select-input-list-edit .address-box .box-item .input-btn::before{
    content:'V';
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.15s;
       -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
         -o-transition: all 0.15s;
            transition: all 0.15s;
}
.select-input-list-edit .address-box .box-item .input-btn.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.select-input-list-edit .address-box .box-item .select-list{
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
    line-height: 25px;
    font-size: 14px;
    max-height: 215px;
    overflow-y: auto;
    display: none;
}
.select-input-list-edit .address-box .box-item .select-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.select-input-list-edit .address-box .box-item .select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.select-input-list-edit .address-box .box-item .select-list a{
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.select-input-list-edit .address-box .box-item .select-list a:hover{
    color: #b40f19;
}
.select-input-list-edit .save-btn{
    width: auto;
    line-height: 34px;
    border: none;
    background-color: #b40f19;
    color: #fff;
    text-align: center;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.select-input-list-edit .save-btn:hover{
    opacity: 0.8;
}

.edit-list-roll-arro-icon{

    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
   
}
.edit-list-roll-arro-icon::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left:1%;
    background: url('../img/icon/icon-slide.png') no-repeat 50% 50%;
   -webkit-background-size: 60% auto;
    background-size: 60% auto;
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
}
.edit-list-roll-arro-icon.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
          
}



.distance-left{

    cursor: pointer;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;

    
}

.gloabla-optins-border-box{
    cursor: pointer;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;

    -webkit-box-sizing: gloabla-optins-border-box;
    -moz-box-sizing: gloabla-optins-border-box;
    box-sizing: gloabla-optins-border-box;
}
.gloabla-select-input-list-modify-roll{
    overflow: auto;
}
.gloabla-select-input-list-modify-roll::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.15);
}
.gloabla-select-input-list-modify-roll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}


.gloabla-select-input-list{
    
    border: 0px solid #ccc;
}
.gloabla-select-input-list .glable-row{
    height: 34px;
    line-height: 34px;
    width: 98%;
    margin: 0 auto;

}


.gloabla-select-input-list .label{
    float: left;
    width: auto;
    text-align: right;
   
}
.gloabla-select-input-list input{
    line-height: 34px;
    height: 34px;
    border: 1px solid red;
    color: #7c7c7c;
    top:5px;
    font-size: 14px;
    width: 345px; /*display width*/
    
}
.gloabla-select-input-list .input-box{
    color: #7c7c7c;
   left: 0;
   top:5px;
    font-size: 14px;
    width: width: 345px;/*display width*/
   
}
.gloabla-select-input-list .input-box label{
    color: #6f6f6f;
    display: table;
    line-height: 22px;
}
.gloabla-select-input-list input:focus,.gloabla-select-input-list input.on{
    border-color: red;
}

.gloabla-select-input-list .gloabla-select-input-list-box{
    position: relative !important;
    top:5;/*ipnut box top and botton*/
    float: right;
    width: auto;
    height: 98%;

}
.gloabla-select-input-list .gloabla-select-input-list-box .edit-list-roll-arro-icon{
     position: absolute !important;
    background: #ff0505;
    width: 34px;
    height: 34px;
    top: 0; /*icon top*/
    right: 0;/*icon left and right background*/
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select{
    width: 98%;
    border: 1px solid #666;

    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select.on{
    visibility: visible;
    opacity: 1;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .roll-list-itme-options{
    line-height: 34px;
    border-bottom: 1px solid #666;
    color: #858585;
    text-align: center;
    width: 98%;
    display: flex;
    flex-direction: glable-row
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .roll-list-itme-options div{
    cursor: pointer;
    flex:1;
    /*width: 131px;*/
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .roll-list-itme-options div.city{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    /*width: 132px;*/
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .roll-list-itme-options .on{
    cursor: default;
    color: #fff;
    background-color: #666;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list{
    padding: 0 18px;
    line-height: 20px;
    max-height: 100px;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list a{
    cursor: pointer;
    margin-right: 10px;
    float: left;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list a:hover,.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list a.on{
    color: #b40f19;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list .list{
    display: none;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list .list.on{
    display: block;
}
.gloabla-select-input-list .gloabla-select-input-list-box .gloabla-select-input-list-select .glabal-options-list .list .group{
    border-bottom: 1px solid black;
    padding: 8px 0 7px;
}




.gloabla-select-input-list .gloabla-select-input-list-box .box-item{
    width: 165px;
    margin-left: 17px;
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .select-input{
    width: 113px;
    padding-right: 40px;
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .input-btn{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #b40f19;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .input-btn::before{
    content:'V';
    position: absolute;
    text-align: center;
    width: 98%;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.15s;
       -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
         -o-transition: all 0.15s;
            transition: all 0.15s;
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .input-btn.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .select-list{
    top: 100%;
    left: 0;
    width: 98%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
    line-height: 25px;
    font-size: 14px;
    max-height: 215px;
    overflow-y: auto;
    display: none;
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .select-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .select-list a{
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.gloabla-select-input-list .gloabla-select-input-list-box .box-item .select-list a:hover{
    color: #b40f19;
}
.gloabla-select-input-list .save-btn{
    width: auto;
    line-height: 34px;
    border: none;
    background-color: #b40f19;
    color: #fff;
    text-align: center;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.gloabla-select-input-list .save-btn:hover{
    opacity: 0.8;
}



.address-edit{
   
    border: 0px solid #ccc;
    
}
.address-edit .row{
    line-height: 34px;
    width: 490px;
    margin: 0 auto;
    padding: 17px 0;
    height: 34px;
    margin-top:20px; 
    margin-bottom:20px;
}

.address-edit .row1{
    padding: 20px;
    margin-top: 17px;
}
.address-edit .label{
    width: auto;
    text-align: right;
    height: 100%;

}
.address-edit input{
    line-height: 32px;
    height: 32px;
    border: 1px solid red;
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: 374px;
    padding-left: 5px;
}
.address-edit .input-box{
    color: #7c7c7c;
    padding: 0 10px;
    font-size: 14px;
    width: 374px;
    padding-left: 5px;
}
.address-edit .input-box label{
    color: #6f6f6f;
    display: table;
    line-height: 22px;
}
.address-edit input:focus,.address-edit input.on{
    border-color: red;
}
.address-edit .address-box{
    width: 371px;
    height: 100%;
}
.address-edit .address-box .slide-icon{
    background: #858585;
    width: 34px;
    height: 32px;
    top: 0;
    right: 0;
}
.address-edit .address-box .slide{
    width: 100%;
    border: 1px solid #666;

    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.address-edit .address-box .slide.on{
    visibility: visible;
    opacity: 1;
}
.address-edit .address-box .slide .slide-tab{
    line-height: 32px;
    border-bottom: 1px solid #666;
    color: #858585;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row
}
.address-edit .address-box .slide .slide-tab div{
    cursor: pointer;
    flex:1;
    /*width: 131px;*/
}
.address-edit .address-box .slide .slide-tab div.city{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    /*width: 132px;*/
}
.address-edit .address-box .slide .slide-tab .on{
    cursor: default;
    color: #fff;
    background-color: #666;
}
.address-edit .address-box .slide .address-list{
    padding: 0 18px;
    line-height: 20px;
    max-height: 225px;
}
.address-edit .address-box .slide .address-list a{
    cursor: pointer;
    margin-right: 10px;
    float: left;
}
.address-edit .address-box .slide .address-list a:hover,.address-edit .address-box .slide .address-list a.on{
    color: #b40f19;
}
.address-edit .address-box .slide .address-list .list{
    display: none;
}
.address-edit .address-box .slide .address-list .list.on{
    display: block;
}
.address-edit .address-box .slide .address-list .list .group{
    border-bottom: 1px solid black;
    padding: 8px 0 7px;
}




.address-edit .address-box .box-item{
    width: 165px;
    margin-left: 17px;
}
.address-edit .address-box .box-item .select-input{
    width: 113px;
    padding-right: 40px;
}
.address-edit .address-box .box-item .input-btn{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #b40f19;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.address-edit .address-box .box-item .input-btn::before{
    content:'V';
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.15s;
       -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
         -o-transition: all 0.15s;
            transition: all 0.15s;
}
.address-edit .address-box .box-item .input-btn.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.address-edit .address-box .box-item .select-list{
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
    line-height: 25px;
    font-size: 14px;
    max-height: 215px;
    overflow-y: auto;
    display: none;
}
.address-edit .address-box .box-item .select-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.address-edit .address-box .box-item .select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.address-edit .address-box .box-item .select-list a{
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.address-edit .address-box .box-item .select-list a:hover{
    color: #b40f19;
}
.address-edit .save-btn{
    width: 396px;
    line-height: 34px;
    border: none;
    background-color: #b40f19;
    color: #fff;
    text-align: center;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.address-edit .save-btn:hover{
    opacity: 0.8;
}

.roll-arro-icon{
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.roll-arro-icon::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../img/icon/icon-slide.png') no-repeat 50% 50%;
    -webkit-background-size: 60% auto;
    background-size: 60% auto;
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
}
.roll-arro-icon.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}



.distance-left{
    cursor: pointer;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
}
.gloabla-optins-border-box{
    cursor: pointer;
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
        -ms-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;

    -webkit-box-sizing: gloabla-optins-border-box;
    -moz-box-sizing: gloabla-optins-border-box;
    box-sizing: gloabla-optins-border-box;
}
.global-options-modify-roll{
    overflow: auto;
}
.global-options-modify-roll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.global-options-modify-roll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}

.global-options{
    
    border: 0px solid #ccc;
}
.global-options .glable-row{
    height: 34px;
    line-height: 34px;
    width: 98%;
    margin: 0 auto;
 
    height: 34px;
}


.global-options .label{
    float: left;
    width: auto;
    text-align: right;
   
}
.global-options input{
    line-height: 34px;
    height: 34px;
    border: 1px solid red;
    color: #7c7c7c;
   
    font-size: 14px;
    width: 374px;
    
}
.global-options .input-box{
    color: #7c7c7c;
   
    font-size: 14px;
    width: 374px;
   
}
.global-options .input-box label{
    color: #6f6f6f;
    display: table;
    line-height: 22px;
}
.global-options input:focus,.global-options input.on{
    border-color: red;
}

.global-options .global-options-box{
    position: relative !important;
    float: right;
    width: 371px;
    height: 98%;
}
.global-options .global-options-box .roll-arro-icon{
     position: absolute !important;
    background: #858585;
    width: 34px;
    height: 34px;
    top: 0;
    right: 0;
}
.global-options .global-options-box .global-options-select{
    width: 98%;
    border: 1px solid #666;

    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.global-options .global-options-box .global-options-select.on{
    visibility: visible;
    opacity: 1;
}
.global-options .global-options-box .global-options-select .roll-list-itme-options{
    line-height: 34px;
    border-bottom: 1px solid #666;
    color: #858585;
    text-align: center;
    width: 98%;
    display: flex;
    flex-direction: glable-row
}
.global-options .global-options-box .global-options-select .roll-list-itme-options div{
    cursor: pointer;
    flex:1;
    /*width: 131px;*/
}
.global-options .global-options-box .global-options-select .roll-list-itme-options div.city{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    /*width: 132px;*/
}
.global-options .global-options-box .global-options-select .roll-list-itme-options .on{
    cursor: default;
    color: #fff;
    background-color: #666;
}
.global-options .global-options-box .global-options-select .glabal-options-list{
    padding: 0 18px;
    line-height: 20px;
    max-height: 225px;
}
.global-options .global-options-box .global-options-select .glabal-options-list a{
    cursor: pointer;
    margin-right: 10px;
    float: left;
}
.global-options .global-options-box .global-options-select .glabal-options-list a:hover,.global-options .global-options-box .global-options-select .glabal-options-list a.on{
    color: #b40f19;
}
.global-options .global-options-box .global-options-select .glabal-options-list .list{
    display: none;
}
.global-options .global-options-box .global-options-select .glabal-options-list .list.on{
    display: block;
}
.global-options .global-options-box .global-options-select .glabal-options-list .list .group{
    border-bottom: 1px solid black;
    padding: 8px 0 7px;
}




.global-options .global-options-box .box-item{
    width: 165px;
    margin-left: 17px;
}
.global-options .global-options-box .box-item .select-input{
    width: 113px;
    padding-right: 40px;
}
.global-options .global-options-box .box-item .input-btn{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #b40f19;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.global-options .global-options-box .box-item .input-btn::before{
    content:'V';
    position: absolute;
    text-align: center;
    width: 98%;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.15s;
       -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
         -o-transition: all 0.15s;
            transition: all 0.15s;
}
.global-options .global-options-box .box-item .input-btn.on::before{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.global-options .global-options-box .box-item .select-list{
    top: 100%;
    left: 0;
    width: 98%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
    line-height: 25px;
    font-size: 14px;
    max-height: 215px;
    overflow-y: auto;
    display: none;
}
.global-options .global-options-box .box-item .select-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}
.global-options .global-options-box .box-item .select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.global-options .global-options-box .box-item .select-list a{
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.global-options .global-options-box .box-item .select-list a:hover{
    color: #b40f19;
}
.global-options .save-btn{
    width: 396px;
    line-height: 34px;
    border: none;
    background-color: #b40f19;
    color: #fff;
    text-align: center;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.global-options .save-btn:hover{
    opacity: 0.8;
}

/* 已保存的地址 */
.my-address{
    margin-top: 45px;
}
.my-address .title-text{
    background-color: #d8d8d8;
    line-height: 40px;
    font-size: 16px;
    padding-left: 20px;
}
.my-address .my-address-table{
    width: 100%;
    line-height: 20px;
    text-align: center;
    color: #787878;
    font-size: 14px;
}
.my-address .my-address-table tr:nth-of-type(odd) td{
    background: #f8f8f8;
}
.my-address .my-address-table tr:hover td{
    background-color: #d8d8d8;
}
.my-address .my-address-table tr:hover .col-1 .set-btn{
    display: block;
}
.my-address .my-address-table th,.my-address .my-address-table td{
    padding: 10px;
}
.my-address .my-address-table th{
    background-color: #eee;
    font-weight: normal;
    padding: 10px 0;
}
.my-address .my-address-table .col-1{
    width: 105px;
    padding: 0;
    background-color: transparent !important;
    position: relative;
}
.my-address .my-address-table .col-1 .set-btn{
    background-color: #d8d8d8;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
.my-address .my-address-table .col-1 .set-btn.default{
    left: 50%;
    color: #fff;
    background-color: #7c7c7c;
    cursor: default;
    display: block;
}
.my-address .my-address-table .col-1 .set-btn .table-box{
    width: 100%;
    height: 100%;
    display: table;
}
.my-address .my-address-table .col-1 .set-btn .table-box .text{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.my-address .my-address-table .modify-box{
    width: 5em;
    margin: 0 auto;
}
.my-address .my-address-table .modify-box span{
    width: 1em;
}
.my-address .my-address-table .modify-box a:hover{
    color: #b40f19;
}

 
 .row{
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;

 }
 
 .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
 position:relative;
 
 width:100%;
 }
 .col-xl-3{
    
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%;
 margin-bottom: 10px;
 backdrop-filter: blur(3px); 
    color: #000; 
   background-color: #fff !important;
   box-shadow: 1px 15px 18px 6px rgba(227,49,0,0.65);
   
   margin-bottom: 45px;
 }
 .col-menu-8
 {
 width:100%;
 right:15px;
  }
 .col{
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:98%
 }
 .row-cols-1>*{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 .row-cols-2>*{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .row-cols-3>*{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .row-cols-4>*{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .row-cols-5>*{
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
 }
 .row-cols-6>*{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-auto{
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:auto;
 max-width:98%
 }
 .col-1{
 -ms-flex:0 0 8.333333%;
 flex:0 0 8.333333%;
 max-width:8.333333%
 }
 .col-2{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-3{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .col-4{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .col-5{
 -ms-flex:0 0 41.666667%;
 flex:0 0 41.666667%;
 max-width:41.666667%
 }
 .col-6{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .col-7{
 -ms-flex:0 0 58.333333%;
 flex:0 0 58.333333%;
 max-width:58.333333%
 }
 .col-8{
 -ms-flex:0 0 66.666667%;
 flex:0 0 66.666667%;
 max-width:66.666667%
 }
 .col-9{
 -ms-flex:0 0 75%;
 flex:0 0 75%;
 max-width:75%
 }
 .col-10{
 -ms-flex:0 0 83.333333%;
 flex:0 0 83.333333%;
 max-width:83.333333%
 }
 .col-11{
 -ms-flex:0 0 91.666667%;
 flex:0 0 91.666667%;
 max-width:91.666667%
 }
 .col-12{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }

 @media (min-width:576px){
 .col-sm{
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:98%
 }
 .row-cols-sm-1>*{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 .row-cols-sm-2>*{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .row-cols-sm-3>*{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .row-cols-sm-4>*{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .row-cols-sm-5>*{
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
 }
 .row-cols-sm-6>*{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-sm-auto{
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:auto;
 max-width:98%
 }
 .col-sm-1{
 -ms-flex:0 0 8.333333%;
 flex:0 0 8.333333%;
 max-width:8.333333%
 }
 .col-sm-2{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-sm-3{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .col-sm-4{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .col-sm-5{
 -ms-flex:0 0 41.666667%;
 flex:0 0 41.666667%;
 max-width:41.666667%
 }
 .col-sm-6{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .col-sm-7{
 -ms-flex:0 0 58.333333%;
 flex:0 0 58.333333%;
 max-width:58.333333%
 }
 .col-sm-8{
 -ms-flex:0 0 66.666667%;
 flex:0 0 66.666667%;
 max-width:66.666667%
 }
 .col-sm-9{
 -ms-flex:0 0 75%;
 flex:0 0 75%;
 max-width:75%
 }
 .col-sm-10{
 -ms-flex:0 0 83.333333%;
 flex:0 0 83.333333%;
 max-width:83.333333%
 }
 .col-sm-11{
 -ms-flex:0 0 91.666667%;
 flex:0 0 91.666667%;
 max-width:91.666667%
 }
 .col-sm-12{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 
 @media (min-width:768px){
 .col-md{
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:98%
 }
 .row-cols-md-1>*{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 .row-cols-md-2>*{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .row-cols-md-3>*{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .row-cols-md-4>*{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .row-cols-md-5>*{
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
 }
 .row-cols-md-6>*{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-md-auto{
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:auto;
 max-width:98%
 }
 .col-md-1{
 -ms-flex:0 0 8.333333%;
 flex:0 0 8.333333%;
 max-width:8.333333%
 }
 .col-md-2{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-md-3{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:98%
 }
 .col-md-4{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:98%
 }
 .col-md-5{
 -ms-flex:0 0 41.666667%;
 flex:0 0 41.666667%;
 max-width:41.666667%
 }
 .col-md-6{
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
 }
 
 
 @media (min-width:992px){
 .col-lg{
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:98%
 }
 .row-cols-lg-1>*{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 .row-cols-lg-2>*{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .row-cols-lg-3>*{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .row-cols-lg-4>*{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .row-cols-lg-5>*{
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
 }
 .row-cols-lg-6>*{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-lg-auto{
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:auto;
 max-width:98%
 }
 .col-lg-1{
 -ms-flex:0 0 8.333333%;
 flex:0 0 8.333333%;
 max-width:8.333333%
 }
 .col-lg-2{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 .col-lg-3{
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
 }
 .col-lg-4{
 -ms-flex:0 0 23.333333%;
 flex:0 0 23.333333%;
 max-width:23.333333%
 }
 .col-lg-5{
 -ms-flex:0 0 41.666667%;
 flex:0 0 41.666667%;
 max-width:41.666667%
 }
 .col-lg-6{
 -ms-flex:0 0 100%;
 flex:0 0 100%;
 max-width:100%
 }
 .col-lg-7{
 -ms-flex:0 0 58.333333%;
 flex:0 0 58.333333%;
 max-width:58.333333%
 }
 .col-lg-8{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 
 .col-lg-9{
 -ms-flex:0 0 80%;
 flex:0 0 80%;
 max-width:80%
 }
 .col-lg-10{
 -ms-flex:0 0 83.333333%;
 flex:0 0 83.333333%;
 max-width:83.333333%
 }
 .col-lg-11{
 -ms-flex:0 0 91.666667%;
 flex:0 0 91.666667%;
 max-width:91.666667%
 }
 .col-lg-12{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 
 .col-xl-1{
 -ms-flex:0 0 8.333333%;
 flex:0 0 8.333333%;
 max-width:8.333333%
 }
 .col-xl-2{
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
 }
 
 .col-xl-4{
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
 }
 .col-xl-5{
 -ms-flex:0 0 41.666667%;
 flex:0 0 41.666667%;
 max-width:41.666667%
 }
 .col-xl-6{
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
 }
 .col-xl-7{
 -ms-flex:0 0 100.333333%;
 flex:0 0 100.333333%;
 max-width:100.333333%
 }
 .col-xl-8{
 -ms-flex:0 0 7%;
 flex:0 0 7%;
 max-width:7%
 }
 .col-xl-9{
 -ms-flex:0 0  5%;
 flex:0 0  5%;
 max-width: 5%;
 }
 .col-xl-9_1{
left:5%;
right:5%;
 max-width: 85%;
 }

 .col-xl-10{
 -ms-flex:0 0 100%;
 flex:0 0 100%;
 max-width:100%/*roll background PIC*/
 }
 .col-xl-11{
 -ms-flex:0 0 91.666667%;
 flex:0 0 91.666667%;
 max-width:91.666667%
 }
 .col-xl-12{
 -ms-flex:0 0 98%;
 flex:0 0 98%;
 max-width:98%
 }
 .justify-content-between{
 -ms-flex-pack:justify!important;
 justify-content:space-between!important
 }

 .user-address-table table {
float: left;
           
width: 99%; 
height: 30%;           
      
} 
         /* 滚动条宽度 */        
.user-address-table table tbody {        
display: block; 
         
width: 99%;           
/*width: calc(100%,8px); /*这里的8px是滚动条的宽度*/            
height: 350px;            
overflow-y: auto;            
-webkit-overflow-scrolling: touch;        
}

.user-address-table table{
    width: 99%; 
    border:0; 
    border-collapse:collapse;
} 
.user-address-table table td,table th{
    border:1px solid #eee; 
    padding:.5em 1em
} 
.user-address-table::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
} 
.user-address-table::-webkit-scrollbar-thumb{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

/************************************/
.house-kinds-table table {
float: left;
           
width: 99%; 
height: 30%;           
      
} 
         /* 滚动条宽度 */        
.house-kinds-table table tbody {        
display: block; 
         
width: 99%;           
/*width: calc(100%,8px); /*这里的8px是滚动条的宽度*/            
height: 350px;            
overflow-y: auto;            
-webkit-overflow-scrolling: touch;        
}

.house-kinds-table table{
    width: 99%; 
    border:0; 
    border-collapse:collapse;
} 
.house-kinds-table table td,table th{
    border:1px solid #eee; 
    padding:.5em 1em
} 
.house-kinds-table::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
} 
.house-kinds-table::-webkit-scrollbar-thumb{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
} 
.foo {
            font-family: 'Raleway', sans-serif;
            color: white;
            font-size: 10em;
            margin: auto;
            text-align: center;
        }


        .foo {
            font-family: "Arial Black";
            text-shadow: 0.66913px 0.74314px 0 #16a085, 1.33826px 1.48629px 0 #16a185, 2.00739px 2.22943px 0 #16a186, 2.67652px 2.97258px 0 #16a186, 3.34565px 3.71572px 0 #16a186, 4.01478px 4.45887px 0 #16a286, 4.68391px 5.20201px 0 #16a287, 5.35304px 5.94516px 0 #16a287, 6.02218px 6.6883px 0 #16a387, 6.69131px 7.43145px 0 #16a387, 7.36044px 8.17459px 0 #16a388, 8.02957px 8.91774px 0 #16a388, 8.6987px 9.66088px 0 #17a488, 9.36783px 10.40403px 0 #17a488, 10.03696px 11.14717px 0 #17a488, 10.70609px 11.89032px 0 #17a489, 11.37522px 12.63346px 0 #17a589, 12.04435px 13.37661px 0 #17a589, 12.71348px 14.11975px 0 #17a589, 13.38261px 14.8629px 0 #17a68a, 14.05174px 15.60604px 0 #17a68a, 14.72087px 16.34919px 0 #17a68a, 15.39px 17.09233px 0 #17a68a, 16.05913px 17.83548px 0 #17a78b, 16.72827px 18.57862px 0 #17a78b, 17.3974px 19.32177px 0 #17a78b, 18.06653px 20.06491px 0 #17a88b, 18.73566px 20.80806px 0 #17a88b, 19.40479px 21.5512px 0 #17a88c, 20.07392px 22.29434px 0 #17a88c, 20.74305px 23.03749px 0 #17a98c, 21.41218px 23.78063px 0 #17a98c, 22.08131px 24.52378px 0 #17a98d, 22.75044px 25.26692px 0 #17aa8d, 23.41957px 26.01007px 0 #17aa8d, 24.0887px 26.75321px 0 #17aa8d, 24.75783px 27.49636px 0 #17aa8e, 25.42696px 28.2395px 0 #18ab8e, 26.09609px 28.98265px 0 #18ab8e, 26.76522px 29.72579px 0 #18ab8e, 27.43435px 30.46894px 0 #18ab8e, 28.10349px 31.21208px 0 #18ac8f, 28.77262px 31.95523px 0 #18ac8f, 29.44175px 32.69837px 0 #18ac8f, 30.11088px 33.44152px 0 #18ad8f, 30.78001px 34.18466px 0 #18ad90, 31.44914px 34.92781px 0 #18ad90, 32.11827px 35.67095px 0 #18ad90, 32.7874px 36.4141px 0 #18ae90, 33.45653px 37.15724px 0 #18ae91, 34.12566px 37.90039px 0 #18ae91, 34.79479px 38.64353px 0 #18af91, 35.46392px 39.38668px 0 #18af91, 36.13305px 40.12982px 0 #18af91, 36.80218px 40.87297px 0 #18af92, 37.47131px 41.61611px 0 #18b092, 38.14044px 42.35926px 0 #18b092, 38.80958px 43.1024px 0 #18b092, 39.47871px 43.84554px 0 #18b193, 40.14784px 44.58869px 0 #18b193, 40.81697px 45.33183px 0 #18b193, 41.4861px 46.07498px 0 #18b193, 42.15523px 46.81812px 0 #19b293, 42.82436px 47.56127px 0 #19b294, 43.49349px 48.30441px 0 #19b294, 44.16262px 49.04756px 0 #19b294, 44.83175px 49.7907px 0 #19b394, 45.50088px 50.53385px 0 #19b395, 46.17001px 51.27699px 0 #19b395, 46.83914px 52.02014px 0 #19b495, 47.50827px 52.76328px 0 #19b495, 48.1774px 53.50643px 0 #19b496, 48.84653px 54.24957px 0 #19b496, 49.51566px 54.99272px 0 #19b596, 50.1848px 55.73586px 0 #19b596, 50.85393px 56.47901px 0 #19b596, 51.52306px 57.22215px 0 #19b697, 52.19219px 57.9653px 0 #19b697, 52.86132px 58.70844px 0 #19b697, 53.53045px 59.45159px 0 #19b697, 54.19958px 60.19473px 0 #19b798, 54.86871px 60.93788px 0 #19b798, 55.53784px 61.68102px 0 #19b798, 56.20697px 62.42417px 0 #19b898, 56.8761px 63.16731px 0 #19b899, 57.54523px 63.91045px 0 #19b899, 58.21436px 64.6536px 0 #19b899, 58.88349px 65.39674px 0 #1ab999, 59.55262px 66.13989px 0 #1ab999, 60.22175px 66.88303px 0 #1ab99a, 60.89089px 67.62618px 0 #1ab99a, 61.56002px 68.36932px 0 #1aba9a, 62.22915px 69.11247px 0 #1aba9a, 62.89828px 69.85561px 0 #1aba9b, 63.56741px 70.59876px 0 #1abb9b, 64.23654px 71.3419px 0 #1abb9b, 64.90567px 72.08505px 0 #1abb9b, 65.5748px 72.82819px 0 #1abb9c, 66.24393px 73.57134px 0 #1abc9c, 66.91306px 74.31448px 0 #1abc9c;
        }
.btnsbuys-btns_parameter_follow
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.btnsbuys-btns_parameter_follow:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.btnsbuys-btns_parameter_follow
{
    background-color:#e33100
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: auto;

    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 15px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-image: none;
    margin-top: 10px;
    background-color: #e33100 !important;
    box-shadow: 0px 15px 18px -6px rgba(227,49,0,0.65);
    border-radius: 20px;
}


.btnsorder-goods-btns_parameter_follow
{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display:inline-block;
    padding:3px 8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    margin-right:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
    text-shadow:0 -1px 1px rgba(0,0,0,.25);
    vertical-align:middle
    border-radius: 20px;
}
.btnsorder-goods-btns_parameter_follow:hover
{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)

}
.btnsorder-goods-btns_parameter_follow
{
    background-color:#e33100
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: auto;

    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 15px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-image: none;
    margin-top: 10px;
    padding: 3px 8px !important;
    background-color: #3CB034 !important;
    box-shadow: 0px 15px 18px -6px rgba(60,176,52,0.65) !important;
    margin-left: 10px;
    width: auto;
    border-radius: 20px;
}

.barone{
    
    margin-top: 2px;
    height:100px;
    width: 100%;
    position:revert-layer;
    background:#ff4750;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    border: 5px solid 1px 1px 4px rgb(0 0 0 / 25%);
    
}
.barone .imgs{

    height:100px;
    width: 120px;
    line-height: 100px;
    position:absolute;
    margin-left:25%;
}

.barone .TITLES{

    height:100px;
    color:#fff;
    width: 100%;
    line-height: 100px;
    position:absolute;
   
    text-align: center;
     font-size:50px;
  /*   font-family: Arial, Helvetica, sans-serif;*/
  border-collapse: collapse;
  letter-spacing: 57px;


    color:#fff;
   
   /* text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);*/
   
   font-weight:bolder;
}
.bartwo{
    
    height:140px;
    width: 100%;
    position:revert-layer;
    background:#36ff00;
   box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    border: 1px solid #fb7614;
    
}
.bartwo .imgs{

    height:140px;
    width: 120px;
    line-height: 140px;
    position:absolute;
    margin-left:10%;
}
.bartwo .TITLES{

    height:140px;
    color:#fff;
    width: 100%;
    line-height: 140px;
    position:absolute;
   
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:#fff;
   
    text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:50px;
    font-weight:bolder;
}
.bar{
    margin-top:0.3%;
    margin-left:2.5%;
    margin-right:2.5%;
    height:100px;
    width: 95%;
    position:revert-layer;
    background:#1d4bc4;
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
    border: 1px solid #fb7614;
    
}
.bar .imgs{

    height:100px;
    width: 120px;
    line-height: 100px;
    position:absolute;
    margin-left:20%;
}
.bar .brand-products{

    
    height:50px;
    width: auto;
    line-height: 50px;
    position:absolute;
    margin-left:15%;
    font-size: 40px;
    color:white;
    
}
.bar .TITLES{

    height:100px;
    color:#fff;
    width: 95%;
    line-height: 100px;
    position:absolute;
   margin-left:2.5%;
    margin-right:2.5%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:#fff;
   
    text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:40px;
    font-weight:bolder;
}

.source-bar{
    margin-top:0.3%;
    
    height:120px;
    width: 100%;
    position:revert-layer;
    background:#1d4bc4;
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.3);
    border: 1px solid #fb7614;
    
}
.source-bar .imgs{

    height:120px;
    width: 120px;
    line-height: 120px;
    position:absolute;
    margin-left:20%;
}
.source-bar .brand-products{

    
    height:50px;
    width: auto;
    line-height: 50px;
    position:absolute;
    margin-left:15%;
    font-size: 40px;
    color:white;
    
}
.source-bar .TITLES{

    height:120px;
    color:#fff;
    width: 95%;
    line-height: 120px;
    position:absolute;
   margin-left:2.5%;
    margin-right:2.5%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
 


    color:#fff;
   
    text-shadow:
    0px 1px 0px #c0c0c0,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, 0.6);
    font-size:40px;
    font-weight:bolder;
}
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }
.active-but-beautiful {
    position: relative;
    width: 60px;
      height: 30px;
      line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}

.active-but-beautiful .btn {
    border:solid 1px;
    background-color: #ffffff55;
    border-radius: 50px;
   width: 60px;
      height: 30px;
      line-height: 30px;
    color: #fff;
    box-shadow: 0 0 10px #ffffff55;
    font-size: 15px;
    backdrop-filter: blur(10px);
    transition: all 0.3s;
}

.active-but-beautiful::before {
    position: absolute;
    content: '';
    z-index: -1;
   background-color: #ffffff;
   width: 60px;
      height: 30px;
      line-height: 30px;
    border-radius: 50px;
    box-shadow: 0 0 10px red;
    transition: all 0.3s;
}

.active-but-beautiful:hover::before {
   width: 60px;
      height: 30px;
      line-height: 30px;
    border-radius: 50px;
}

.active-but-beautiful:hover .btn {
    box-shadow: 0 0 10px #ffffff;
    color: #fff;
    font-size: 12px;
    animation:slidebg 2s linear infinite;
    color:linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
/*.active-but-beautiful:active::before {
    background-color: #11ee11;
    box-shadow: 0 0 10px #11ee11;
    transition: all 0.1s;
    color: #fff;
}

.active-but-beautiful:active .btn {
    box-shadow: 0 0 10px #11ee11;
    color: red;
    font-size: 12px;
    transition: all 0.1s;
}*/



.active-but-beautiful .btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
       width: 60px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      text-decoration: none;
      font-family: sans-serif;
      box-sizing: border-box;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 60px;
      z-index: 1;
    }
    
.active-but-beautiful .btn:hover {
      animation: animate 8s linear infinite;
    }
    
    @keyframes animate {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 400%;
      }
    }
 .company-img {
   
  
   
     width: 100%;
    height: 30%;
   margin: 0.01% auto;
   border: 1px solid #000;
  background: url('../module_static/about/images/banner_1.jpg') no-repeat;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.news-img {
   
  
   
     width: 100%;
    height: 30%;
   margin: 0.01% auto;
   border: 1px solid #000;
  background: url('../img/news_bg.png') no-repeat;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.news-img .title-company-bg{


     
       margin-top: 5%;
       width: auto;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #fff;
     font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: #fff;
  font-size: 46px;
      text-transform: uppercase;
      text-decoration: none;
      font-family: sans-serif;
      box-sizing: border-box;
}
.company-img .title-company-bg{


     
       margin-top: 5%;
       width: auto;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #fff;
     font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: #fff;
  font-size: 46px;
      text-transform: uppercase;
      text-decoration: none;
      font-family: sans-serif;
      box-sizing: border-box;
}
.news-control-content {
width: 98%;
margin: 1% auto;
}
.news-list-left {
float: left;
width: 98%;
margin: 1% auto;
margin-bottom: 50px;
}
.news-list-right {
float: right;
width: 229px;
}
.news-list-item {
padding: 20px 30px;
}
.author-time {
font-size: 14px;
}
.news-des {
padding-bottom: 20px;
border-bottom: 2px solid #CCC;
}
.news-center-title {

      margin-top: -2%;
       width: auto;
      height: 50px;
      line-height: 50px;
      text-align: center;
     font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: red;
  font-size: 46px;
      text-transform: uppercase;
      text-decoration: none;
      font-family: sans-serif;
      box-sizing: border-box;
      margin-bottom: 2%;
}

.news-title {
font-size: 23px;
}
.news-title i {
display: inline-block;
width: 47px;
height: 43px;
margin-right: 10px;
background: url('../images/index/news-icon.png') left center no-repeat;
vertical-align: middle;
}
.news-title a {
color: green;
}

.news-title a {
text-decoration: none;
color:#fff;
}
.news-title a:hover {
    text-decoration: none;
    color:#red;
}
.news-title a{
color: green; /*未访问链接颜色*/
text-decoration:none; /*去掉下划线*/
}
.news-title a:visited{
color:#514e4e; /*已访问链接颜色*/
}
.news-title a:hover{
color:#514e4e; /*鼠标放在链接上的颜色*/
}
.news-title a:active{
color:#514e4e; /*鼠标点击链接的颜色*/
}
.news-content {
line-height: 28px;
}
/***************************************************/
.login-news-control-content {
width: 98%;
margin: 1% auto;
}
.login-news-list-left {
float: left;
width: 98%;
margin: 1% auto;
margin-bottom: 1%;
}

.login-news-list-item {
padding: 1% 1.5%;
}
.login-author-time {
font-size: 14px;
}
.login-news-des {
padding-bottom: 1%;
border-bottom: 2px solid #CCC;
}
.login-news-center-title {

   
       width: auto;
      height: 2%;
      line-height: 2%;
      text-align: center;
     font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: red;
  font-size: 46px;
      text-transform: uppercase;
      text-decoration: none;
      font-family: sans-serif;
      box-sizing: border-box;
      margin-bottom: 2%;
}

.login-news-title {
font-size: 23px;
}
.login-news-title i {
display: inline-block;
width: 2%;
height: 2%;
margin-right: 0.1%;
background: url('../images/index/news-icon.png') left center no-repeat;
vertical-align: middle;
}
.login-news-title a {
color: green;
}

.login-news-title a {
text-decoration: none;
color:#fff;
}
.login-news-title a:hover {
    text-decoration: none;
    color:#red;
}
.login-news-title a{
color: green; /*未访问链接颜色*/
text-decoration:none; /*去掉下划线*/
}
.login-news-title a:visited{
color:#514e4e; /*已访问链接颜色*/
}
.login-news-title a:hover{
color:#514e4e; /*鼠标放在链接上的颜色*/
}
.login-news-title a:active{
color:#514e4e; /*鼠标点击链接的颜色*/
}
.login-news-content {
line-height: 1.5%;
}
.hqbdzw-order-info-menu {
  position: relative;
  display: inline-block;

  width:200px;
  text-align: center;

}
 
.hqbdzw-order-info-menu-btn {
  background-color:transparent;
  color: black;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
   width:100px;

}
 
.hqbdzw-order-info-menu-content {
  display: none;
  position: absolute;
  background-color: #fff;
 transform: translate(-100%, -20%);
  width: 600px;
  height:150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
 
.hqbdzw-order-info-menu-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
 
.hqbdzw-order-info-menu-content a:hover {
  background-color: #fff;
   display: block;

}
 
.hqbdzw-order-info-menu:hover .hqbdzw-order-info-menu-content {
  display: block;

}
/*.active-but-beautiful .btn::before {
      content: '';
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: -5px;
      z-index: -1;
      border:solid: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 40px;
      opacity: 0;
      transition: 0.5s;
    }*/
    

/*.active-but-beautiful .btn{
  padding:30px 30px;
  font-size:50px;
  font-weight:700;
  font-family:"Open+Sans";
  color:#fff !important;
  border-radius:60px;
  text-transform:uppercase;
  border-width:0;
  background:linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
 position:relative;
   
}
 .active-but-beautiful .btn:after{
  top:2px;
  left:2px;
  right:2px;
  bottom:2px;
  border-radius:60px;
  position:absolute;
  content:"Button";
  background:#111;
  padding-top:10%;
}*/