/* body */

body {
  background-color: #efefef;
}

/* 背景颜色 */

.top-bg {
  background-color: #fff;
  position: relative;
}

.red-bg {
  position: absolute;
  top: -20%;
  width: 100%;
  height: 82vw;
  background-color: #ff2732;
  border-radius: 20%;
}

/* ---------header----------- */

.header {
  color: #fff;
  position: relative;
}

/* 关闭 */

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

.header-title .close {
  width: 4.67vw;
  height: 4.67vw;
  padding-right: 3.6vw;
  position: relative;
}

.header-title .vertical-line span {
  font-size: 4.67vw;
  color: #fff;
}

/* 公司名称 */

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

/* 更多 */

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

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

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

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

/* header-search */

/* 输入框 */

.header-search .search {
  outline: 0;
  border: 0;
  background-color: #fff;
  border-radius: 2vw;
  width: 45.03vw;
  height: 8.8vw;
  padding-left: 11.4vw;
  font-size: 3.47vw;
}

.header-search .input_box {
  position: relative;
  margin-right: 3.84vw;
}

/* 搜索icon */

.header-search .input_box .search_icon img {
  width: 100%;
  height: 100%;
}

.header-search .input_box .search_icon {
  position: absolute;
  top: 2.3vw;
  left: 5vw;
  width: 4vw;
  height: 3.73vw;
}

/* solgan */

.header-search .solgan a {
  background-color: #d9b46c;
  color: #fff;
  border-radius: 2vw;
  padding: 0.6vw;
  margin-right: 2vw;
  font-size: 2.93vw;
  width: 8.4vw;
  text-align: center;
}

.header-search .solgan {
  display: flex;
}

.header-search {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  padding-top: 4vw;
}

/* 客服 */

.header-search .service img {
  width: 100%;
  height: 100%;
}

.header-search .service .img {
  width: 5.2vw;
  height: 4.93vw;
}

.header-search .service a span {
  color: #fff;
  font-size: 2.67vw;
}

.header-search .service {
  margin-left: 2.47vw;
}

/* -------banner轮播--------- */

.banner {
  padding-top: 3.73vw;
  position: relative;
}

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

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

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

.banner .swiper-container {
  height: 43.47vw;
  width: 92vw;
  border-radius: 2.67vw;
}

/* -------notice公告------- */

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

.notice .img {
  width: 4.93vw;
  height: 4.93vw;
  margin-right: 1.87vw;
}

.notice span {
  font-size: 3.47vw;
  color: #fd0408;
}

.notice .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 3.6vw;
  margin-bottom: 4vw;
}

/* -------classify--------*/

.classify-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.classify-list li span {
  display: block;
  text-align: center;
  padding-top: 2vw;
}

.classify-list li {
  width: 20%;
  display: flex;
  justify-content: center;
  margin-bottom: 4vw;
}

.classify-list li a .img {
  width: 12.27vw;
  height: 12.27vw;
  border-radius: 50%;
}

.classify-list li a .img img {
  width: 100%;
  height: 100%;
}

.classify-list li a {
  color: #2a2a2a;
  font-size: 3.47vw;
}

/* ------今日特价-------- */

.today {
  background: url(../img/today_bg_img.png) top center no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
  margin-top: 3.97vw;
  border-radius: 2vw;
  padding: 3vw 0 2vw 0;
}

.today .title {
  color: #2a3031;
  font-size: 4.27vw;
}

.today .title span:first-child {
  display: block;
}

.today .title span:last-child {
  display: inline-block;
  width: 3.6vw;
  height: 0.4vw;
  background-color: #2a3031;
  margin-bottom: 2.93vw;
}

.today .swiper-wrapper {
  padding-left: 2.53vw;
}

.today .swiper-slide {
  margin-right: 4.53vw;
}

.today .swiper-slide a {
  background-color: #fff;
  border-radius: 2vw;
  width: 25.6vw;
  height: 35.47vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.today .swiper-slide a {
  display: flex;
  align-items: center;
}

.today .swiper-slide .img {
  width: 18.8vw;
  height: 19.33vw;
}

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

.today .swiper-slide .today_price {
  color: #cd0108;
  font-size: 2.4vw;
}

.today .swiper-slide .today_price span {
  font-size: 3.47vw;
}

.today .swiper-slide .normal_price {
  color: #7e7e7e;
  font-size: 2.4vw;
  text-decoration: line-through;
}

/* ----------折扣专区-----------*/

.discount {
  background-color: #fff;
  border-radius: 2vw;
  margin-top: 3.33vw;
  padding: 4.27vw 4vw 8.53vw 4.4vw;
}

/* 标题 */

.discount .title .name {
  font-size: 4.27vw;
  color: #2a3031;
  letter-spacing: 0.11vw;
}

.discount .title .more span {
  font-size: 3.47vw;
  letter-spacing: 0.09vw;
  color: #2a3031;
}

.discount .title .more span:last-child {
  font-size: 3.47vw;
  letter-spacing: 0.09vw;
  color: #2a3031;
}

.discount .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4vw;
}

/* 每项小标题 */

.discount .item .title {
  font-size: 3.47vw;
  letter-spacing: 0.09vw;
  color: #424141;
}

.discount .item .item_title {
  font-size: 3.47vw;
  letter-spacing: 0.09vw;
  color: #424141;
  padding-bottom: 1vw;
}

/* 价格 */

.discount .item .price {
  font-size: 2.4vw;
  letter-spacing: 0.07vw;
  color: #a2a2a2;
  margin-right: 2.4vw;
}

/* 查看更多 */

.discount .item .view span {
  letter-spacing: 0.05vw;
  color: #ffffff;
  font-size: 2.13vw;
}

.discount .content .item:nth-child(1) .view {
  background: url(../img/discount_view_01.png) no-repeat;
  background-size: cover;
  width: 11.73vw;
  height: 2.93vw;
  display: flex;
  justify-content: center;
}

.discount .content .item:nth-child(2) .view {
  background: url(../img/discount_view_02.png) no-repeat;
  background-size: cover;
  width: 11.73vw;
  height: 2.93vw;
  display: flex;
  justify-content: center;
}

.discount .content .item:nth-child(3) .view {
  background: url(../img/discount_view_03.png) no-repeat;
  background-size: cover;
  width: 11.73vw;
  height: 2.93vw;
  display: flex;
  justify-content: center;
}

.discount .content .item:nth-child(4) .view {
  background: url(../img/discount_view_04.png) no-repeat;
  background-size: cover;
  width: 11.73vw;
  height: 2.93vw;
  display: flex;
  justify-content: center;
}

/* 价格 更多 ---盒子 */

.discount .item_des {
  display: flex;
  align-items: center;
}

/* 标题 价格 更多 ---盒子 */

.discount .item_text {
  padding: 3.87vw 0 0 3.33vw;
}

/* 展示图 */

.discount .item_img img {
  width: 100%;
  height: 100%;
}

.discount .item_img {
  width: 26.13vw;
  height: 17.07vw;
}

/* 展示图控制 */

.discount .img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* 列表每项 */

.discount .content .item {
  width: 41.47vw;
  height: 31.47vw;
  margin-bottom: 0.93vw;
}

/* 样式 */

.discount .content .item:nth-child(1) {
  background-color: #dbe4ea;
  border-radius: 2vw 0vw 0vw 0vw;
}

.discount .content .item:nth-child(2) {
  background-color: #fbe6de;
  border-radius: 0vw 2vw 0vw 0vw;
}

.discount .content .item:nth-child(3) {
  background-color: #f5f9fc;
  border-radius: 0vw 0vw 0vw 2vw;
}

.discount .content .item:nth-child(4) {
  background-color: #e6e6ee;
  border-radius: 0vw 0vw 2vw 0vw;
}

/* 列表 */

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

/* -------------新品上市------------- */

.update {
  margin-top: 3.6vw;
}

/* 导航swiper */

.update .swiper-pagination {
  position: absolute;
  text-align: right;
  z-index: 999;
  right: 10vw;
}

/* 标题 */

.update .swiper-slide .title .new {
  font-size: 2.67vw;
  letter-spacing: 0.07vw;
  color: #2a3031;
  position: absolute;
  top: 3.3vw;
}

.update .swiper-slide .title .new_line {
  width: 2.27vw;
  height: 0.4vw;
  background-color: #000000;
  position: absolute;
  top: 7vw;
}

.update .swiper-slide .title .text {
  font-size: 3.5vw;
  letter-spacing: 0.11vw;
  color: #2a3031;
  position: absolute;
  top: 8vw;
}

.update .swiper-slide .title {
  width: 16.27vw;
  height: 16.27vw;
  background-color: #fed9d9;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 2.13vw;
  left: 4vw;
}

/* 广告图 */

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

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

/* 轮播 */

.update .swiper-container {
  --swiper-theme-color: #FF2732;
}

.update .update-bullet {
  background-color: #fff;
}

/* 列表 */

/* 展示图 */

.update li .img img {
  width: 100%;
  height: 100%;
}

.update li .img .img-wrapper {
  width: 6.13vw;
  height: 21.73vw;
}

.update li .img {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1.6vw;
}

/* 商品信息 */

/* 标题 */

.update li .inf .title {
  width: 24.13vw;
  letter-spacing: 0.09vw;
  color: #2a3031;
  font-size: 3.47vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 价格 */

.update li .inf .price {
  letter-spacing: 0.09vw;
  color: #ff2732;
  font-size: 2.4vw;
  margin-bottom: 2.27vw;
  margin-top: 2.13vw;
}

.update li .inf .price span {
  font-size: 3.47vw;
}

/* 操作 */

.update li .operation .buy a {
  letter-spacing: 0.05vw;
  color: #ffffff;
  font-size: 2.13vw;
}

.update li .operation .buy {
  background-color: #ff2732;
  border-radius: 1.87vw;
  padding: 0.8vw 1.3vw 0.8vw 2vw;
}

.update li .operation .collect a {
  font-size: 2.13vw;
  letter-spacing: 0.05vw;
  color: #a8a8a8;
}

.update li .operation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 总控 */

.update .list {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
}

.update li {
  width: 33.3333%;
  height: 46.73vw;
  border: solid 0.13vw #e5e5e5;
  box-sizing: border-box;
}

.update .list-li-wrapper {
  padding: 1.73vw 2.53vw 4vw 2.53vw;
}

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

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

/* 标题 */

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

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

.hotSale .title .line span {
  width: 3.73vw;
  height: 0.4vw;
  background-color: #3f3f3f;
}

.hotSale .title .line {
  display: flex;
  justify-content: center;
  margin-top: 1.87vw;
}

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

.hotSale .swiper-slide {
  letter-spacing: 0.08vw;
  color: #434343;
  font-size: 3.2vw;
}

.hotSale .swiper-slide.active {
  color: #cd0108;
}

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

.hotSale .more {
  width: 10vw;
  display: flex;
  align-items: center;
}

.hotSale .swiper-nav {
  display: flex;
  align-items: center;
  margin-top: 2vw;
  margin-bottom: 2vw;
}

/* 列表 */

/* 展示图 */

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

/* ----------------底部导航--------------- */

.footer-list .item .img img {
  width: 100%;
  height: 100%;
}

.footer-list .item .img {
  width: 5.6vw;
  height: 5.6vw;
  display: inline-block;
}

.footer-list .item .text {
  letter-spacing: 0.09vw;
  color: #707070;
  font-size: 3.47vw;
}

.footer-list .item:first-child .text {
  color: #ff2732;
}

.footer-list .item .item-wrapper {
  text-align: center;
}

.footer-list .item {
  box-sizing: border-box;
  width: 25%;
}

.footer-list {
  display: flex;
  justify-content: center;
  padding: 2.4vw 0 3.07vw 0;
  width: 100%;
}

.footerNav {
  background-color: #fff;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 99;
}

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

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

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