.top_nav_fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1999;
  }
  
  #wap_header {
      background-color: #fff;
      z-index: 4;
  }
  
  * {
      padding: 0;
      margin: 0;
      font-family: Roboto, Tahoma, sans-serif;
  }
  
  #wap_header .wap_top,
  #details_head .wap_top {
      height: 44px;
      background-color: white;
      border-bottom: 1px #eee solid;
      display: flex;
      justify-content: space-between;
  }
  
  #details_head .wap_top .flex1,
  #wap_header .wap_top .flex1,
  #wap_header .wap_top .flex3 {
      width: 42px;
  }
  
  .flex1 .back_btn {
      height: 44px;
      padding-left: 12px;
      display: block;
  }
  
  #wap_header .wap_top img,
  #details_head .wap_top img {
      display: inline-block;
  }
  
  .flex1 .back_btn img,
  .flex1 .share_box img,
  .new_top .back_box img {
      width:50px;
      height: auto;
      margin-top: -3px;
  }
  
  img {
      border: none;
  }
  
  .head_product {
      position: relative;
      -webkit-box-flex: 3;
      font-size: 14px;
      min-width: calc(100% - 136px);
  }
  
  .head_product>.active {
      color: #333333;
  }
  
  .head_product>a {
      width: 33.3333%;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      line-height: 45px;
      overflow: hidden;
      height: 45px;
      white-space: nowrap;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
  }
  
  #details_head .wap_top .flex1,
  #wap_header .wap_top .flex1,
  #wap_header .wap_top .flex3 {
      width: 42px;
  }
  
  #wap_header .wap_top .flex3 {
      text-align: right;
  }
  
  a {
      color: #333333;
      text-decoration: none;
  }
  
  #wap_header .wap_top .flex2 {
      text-align: center;
      width: calc(100% - 136px);
  }
  
  .head_logo_text {
      font-size: 15px;
      line-height: 45px;
      font-weight: normal;
      height: 45px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
  }
  
  .mt45 {
      margin-top: 80px;
  }
  
  .acc_index_modular2 {
      margin-bottom: 10px;
  }
  
  .acc_modular_back {
      background: white;
      border-top: 1px #ddd solid;
      overflow: hidden;
  }
  
  .acc_index_modular2 a {
      display: block;
      overflow: hidden;
  }
  
  a {
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
  
  .acc_index_modular2 a>.icon {
      width: 15%;
      text-align: center;
  }
  
  .acc_index_modular2 a>span,
  .picture span {
      display: inline-block;
      padding: 12px 0;
  }
  
  .acc_index_modular2 a>.icon>img {
      width: 20px;
      height: 20px;
      margin: 0 auto;
  }
  
  .acc_index_modular2 a>.right,
  .picture span.right {
      display: inline-block;
      border-bottom: 1px #ddd solid;
      width: 96%;
      line-height: 19px;
  }
  
  .acc_index_modular2 a>span.right>img {
      float: right;
      width: 15px;
      margin-right: 15px;
      margin-top: 2px;
  }
  
  .be {
      margin-left: 10px;
  }
  
  .m_d {
      float: right;
      margin-right: 10px;
  }
  
  .switch input[type=checkbox] {
      display: none;
  }
  
  .switch input[type=checkbox]+label {
      position: relative;
      min-width: calc(calc(2.375rem * .8) * 2);
      border-radius: calc(2.375rem * .8);
      height: calc(2.375rem * .8);
      line-height: calc(2.375rem * .8);
      display: inline-block;
      cursor: pointer;
      outline: none;
      user-select: none;
      vertical-align: middle;
      text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
  }
  
  .switch input[type=checkbox]+label::before,
  .switch input[type=checkbox]+label::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: calc(calc(2.375rem * .8) * 2);
      bottom: 0;
      display: block;
  }
  
  .switch input[type=checkbox]+label::before {
      right: 0;
      background-color: #dee2e6;
      border-radius: calc(2.375rem * .8);
      transition: .2s all;
  }
  
  .switch input[type=checkbox]+label::after {
      top: 2px;
      left: 2px;
      width: calc(calc(2.375rem * .8) - calc(2px * 2));
      height: calc(calc(2.375rem * .8) - calc(2px * 2));
      border-radius: 50%;
      background-color: #fff;
      transition: all 0.3s ease-in 0s;
      ;
  }
  
  .switch input[type=checkbox]:checked+label::before {
      background-color: #AD1665;
  }
  
  .switch input[type=checkbox]:checked+label::after {
      margin-left: calc(2.375rem * .8);
  }
  
  .switch input[type=checkbox]:focus+label::before {
      outline: none;
      box-shadow: 0 0 0 .2rem rgba(0, 136, 221, .25);
  }
  
  .switch input[type=checkbox]:disabled+label {
      color: #868e96;
      cursor: not-allowed;
  }
  
  .switch input[type=checkbox]:disabled+label::before {
      background-color: #e9ecef;
  }
  
  .switch.switch-xs {
      font-size: .8rem;
  }
  
  .switch.switch-xs input[type=checkbox]+label {
      min-width: calc(calc(1.5375rem * .8) * 2);
      height: calc(1.5375rem * .8);
      line-height: calc(1.5375rem * .8);
      text-indent: calc(calc(calc(1.5375rem * .8) * 2) + .5rem);
  }
  
  .switch.switch-xs input[type=checkbox]+label::before {
      width: calc(calc(1.5375rem * .8) * 2);
  }
  
  .switch.switch-xs input[type=checkbox]+label::after {
      width: calc(calc(1.5375rem * .8) - calc(2px * 2));
      height: calc(calc(1.5375rem * .8) - calc(2px * 2));
  }
  
  .switch.switch-xs input[type=checkbox]:checked+label::after {
      margin-left: calc(1.5375rem * .8);
  }
  /* Small */