/* Yangyongjiang @20191111 */






@media (max-width: 992px) {
    .bop-nav-bar-button {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-backface-visibility: hidden;
        margin-bottom:15px;
      }
      
      .mobile-less-margin {
          margin: 0 -13px;
      }
      
      .mobile-no-margin {
          margin: 0 -15px;
      }
  }
  
  
  @media (max-width: 575px) {
      .g-pb-30-xs-down{
          padding-bottom:30px;
      }
  }
  
  
  
  /* Background */
  .g-theme-bg-gray-light-v4 {
    background-color: #f5f5f5 !important;
  }
  
  .g-theme-bg-gray-light-v4--hover:hover {
    background-color: #f5f5f5 !important;
  }
  
  
  .g-theme-brd-gray-light-v3 {
    border-color: #f1f1f1 !important;
  }
  
  
  
  
  /******************  微信公众号的悬浮显示二维码   *********************************/
  
  .bop-wechat-qrcode{
      display: none;
      border: 1px solid #eee;
      position: absolute;
      z-index: 999;
      top: -280px;
      left: -96px;
      width: 220px;
      height: 252px;
      color: #666;
      font-size: 12px;
      text-align: center;
      background-color: #fff;
      box-shadow: 0 2px 10px #aaa;
      transition: all 200ms;
      -webkit-tansition: all 350ms;
      -moz-transition: all 350ms;
  }
  
  
  .bop-wechat-qrcode.bottom {
      top: 40px;
      left: -84px;
      &: after {
        display:none;
      }
  }
  
  .bop-wechat-qrcode h4 {
      font-weight: normal;
      height: 30px;
      line-height: 30px;
      font-size: 14px;
      background-color: #f3f3f3;
      margin: 0;
      padding: 0;
      color: #777;
  }
  
  .bop-wechat-qrcode .qrcode {
      width: 105px;
      margin: 10px 29px;
  }
  
  .bop-wechat-qrcode .qrcode table {
      margin: 0!important;
  }
  
  .bop-wechat-qrcode .help p {
      font-weight: normal;
      line-height: 16px;
      padding: 0;
      margin: 0;
  }
  
  .bop-wechat-qrcode:after {
      content: '';
      position: absolute;
      left: 50%;
      margin-left: -6px;
      bottom: -13px;
      width: 0;
      height: 0;
      border-width: 8px 6px 6px 6px;
      border-style: solid;
      border-color: #fff transparent transparent transparent
  }
  
  .bop-wechat-right.bop-wechat-qrcode {
      display: none;
      border: 1px solid #eee;
      position: absolute;
      z-index: 999;
      top: -110px;
      left: 30px;
      width: 220px;
      height: 252px;
      color: #666;
      font-size: 12px;
      text-align: center;
      background-color: #fff;
      box-shadow: 0 2px 10px #aaa;
      transition: all 200ms;
      -webkit-tansition: all 350ms;
      -moz-transition: all 350ms;
  }
  
  @media (max-width: 768px) {
      .bop-wechat-right.bop-wechat-qrcode {
          position: absolute;
          z-index: 999;
          top: -110px;
          left: calc(50% - 110px);
      }
      .display_when_mobile{
          display:none !important;
      }
  }
  
  
  .bop-wechat:hover .bop-wechat-qrcode{
      display: block;
  }
  
  
  
  
  /*bootstrap selector 修改，适配车型图页面*/
  
  .bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-left: 25px;
      /*maodei:下面的样式为修改*/
      border: none;
      height: 48px;
      font-size: 16px;
      font-weight: 200;
      color: #ccc;
      border-color: #303030;
      background: rgba(0,0,0,0.8);
      display: table-cell;
  }
  
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;  /*maodei 更改*/
  }
  
  .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left; /*maodei:改到左边*/
  }
  .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;/*maodei:改到右边*/
    margin-top: -2px;
    vertical-align: middle;
  }
  
  
  .btn-group.bootstrap-select {
      float: none;
      display: table-cell;
      margin-left: 0;
  }
  
  /* 下拉框主框被选中的时候的颜色 */
  .bootstrap-select .dropdown-toggle:focus {
      outline: 5px auto #999 !important;
      outline-offset: -2px;
  }
  
  .btn-default:hover, 
  .btn-default:focus, .btn-default:active, 
  .btn-default.active, 
  .open>.dropdown-toggle.btn-default {
      color: #999;
      background-color: #202020;
      border-color: #303030;
  }
  
  .col-md-6{
      position: relative;
      min-height: 1px;
      padding-right: 5px;
      padding-left: 0;
      margin-bottom:5px;
  }
  
  .btn-u {
      margin-bottom:5px;
  }
  
  
  /*红色的搜索按钮*/
  .btn-u-lg, a.btn-u-lg {
      font-size: 18px;
      padding: 10px 25px;
  }
      
  /*手机的时候前面搜索框变两排，所以这个变高*/
  @media (max-width: 991px) {
      .btn-u-lg, a.btn-u-lg {
          font-size: 18px;
          padding: 36px 30px;
      }
  }
  
  
  .tbl-head-qxpel {
      font-size:1.8em;
  }
  @media (max-width: 768px) {
      .tbl-head-qxpel {
          font-size:1.2em;
      }
      
  }
  @media (min-width: 768px){
      .border-left-pc{
          border-left:3px solid #C00000 !important;
      }
  }
  
  
  .g-color-main{
      color: #313122cf !important;
  }
  
  .icon-card{
      background-size: 25px;
      position: absolute;
      /*left: 3px;*/
      /*top: 7px;*/
      width: 50px;
      height: 50px;
      background: url("/static/assets/img/rolips/card1.png")no-repeat 5px center;
      opacity: 0.4;
  }
  
  
  @media (max-width: 768px) {
      #zhibao a{
          color: #000000 !important;
          background-repeat: repeat-x;
          background-image: linear-gradient(290deg, #404040, #000000);
      }
      #zhibao a:hover{
          color: #000000 !important;
          background-repeat: repeat-x;
          background-image: linear-gradient(290deg, #404040, #000000);
      }
  
      #zhibao a:active{
          color: #000000 !important;
      }
  }
  
  @media (max-width: 768px) {
       [class*="u-nav-v5"] .nav-link.active {
          border-color: #000000;
           color: #000000 !important;
        }
  }
  .warranty_area_logo{
      height: 50px;
      position: relative;top:0px
  }
  @media (min-width: 768px) {
      .warranty_area_logo_qr_display_pc{
          display: none;
      }
      .qr_style_pc{
          height: 110px !important;
          width: 120px !important;
      }
      .logo_style_pc{
          height: 40px !important;
      }
  
  }
  @media (max-width: 768px) {
      .warranty_area_logo_qr_display_mobile{
          display: none;
      }
      .qr_style_mobile{
  
          height: 70px !important;
          width: 70px !important;
      }
      .logo_style_mobile{
          float: left;
          top:17px;
          left: 20px;
          height: 40px !important;
      }
  }
  
  
  
  
  
  @media (min-width: 768px){
      .pc-text-algin-center{
          text-align: center;
      }
      .pc-text-algin-left{
          text-align: left;
      }
  
  }
  
  @media (max-width: 768px){
      .mobile-p-l-5{
          padding-left: 5px;
      }
      .g-font-size-16--sm{
          font-size: 16px !important;
          padding-top: 5px;
      }
  }
  
  
  /* Gradient Style v2 */
  .u-btn-outline-gradient-v2 {
    color: #313122cf;
    background: transparent;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#2b7cb6), to(#f62d51));
    -webkit-border-image: -webkit-linear-gradient(left, #2b7cb6 0%, #f62d51 100%);
     -o-border-image: -o-linear-gradient(left, #2b7cb6 0%, #f62d51 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#2b7cb6), to(#f62d51));
    border-image: linear-gradient(to right, #2b7cb6 0%, #f62d51 100%);
    border-image-slice: 1;
  }
  
  
  .u-btn-outline-gradient-v2:hover, .u-btn-outline-gradient-v2:focus, .u-btn-outline-gradient-v2.active {
    background: -webkit-gradient(linear, left top, right top, from(#2b7cb6), to(#f62d51));
    background: -webkit-linear-gradient(left, #2b7cb6 0%, #f62d51 100%);
    background: -o-linear-gradient(left, #2b7cb6 0%, #f62d51 100%);
    background: linear-gradient(to right, #2b7cb6 0%, #f62d51 100%);
    color: #fff;
  }
  
  
  @media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

table{
    table-layout:auto !important
}

.table td,.table th { 
    width: auto !important;
}
.nav-item > a{
    font-family: "FontAwesome" !important;
}

a, a > * { 
    font-family: "FontAwesome" !important;
}

.new-warranty-bg{
    background-color: #404040 !important;
}

/* .g-bg-bluepink-lineargradient {
    background-color: #404040 !important;
} */

.g-bg-bluepink-lineargradient {
    background-color: transparent !important;
    background-image: linear-gradient(50deg, #ffffff, #ffffff) !important;
    color: black !important;
}

.u-label{
    font-size: 16px !important;
}