body {
  background-color: #f8f8f8;
}

/* -------------头部-------------- */

.header {
  background-color: #fff;
}

.header-title .goBack img {
  width: 100%;
  height: 100%;
}

.header-title .goBack {
  width: 9.87vw;
  height: 4.67vw;
  position: relative;
}

/* 公司名称 */

.header-title .name {
  font-size: 4.67vw;
  padding-left: 2.8vw;
  width: 76vw;
  color: #101010;
}

/* 更多 */

.header-title .more img {
  width: 100%;
  height: 100%;
}

.header-title .more {
  width: 0.93vw;
  height: 4.4vw;
}

.header-title {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding-top: 4vw;
  padding-left: 3.8vw;
  padding-bottom: 4vw;
  position: fixed;
  width: 100vw;
  z-index: 999;
}

.header-title-wrapper {
  height: 13.854vw;
}

/* ---------------top-nav------------ */

.topNav {
  background-color: #fff;
  border-radius: 2vw;
  padding: 5.47vw 2.53vw 0vw 2.53vw;
}

.topNav .swiper-nav {
  display: flex;
}

/* 热卖推荐轮播选项卡 */

.topNav .swiper-slide {
  letter-spacing: 0.08vw;
  color: #434343;
  font-size: 3.2vw;
  width: 13.87vw;
  margin-right: 11.33vw;
  cursor: pointer;
  text-align: center;
  padding-bottom: 1.5vw;
}

.topNav .swiper-slide.active {
  color: #ff2732;
  border-bottom: 0.33vw solid #ff2732;
}

.topNav .more img {
  width: 100%;
  height: 100%;
}

.topNav .more {
  width: 10vw;
  display: flex;
  align-items: center;
  padding-bottom: 1.5vw;
}

.topNav .swiper-nav {
  display: flex;
  align-items: center;

}

/* ---------------list-title----------------- */

.list-title {
  display: flex;
  justify-content: center;
  margin-top: 2vw;
  padding: 4.27vw 0 2.6vw 0;
  background-color: #fff;
  border-bottom: 0.13vw solid #eee;
}

.list-title .item {
  box-sizing: border-box;
  width: 25%;
  text-align: center;
  color: #000000;
  opacity: 0.7;
  font-size: 3.47vw;
  cursor: pointer;
}

.list-title .item.click {
  color: #ff2732;
  opacity: 1;
}

.list-title .item:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-title .arrow .up {
  margin-bottom: 0.5vw;
}

.list-title .arrow {
  margin-left: 1vw;
}

/* -------------热卖推荐--------------- */

.hotSale {
  background-color: #fff;
  border-radius: 2vw;
  padding: 5.47vw 2.53vw 3.13vw 2.53vw;
  margin-bottom: 20vw;
}

/* 列表 */

/* 展示图 */

.hotSale .item .img img {
  width: 100%;
  height: 100%;
}

.hotSale .item .img {
  width: 26.8vw;
  height: 25.33vw;
  border-radius: 0.67vw;
  overflow: hidden;
}

/* 商品信息 */

.hotSale .item a {
  display: flex;
  justify-content: space-between;
}

.hotSale .item .goods_title {
  width: 57.2vw;
  height: 9.4vw;
  line-height: 5.07vw;
  letter-spacing: 0.09vw;
  color: #000000;
  font-size: 3.47vw;
  overflow: hidden;
}

.hotSale .item .goods_title::after {
  content: "...";
}

/* 价格 */

.hotSale .deduction .icon-img img {
  width: 100%;
  height: 100%;
}

.hotSale .deduction .icon-img {
  width: 2.4vw;
  height: 2.53vw;
  margin-right: 0.67vw;
}

.hotSale .deduction .name {
  color: #ff2732;
  font-size: 2.67vw;
  display: flex;
}

.hotSale .deduction .num {
  font-size: 3.2vw;
  color: #ff2732;
}

.hotSale .deduction {
  display: flex;
  align-items: center;
  margin-right: 3.87vw;
}

.hotSale .pay_price div:first-child {
  background-color: #ff2732;
  border-radius: 1.87vw;
  color: #ffffff;
  font-size: 2.67vw;
  text-align: center;
  padding: 0.67vw 2.8vw 0.53vw 2.8vw;
  margin-right: 3.07vw;
}

.hotSale .pay_price div:last-child {
  letter-spacing: 0.07vw;
  color: #000000;
  font-size: 2.4vw;
}

.hotSale .pay_price div:last-child span {
  font-size: 3.73vw;
}

.hotSale .pay_price {
  display: flex;
}

.hotSale .price {
  display: flex;
  margin-top:2.2vw;
}

/* 佣金 */

.hotSale .brokerage {
  margin-top: 2.5vw;
  display: flex;
  align-items: center;
  padding-bottom: 1.27vw;
}

.hotSale .brokerage .percent {
  letter-spacing: 0.07vw;
  color: #6e6e6e;
  font-size: 2.67vw;
}

.hotSale .inf {
  border-bottom: 0.13vw solid #ccc;
}

.hotSale .item {
  margin-top: 4.8vw;
}

.hotSale .list {
  display: none;
}

.hotSale .list:first-child {
  display: block;
}

/* -----------------返回顶部-------------- */

.backTop img {
  width: 100%;
  height: 100%;
}

.backTop {
  width: 7.5vw;
  height: 7.5vw;
  opacity: 0.9;
  position: fixed;
  bottom: 5vw;
  right: 50%;
  margin-right: -45vw;
  z-index: 199;
}