/* 自定义样式 */
  .slideloading {
      transform: translateY(200px);
      opacity: 0;
      transition: transform 1s ease, opacity 1s ease;
  }

  /* 倒计时 */
  .wait-code {
      display: none;
      text-align: center;
      line-height: 2.5rem;
      background-color: #2F63F5;
      color: #fff;
  }

  /* 登录弹窗 */
  .login-all {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      top: 0;
      z-index: 150;
      display: none;
  }

  .login-box {
      width: 40%;
      height: 31.25rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      display: flex;
      justify-content: space-between;
  }

  .loginclose {
      position: absolute;
      top: 0px;
      right: .625rem;
      font-size: 1.875rem;
      cursor: pointer;
  }

  .loginlogobox {
      width: 40%;
      background-color: #F8F9FE;
      padding: 1rem;
  }

  .loginlogobox>img {
      width: 88%;
      height: auto;
      display: block;
      margin: 0 auto;
      margin-top: .625rem;
  }

  .loginconbox {
      width: 60%;
      padding: 1.875rem;
  }

  .loginconbox>h2 {
      font-size: 1.75rem;
      color: #98ada2;
  }

  .loginps {
      margin-top: .625rem;
      margin-bottom: 1.25rem;
      font-size: .875rem;
      font-weight: 500;
      color: #98ada2;
  }

  .login-form {
      display: none;
  }

  .login-form>div>input {
      width: 100%;
      border-radius: 4px;
      border: 1px solid #d8dce5;
      height: 2.5rem;
      width: 100%;
      padding: 0 .625rem;
      font-size: .875rem;
      margin: 0;
      margin-bottom: 1.25rem;
  }

  .segmentation {
      margin: 0px .3125rem;
  }

  .clickactive {
      color: #000;
  }

  .showactive {
      display: block !important;
  }

  .accountlogin {
      cursor: pointer;
  }

  .phonelogin {
      cursor: pointer;
  }

  .verification {
      display: flex;
      justify-content: space-between;
  }

  .verification>input {
      display: inline-block;
      width: 70% !important;
  }

  .verification>span {
      width: 25%;
      height: 2.5rem;
  }

  .verification>span>img {
      width: 100%;
      height: auto;
  }

  .sendcode {
      background-color: #2F63F5;
      color: #fff;
      text-align: center;
      line-height: 2.5rem;
      font-size: .875rem;
      cursor: pointer;
  }

  /* 滑动验证 */
  .popprompt {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0%;
      top: 0%;
      z-index: 200;
      background: rgba(0, 0, 0, 0.6);
      display: none;
  }

  .containerother {
      width: 350px;
      padding: 1rem 1.25rem;
      border-radius: 5px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  input {
      display: block;
      width: 290px;
      line-height: 40px;
      margin: 10px 0;
      padding: 0 10px;
      outline: none;
      border: 1px solid #c8cccf;
      border-radius: 4px;
      color: #6a6f77;
  }

  #msg {
      width: 100%;
      line-height: 40px;
      font-size: 14px;
      text-align: center;
      position: relative;
      z-index: 120;
      color: #fff;
  }

  .block {
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer;
      cursor: grab;
  }

  .block:active {
      cursor: grabbing;
  }

  .sliderContainer {
      position: relative;
      text-align: center;
      width: 310px;
      height: 40px;
      line-height: 40px;
      margin-top: 15px;
      background: #f7f9fa;
      color: #45494c;
      border: 1px solid #e4e7eb;
  }

  .sliderContainer_active .slider {
      height: 38px;
      top: -1px;
      border: 1px solid #1991FA;
  }

  .sliderContainer_active .sliderMask {
      height: 38px;
      border-width: 1px;
  }

  .sliderContainer_success .slider {
      height: 38px;
      top: -1px;
      border: 1px solid #52CCBA;
      background-color: #52CCBA !important;
  }

  .sliderContainer_success .sliderMask {
      height: 38px;
      border: 1px solid #52CCBA;
      background-color: #D2F4EF;
  }

  .sliderContainer_success .sliderIcon {
      background-position: 0 0 !important;
  }

  .sliderContainer_fail .slider {
      height: 38px;
      top: -1px;
      border: 1px solid #f57a7a;
      background-color: #f57a7a !important;
  }

  .sliderContainer_fail .sliderMask {
      height: 38px;
      border: 1px solid #f57a7a;
      background-color: #fce1e1;
  }

  .sliderContainer_fail .sliderIcon {
      top: 14px;
      background-position: 0 -82px !important;
  }

  .sliderContainer_active .sliderText,
  .sliderContainer_success .sliderText,
  .sliderContainer_fail .sliderText {
      display: none;
  }

  .sliderMask {
      position: absolute;
      left: 0;
      top: 0;
      height: 40px;
      border: 0 solid #1991FA;
      background: #D1E9FE;
  }

  .sliderother {
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 40px;
      background: #fff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      transition: background .2s linear;
      cursor: pointer;
      cursor: grab;
  }

  .sliderother:active {
      cursor: grabbing;
  }

  .sliderother:hover {
      background: #1991FA;
  }

  .sliderother:hover .sliderIcon {
      background-position: 0 -13px;
  }

  .sliderIcon {
      position: absolute;
      top: 15px;
      left: 13px;
      width: 14px;
      height: 12px;
      background: url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -26px;
      background-size: 34px 471px;
      z-index: 120;
  }

  .refreshIcon {
      position: absolute;
      right: 0;
      top: 0;
      width: 34px;
      height: 34px;
      cursor: pointer;
      background: url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -437px;
      background-size: 34px 471px;
      z-index: 120;
  }

  /* 提示弹窗 */
  .tishipop {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
      top: 0;
      z-index: 999;
      display: none;
  }

  .tishipop>div {
      padding: .5rem .9375rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
  }

  .tishipop>div i {
      margin-right: .625rem;
      font-size: 1.25rem;
  }

  .tishipop>div span {
      font-size: 1rem;
  }

  .error-popup>div {
      background-color: #ffebec;
      color: #f00;
  }

  .success-popup>div {
      background-color: #F0F9EB;
      color: #53A822;
  }

  .success-popup>div i {
      color: #53A822;
  }

  .error-popup>div i {
      color: #f00;
  }

  /* 顶部banner位置 */
  .banner-left-allbox {
      width: 100%;
      overflow: hidden;
  }

  .banner {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.25rem;
  }

  .banner-main {
      width: 66%;
      position: relative;
      overflow: hidden;
  }

  .swiper-button-prev {
      background-color: rgba(0, 0, 0, 0.3);
      color: #fff !important;
      width: 2.5rem !important;
      height: 2.5rem !important;
      position: absolute;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      transition: background-color 0.3s ease;
      --swiper-navigation-size: 1.875rem !important;
  }

  .swiper-button-prev::after {
      font-size: 1rem !important;
  }

  .swiper-button-next {
      background-color: rgba(0, 0, 0, 0.3);
      color: #fff !important;
      width: 2.5rem !important;
      height: 2.5rem !important;
      position: absolute;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      transition: background-color 0.3s ease;
      --swiper-navigation-size: 1.875rem !important;
  }

  .swiper-button-next::after {
      font-size: 1rem !important;
  }

  .banner-main:hover .swiper-button-prev {
      opacity: 1 !important;
  }

  .banner-main:hover .swiper-button-next {
      opacity: 1 !important;
  }

  .banner-main .swiper-slide {
      width: 100% !important;
  }

  .banner-main .swiper-slide a {
      display: inline-block;
      width: 100%;
      height: 100%;
      overflow: hidden;
  }

  .banner-main .swiper-slide a img {
      width: 100%;
  }

  .banner-deputy {
      width: 31%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .banner-deputy>div {
      width: 100%;
  }

  .banner-deputy>div>a>img {
      width: 100%;
      height: 100%;
  }

  /* 品牌库banner */
  .brandilibrary {
      height: 9.375rem;
      margin-bottom: 1.25rem;
      display: flex;
      align-items: center;
  }

  .brandilibraryp {
      width: 3.125rem;
      height: 100%;
      writing-mode: vertical-rl;
      text-align: center;
      letter-spacing: .375rem;
      padding: 0px .9375rem;
      background: #fff;
      font-size: 1.125rem;
      color: #111;
  }

  .brandilibrary-con {
      display: inline-block;
      height: 100%;
      width: calc(100% - 3.125rem);
      overflow: hidden;
      background-color: #fff;
      /* border: 1px solid #d9d8d8;
    border-left: none; */
  }

  .brandilibrary-con .swiper-wrapper {
      -webkit-transition-timing-function: linear;
      -moz-transition-timing-function: linear;
      -ms-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear;
      margin: 0 auto;
  }

  .brandilibrary-con .swiper-wrapper .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      flex-direction: column;
  }

  .brandilibrary-con .swiper-wrapper .swiper-slide a {
      display: inline-block;
      width: 5rem;
      height: 5rem;
      margin: .9375rem;
      cursor: pointer;
  }

  .brandilibrary-con .swiper-wrapper .swiper-slide p {
      font-size: .875rem;
      color: #666;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
  }

  .brandilibrary-con .swiper-wrapper .swiper-slide a img {
      width: 100%;
  }

  /* 品牌24小时 */
  .brandtwofourh {
      background-color: #fff;
      margin-bottom: 1.25rem;
  }

  .brandtfh-con {
      height: calc(100% - 4.0625rem);
      margin: 0 1.25rem .625rem;
      padding-bottom: .625rem;
  }

  .brandtfh-con>ul {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .brandtfh-con>ul>li {
      padding-left: .625rem;
      display: flex;
      align-items: center;
  }

  .brandtfh-con>ul>li>a {
      font-size: .875rem;
      color: #111;
      text-decoration: none;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }


  .brandtfh-con>ul>li>span {
      margin-right: .3125rem;
      color: #CAA969;
  }

  /* 热门品牌榜 */
  .popularbrandlist-con {
      width: 100%;
      display: flex;
      justify-content: space-between;
  }

  .popularson {
      width: 30%;
      background-color: #fff;
      padding: 20px 20px 10px;
  }

  .popularson h4 {
      font-size: 1.125rem;
      color: #111;
      margin-bottom: .9375rem;
  }

  .popularson ul li {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.25rem;
  }

  .popularson ul li span {
      display: flex;
      align-items: center;
  }

  .popularsonconimg svg {
      margin-right: .625rem;
  }

  .popularsonconimg a {
      margin-right: .3125rem;
  }

  .brandimgname {
      font-size: .875rem;
      color: #111;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .popularsoncondz {
      color: #8c9289;
  }

  .brandnumber {
      width: 1rem;
      height: 1rem;
      font-size: 1rem;
      margin-right: .625rem;
  }

  /* 活动 */
  .activity {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }

  .acsoncon {
      width: 32%;
      margin-left: 2%;
      margin-bottom: 2%;
  }

  .acsoncon:nth-child(3n+1) {
      margin-left: 0px;
  }

  .acsoncon a img {
      width: 100%;
  }

  /* 底部导航轮播 */
  .swiperbottom {
      overflow: hidden;
  }

  .swiperbottom .swiper-wrapper img {
      margin-bottom: 1.25rem;
  }

  .title-right i {
      cursor: pointer;
      font-size: 1rem;
  }

  .title-right i:nth-child(1) {
      margin-right: .625rem;
  }

  /* 原型 */
  .article:hover .article-main {
      background: #77b74d
  }