.swiper-button-next,
.nine-button-next {
  position: absolute;
  background-image: url("../image/icon_right.png");
  top: 40%;
  width: 24px;
  height: 64px;
  right: 0px;
  z-index: 2;
}

.swiper-button-next::after,
.nine-button-next::after {
  content: "";
}

.swiper-button-next:focus,
.nine-button-next:focus {
  outline: none;
}

.nine-button-next {
  top: 30% !important;
}

.nine-button-prev {
  top: 30% !important;
}

.swiper-button-prev,
.nine-button-prev {
  position: absolute;
  background-image: url("../image/icon_left.png");
  top: 40%;
  width: 24px;
  height: 64px;
  left: 0px;
  z-index: 2;
}

.swiper-button-prev::after,
.nine-button-prev::after {
  content: "";
}

.swiper-button-prev:focus,
.nine-button-prev:focus {
  outline: none;
}

.swiper-button-disabled {
  opacity: 1 !important;
}

.normalPro {
  margin-top: 30px;
  height: 280px;
  background-color: #fff;
}

.normalPro .normalPro-adv {
  width: 200px;
}

.normalPro .normalProList .normalPro-goods {
  float: left;
  width: 198px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.special-active {
  margin-top: 20px;
}

.special-active .nine {
  width: 790px;
  height: 100%;
  background-color: #fff;
}

.special-active .nine .nine-top {
  padding: 17px 23px 17px 19px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.special-active .nine .nine-top .warpper .title {
  color: #333;
  font-weight: 500;
}

.special-active .nine .nine-top .warpper .title .font {
  width: 86px;
  height: 24px;
  font-size: 24px;
  margin-right: 13px;
  vertical-align: middle;
}

.special-active .nine .nine-top .warpper .title img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.special-active .nine .nine-top .warpper .nine-nav .nine-item {
  float: left;
  line-height: 24px;
  font-size: 15px;
  color: #999999;
  padding: 0px 11px 0px 12px;
  cursor: pointer;
}

.special-active .nine .nine-top .warpper .nine-nav .nine-item.active {
  color: #fff;
  background: linear-gradient(-30deg, #ff2c27, #ff731a);
  border-radius: 12px;
}

.special-active .nine .nine-top .line {
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 748px;
  height: 1px;
  background: radial-gradient(circle, #eeeeee, #f8f8f8);
}

.special-active .nine .nine-body {
  padding: 14px 0 14px 0;
  position: relative;
  min-height: 272px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide {
  width: 197.5px;
  height: 240px;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide a {
  width: 150px;
  margin: 0 auto;
  padding-top: 31px;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide a img {
  width: 150px;
  height: 150px;
  background-color: #f4f4f4;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide a p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14;
  color: #333;
  margin-top: 10px;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide a .price {
  margin-top: 0px;
  text-align: center;
  margin-top: 7px;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide a .price .sale-price {
  font-size: 17px;
  color: #E92020;
  display: inline-block;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-slide a .price .mark-price {
  font-size: 13px;
  color: #999999;
  display: inline-block;
}

.special-active .nine .nine-body .swiper-wrapper .swiper-lazy-preloader {
  border: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.special-active .brand {
  padding: 0px 19px 33px 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.special-active .brand .title {
  padding: 18px 0 15px;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}

.special-active .brand .title .icon {
  margin-left: 12px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 96px;
}

.special-active .brand .title .font {
  margin-left: 0px;
  width: 96px;
  height: 24px;
  float: left;
  vertical-align: middle;
}

.brandHouse {
  height: 426px;
  margin-top: 18px;
}

.brandHouse .brand-adv {
  width: 322px;
}

.brandHouse .brand-warp {
  width: 858px;
}

.brandHouse .brand-warp .brand-list {
  width: 424px;
  height: 205px;
  background-color: #fff;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.brandHouse .brand-warp .brand-list:nth-of-type(2n) {
  margin-right: 0px;
}

.brandHouse .brand-warp .brand-list:nth-of-type(n+2) {
  margin-bottom: 0px;
}

.brandHouse .brand-warp .brand-list .brand-tab {
  position: relative;
}

.brandHouse .brand-warp .brand-list .brand-tab .tab {
  padding-left: 14px;
  padding-top: 9px;
}

.brandHouse .brand-warp .brand-list .brand-tab .tab img {
  width: 84px;
  height: 84px;
  margin-right: 7px;
}

.brandHouse .brand-warp .brand-list .brand-tab .tab .tab-info {
  margin-top: 24px;
}

.brandHouse .brand-warp .brand-list .brand-tab .tab .tab-info .tab-title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.brandHouse .brand-warp .brand-list .brand-tab .tab .tab-info .tad-dsc {
  font-size: 12px;
  color: #636363;
}

.brandHouse .brand-warp .brand-list .brand-tab .toBrand {
  position: absolute;
  right: 17px;
  top: 49px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
}

.brandHouse .brand-warp .brand-list .goods-warp {
  margin-top: 7px;
  padding: 0px 16px;
}

.brandHouse .brand-warp .brand-list .goods-warp .goods-list {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

.brandHouse .brand-warp .brand-list .goods-warp .goods-list:nth-of-type(4n) {
  margin-right: 0px;
}

.recommendForyou {
  padding-top: 32px;
  padding-bottom: 82px;
}

.recommendForyou h1 {
  margin: 0 auto;
  width: 241px;
  height: 49px;
}

.recommendForyou .goodsNav {
  margin: 9px 0 7px;
  height: 84px;
  background-color: #fff;
  padding: 0px 13px;
  position: relative;
}

.recommendForyou .goodsNav .hidden {
  display: none;
}

.recommendForyou .goodsNav .nav-container {
  height: 84px;
  overflow: hidden;
}

.recommendForyou .goodsNav .nav-container .swiper-slide {
  width: 194px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.recommendForyou .goodsNav .nav-container .swiper-slide.active .nav-font {
  color: #E92020 !important;
}

.recommendForyou .goodsNav .nav-container .swiper-slide.active .nav-info {
  color: #fff !important;
  background-color: #E6232B;
  border-radius: 12px;
}

.recommendForyou .goodsNav .nav-container .swiper-slide .nav-title {
  height: 45px;
  position: relative;
}

.recommendForyou .goodsNav .nav-container .swiper-slide .nav-title .nav-font {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 3px;
  color: #333333;
}

.recommendForyou .goodsNav .nav-container .swiper-slide .nav-title img {
  width: 25%;
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.recommendForyou .goodsNav .nav-container .swiper-slide .nav-info {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  padding: 0px 10px;
  color: #999999;
}

.recommendForyou .goodsNav .nav-container .swiper-slide .line {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 38px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fcfcfc), color-stop(#e0e0e0), to(#fafafa));
  background: linear-gradient(0deg, #fcfcfc, #e0e0e0, #fafafa);
}

.recommendForyou .goodsNav .swiper-button-next {
  background-image: url("../image/nav-right.png");
  top: 55%;
  width: 25px;
  height: 35px;
  right: 0px;
}

.recommendForyou .goodsNav .swiper-button-prev {
  background-image: url("../image/nav-left.png");
  top: 55%;
  width: 25px;
  height: 35px;
  left: 0px;
}

.recommendForyou .goods-warp .goods-list {
  margin-top: 9px;
  width: 230px;
  height: 322px;
  background-color: #fff;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.recommendForyou .goods-warp .goods-list:nth-of-type(5n) {
  margin-right: 0px;
}

.recommendForyou .goods-warp .goods-list .main_img {
  margin: 30px auto 39px;
  width: 150px;
  height: 150px;
  background-color: #f4f4f4;
}

.recommendForyou .goods-warp .goods-list .goods-message {
  width: 182px;
  margin: 0 auto;
}

.recommendForyou .goods-warp .goods-list .goods-message .warpper {
  min-height: 85.2px;
}

.recommendForyou .goods-warp .goods-list .goods-message .warpper .goods-info {
  margin-bottom: 5px;
  color: #555;
  height: 50px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.recommendForyou .goods-warp .goods-list .goods-message .warpper .goods-info img {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}

.recommendForyou .goods-warp .goods-list .goods-message .warpper .goods-info span {
  font-size: 14px;
  vertical-align: middle;
}

.recommendForyou .goods-warp .goods-list .goods-price .goods-salePrice {
  color: #E92020;
}

.recommendForyou .goods-warp .goods-list .goods-price .goods-salePrice i {
  font-size: 12px;
}

.recommendForyou .goods-warp .goods-list .goods-price .goods-salePrice span {
  font-size: 18px;
}

.recommendForyou .goods-warp .goods-list .goods-price .goods-num {
  margin-top: 5px;
  font-size: 12px;
  color: #AAAAAA;
}

.nav-top {
  height: 84px;
  position: fixed;
  top: -84px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(170, 170, 170, 0.3);
          box-shadow: 0px 1px 3px 0px rgba(170, 170, 170, 0.3);
  width: 100%;
  z-index: 2;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.nav-top .hidden {
  display: none;
}

.nav-top .container {
  padding: 0px 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  position: relative;
}

.nav-top .container .swiper-button-next {
  background-image: url("../image/nav-right.png");
  top: 55%;
  width: 25px;
  height: 35px;
  right: 0px;
}

.nav-top .container .swiper-button-prev {
  background-image: url("../image/nav-left.png");
  top: 55%;
  width: 25px;
  height: 35px;
  left: 0px;
}

.nav-top .nav-container {
  height: 84px;
  overflow: hidden;
}

.nav-top .nav-container .swiper-slide {
  width: 194px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.nav-top .nav-container .swiper-slide.active .nav-font {
  color: #E92020 !important;
}

.nav-top .nav-container .swiper-slide.active .nav-info {
  color: #fff !important;
  background-color: #E6232B;
  border-radius: 12px;
}

.nav-top .nav-container .swiper-slide .nav-title {
  height: 45px;
  position: relative;
}

.nav-top .nav-container .swiper-slide .nav-title .nav-font {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 3px;
  color: #333333;
}

.nav-top .nav-container .swiper-slide .nav-title img {
  width: 25%;
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.nav-top .nav-container .swiper-slide .nav-info {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  padding: 0px 10px;
  color: #999999;
}

.nav-top .nav-container .swiper-slide .line {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 38px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fcfcfc), color-stop(#e0e0e0), to(#fafafa));
  background: linear-gradient(0deg, #fcfcfc, #e0e0e0, #fafafa);
}

.aside {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.aside .warpper {
  position: absolute;
  right: -74px;
  width: 64px;
  background-color: #fff;
}

.aside .warpper .aside-nav {
  padding: 14px 0;
  font-size: 14px;
  text-align: center;
  color: #727272;
  border-bottom: 1px solid #F1F1F1;
  cursor: pointer;
}

.aside .warpper .aside-nav:hover {
  background-color: #E6232B;
}

.aside .warpper .aside-nav:hover p {
  color: #FFFFFF;
}

.aside .warpper .aside-nav:hover i {
  color: #fff;
}

.aside .warpper .aside-nav.active {
  color: #FA3A3A;
}

.aside .warpper .aside-nav .kefu {
  font-size: 22px;
}

#qqkf #qidian_wpa_2852150851_68 {
  top: -100% !important;
}
/*# sourceMappingURL=index_body.css.map */