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;
}

/* ----------------大图轮播----------------- */

.swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.swiper-container .swiper-pagination-bullet-active {
  border: 0.4vw solid #FF2732;
  background-color: #FF2732;
}

.swiper-container .swiper-pagination-bullet {
  border: 0.4vw solid #fff;
  background-color: rgba(0, 0, 0, 0);
}

/* ----------------商品信息-------------- */

.goods {
  background-color: #fff;
  padding-bottom: 4vw;
  padding-top: 4.2vw;
}

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

/* 价格 */

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

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

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

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

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

.goods .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;
}

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

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

.goods .pay_price {
  display: flex;
}

.goods .price {
  display: flex;
  margin-top: 2.2vw;
  justify-content: space-between;
}

/* 佣金 */

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

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

/* ------------------slogan-------------------- */

.slogan {
  background-color: #fff;
  margin-top: 2vw;
  padding-top: 5.47vw;
  padding-bottom: 2.3vw;
}

.slogan .slogan-list {
  display: flex;
  flex-wrap: wrap;
}

.slogan .slogan-list li {
  list-style-image: url(../img/circle_ul.png);
  background-size: contain;
  font-size: 3.47vw;
  color: #000000;
  opacity: 0.6;
  width: 45%;
  box-sizing: border-box;
  margin-bottom: 3.73vw;
  padding-left: 1vw;
  margin-left: 5%;
}

/* -----------------evaluate--------------- */

.evaluate {
  padding-top: 4.67vw;
  padding-bottom: 3.87vw;
  margin-top: 2vw;
  background-color: #fff;
}

/* 标题 */

.evaluate .title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.87vw;
  border-bottom: 0.13vw solid #e5e5e5;
}

.evaluate .title .name {
  color: #000000;
  font-size: 3.73vw;
}

.evaluate .title .inf {
  color: #8d8d8d;
  font-size: 3.47vw;
  display: flex;
  align-items: center;
}

.evaluate .title .inf .text span {
  color: #ff2732;
}

.evaluate .title .inf .img img {
  width: 100%;
  height: 100%;
}

.evaluate .title .inf .img {
  width: 1.73vw;
  height: 3.73vw;
  margin-left: 1vw;
}

/* 评价人 */

.evaluate .content .item {
  padding-top: 3.6vw;
}

.evaluate .content .item .user {
  display: flex;
  align-items: center;
  padding-bottom: 2.13vw;
}

.evaluate .content .item .user img {
  width: 7.33vw;
  height: 7.33vw;
  border-radius: 50%;
}

.evaluate .content .item .name {
  font-size: 3.47vw;
  color: #000000;
  margin-left: 1.87vw;
}

/* 时间 规格 */

.evaluate .content .item .inf {
  font-size: 2.67vw;
  color: #000000;
  opacity: 0.6;
  display: flex;
  align-items: center;
  padding-bottom: 3.2vw;
}

/* 内容 */

.evaluate .content .item .text {
  color: #000000;
  font-size: 3.47vw;
  padding-bottom: 2.8vw;
}

/* 晒图 */

.evaluate .content .item .show {
  display: flex;
}

.evaluate .content .item .show img {
  width: 9.47vw;
  height: 9.47vw;
  border: 0.3vw solid #ccc;
  margin-right: 2vw;
}

/* -----------------商品详情-------------- */

.introduction {
  background-color: #fff;
  margin-top: 2vw;
}

/* 标题 */

.introduction .title {
  padding: 4.27vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.introduction .title .text {
  color: #000000;
  font-size: 3.47vw;
  padding: 0 1.6vw;
}

.introduction .title .line {
  width: 3.47vw;
  height: 0.4vw;
  background-color: #000000;
}

/* 展示图 */

.introduction .show-img {
  width: 100%;
}

.introduction .show-img img {
  width: 100%;
  height: 100%;
}

/* ----------------大家都在买-------------- */

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

/* 标题 */

.hotSale .title .text span {
  font-size: 4.27vw;
  letter-spacing: 0.11vw;
  color: #2a3031;
}

.hotSale .title .text {
  display: flex;
  justify-content: center;
}

/* 列表 */

/* 展示图 */

.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;
}

/* ----------------商品操作---------------- */

.operation {
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}

.operation .operation-list {
  display: flex;
  justify-content: space-arounds;
}

/* 图标 */

.operation .operate-icon img {
  display: inline-block;
  width: 5.07vw;
  height: 4.93vw;
}

.operation .operate-icon {
  width: 13.2vw;
  height: 11.47vw;
  border: solid 0.13vw #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.operation .collect img:last-child {
  display: none;
}

/* 文字 */

.operation .addCart a {
  font-size: 3.47vw;
  color: #000000;
  line-height: 11.47vw;
  width: 30.4vw;
  height: 11.47vw;
  border: solid 0.13vw #e5e5e5;
  text-align: center;
  display: inline-block;
}

.operation .buyNow a {
  font-size: 3.47vw;
  color: #ffffff;
  line-height: 11.47vw;
  width: 30.4vw;
  height: 11.33vw;
  background-color: #ff2732;
  text-align: center;
  display: inline-block;
}

/* ----------------立即购买----------------- */

.orders-bg {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
}

.orders {
  width: 100%;
  height: 108.93vw;
  background-color: #ffffff;
  padding: 4.53vw 0 6.27vw 0;
  display: none;
}

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

/* 商品图 */

.orders .inf .img img {
  width: 100%;
  height: 100%;
}

.orders .inf .img {
  width: 23.07vw;
  height: 25.6vw;
  border-radius: 0.67vw;
  margin-right: 3.2vw;
  display: inline-block;
}

.orders .inf .text {
  width: 70%;
}

/* 关闭按钮 */

.orders .inf .text .close img {
  width: 3.6vw;
  height: 3.6vw;
  display: inline-block;
}

.orders .inf .text .close {
  width: 100%;
  text-align: right;
}

/* 价格 */

.orders .inf .text .price {
  padding-top: 8vw;
}

.orders .inf .text .price .num {
  font-size: 3.73vw;
  color: #ff2732;
  padding-bottom: 2.67vw;
}

.orders .inf .text .price .num span {
  font-size: 4.27vw;
}

/* 提示选择 */

.orders .inf .text .tips {
  font-size: 2.93vw;
  color: #262626;
}

/* 尺寸选择 */

.orders .choice-box .title {
  font-size: 3.47vw;
  color: #262626;
  margin-top: 6.53vw;
}

.orders .choice-box .choice-size span {
  font-size: 3.2vw;
  color: #262626;
  padding: 1.87vw 2.93vw 2vw 2.93vw;
  border-radius: 0.4vw;
  border: solid 0.13vw #262626;
  margin-top: 2.9vw;
  display: inline-block;
}

.orders .choice-box .choice-size span.choice {
  color: #ff2732;
  border: solid 0.13vw #ff2732;
}

/* 数量选择 */

.orders .number .title {
  font-size: 3.47vw;
  color: #262626;
  margin-top: 4.2vw;
}

/* 数量加减 */

.orders .number .operate {
  display: flex;
  margin-top: 2.53vw;
}

.orders .number .operate>div {
  color: #262626;
  font-size: 2.43vw;
  width: 7.6vw;
  height: 3.73vw;
  line-height: 3.73vw;
  border: 0.13vw solid #000000;
  text-align: center;
}

.orders .number .operate .num {
  font-weight: normal;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.orders .number .operate .minus {
  border-radius: 0.4vw 0vw 0vw 0.4vw;
  cursor: pointer;
  font-weight: bolder;
}

.orders .number .operate .add {
  border-radius: 0vw 0.4vw 0.4vw 0vw;
  cursor: pointer;
  font-weight: bolder;
}

/* 确定 */

.orders .confirm a {
  display: inline-block;
  width: 93.07vw;
  height: 8.4vw;
  background-color: #ff2732;
  border-radius: 0.67vw;
  text-align: center;
  margin-top: 24vw;
  color: #ffffff;
  font-size: 3.73vw;
  line-height: 8.4vw;
}