.container {
  margin-top: 193px;
  padding: 24px 0 43px;
  background-color: #f2f5f7;
  min-width: var(--primary-width);
}

.wrap {
  width: var(--primary-width);
  margin: 0 auto;
}

/* 轮播图上的内容 */
.bannerBg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 主轮播图 */
.banner {
  position: relative;
  height: var(--categorys-height);
  width: 796px;
}

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

.banner .lunbo {
  height: var(--categorys-height);
  width: 100%;
  border-radius: 16px;
}

.bannerBg .banner .swiper-btn-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
  z-index: 999;
}

.bannerBg .banner .swiper-btn-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
  z-index: 999;
}

/* 主轮播图上右边的内容 */
.bannerBg .right-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  background: #ffffff;
  border-radius: 16px;
  height: var(--categorys-height);
  background: linear-gradient(to top, #ebfbf2 0%, #fff 20%, #fff 100%);
}

.bannerBg .right-nav .register,
.bannerBg .right-nav .help {
  /* height: 280px; */
  width: 280px;
  font-size: 14px;
  padding: 20px 22px 22px 22px;
}

.bannerBg .right-nav .register {
  padding-bottom: unset;
}

.bannerBg .right-nav .register {
  /* margin-bottom: 14px; */
  position: relative;
  /* background-image: url('../../images/home/yi@2x.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bannerBg .right-nav .register .tiao {
  width: 22px;
  min-height: 4px;
  background: #23ac38;
  border-radius: 2px;
  margin-bottom: 5px;
}

.bannerBg .right-nav .register .title {
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
  text-align: center;
  line-height: 15px;
}

.bannerBg .right-nav .register .notice,
.bannerBg .right-nav .register .logins {
  color: #7d7d7d;
  line-height: 27px;
}

.bannerBg .right-nav .register .logins .enters {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;

  a {
    text-align: center;
  }
}

.bannerBg .right-nav .register .iconImg {
  display: block;
  width: 55px;
  height: 55px;
  background-size: 100%;
}

.bannerBg .right-nav .register .iconImg.GT {
  background-image: url(../../images/home/ct@2x.png);
}

.bannerBg .right-nav .register .iconImg.proUp {
  background-image: url(../../images/home/sc@2x.png);
}

.bannerBg .right-nav .register .iconImg.myOrder {
  background-image: url(../../images/home/dd@2x.png);
}

.bannerBg .right-nav .register .logins .enters a {
  margin: 0 10px;
}

.bannerBg .right-nav .register .logins .enters p {
  margin-top: 10px;
  min-width: 60px;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 26px;
}

.bannerBg .right-nav .register .logins .login-btn img {
  width: 12px;
  margin-left: 5px;
}

.bannerBg .right-nav .register .outLogin {
  font-weight: 400;
  font-size: 12px;
  color: #bdc1c2;
  line-height: 18px;
  text-decoration-line: underline;
  text-align: center;
  cursor: pointer;
}

.bannerBg .right-nav .register .notice .itemNoti {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 6px;
}

.bannerBg .right-nav .register .notice .itemNoti .cl2 {
  line-height: 16px;
}

.bannerBg .right-nav .register .notice .itemNoti .iconDui {
  color: #23ac38;
  margin-right: 7px;
}

.bannerBg .right-nav .register .reg-btn {
  border: none;
  height: 30px;
  line-height: 30px;
  background: #23ac38;
  border-radius: 16px;
  font-size: 14px;
  color: #ffffff;
  padding: 0 20px;
  margin: 26px auto 17px;
  display: block;
  cursor: pointer;
}

.bannerBg .right-nav .register .reg-btn-box {
  display: flex;
}

.bannerBg .right-nav .register.noLogin .reg-btn {
  margin: 12px auto 17px;
}

.bannerBg .right-nav .help {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0 15px 15px 15px;
}

.bannerBg .right-nav .helpList {
  flex: 1;
  overflow-y: scroll;
  padding: 0;
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none; /* Firefox */
  -webkit-overflow-scrolling: touch;
}
.bannerBg .right-nav .helpList::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.bannerBg .right-nav .help .title {
  width: 100%;
  margin: 15px 0 10px 0;
}

.bannerBg .right-nav .help .title > span {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}

.bannerBg .right-nav .help .title .more {
  float: right;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #bbbbbb;
}

.bannerBg .right-nav .help .title .more .svgIcon {
  transform: rotate(90deg);
}

.bannerBg .right-nav .help p {
  display: flex;
  align-items: center;
  line-height: 18px;
  margin-bottom: 12px;
}

.bannerBg .right-nav .help p .item {
  color: #000000;
  font-size: 13px;
  margin-left: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.bannerBg .right-nav .help p .yuandian {
  display: block;
  width: 6px;
  height: 6px;
  background: #23ac38;
  border-radius: 3px;
  margin-top: 2.5px;
}

.ModMT {
  margin-top: 14px;
}

/*推荐模块*/
.recommed {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recommed .itemrecm {
  border-radius: 22px;
  width: 686px;
  height: 932px;
  opacity: 1;
  /* padding: 0 24px 30px 24px; */
}

.recommed .leftrecm {
  background-color: #f3e1ff;
}

.recommed .rightrecm {
  background-color: #d5e4ff;
}

.recommed .itemrecm .titleBg {
  width: 100%;
  height: 94px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  border-radius: 22px;
}

.recommed .leftrecm .titleBg {
  background: linear-gradient(0deg, #af46f2 0%, #ed42d3 100%);
}

.recommed .rightrecm .titleBg {
  background: #005bff;
  opacity: 0.9;
}

.recommed .itemrecm .titleBg div {
  display: inline-flex;
  align-items: center;
  height: 60px;
  background: #ffffff;
  border-radius: 10px;
  padding: 0 15px;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}

.recommed .itemrecm .titleBg div img {
  float: left;
  height: 36px;
  width: 36px;
}

.recommed .leftrecm .titleBg div {
  color: #a73afd;
}

.recommed .rightrecm .titleBg div {
  color: #005bff;
}

.recommed .itemrecm .titleBg .leftCon span.name {
  font-size: 30px;
  margin: 0 6px;
}

.recommed .itemrecm .titleBg .tjfx {
  margin-top: 7px;
}

.recommed .itemrecm .titleBg .more-btn {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 40px;
  display: flex;
  align-items: center;
}

.recommed .itemrecm .titleBg .more-btn img {
  height: 13px;
  width: 7px;
  margin-left: 5px;
}

.recommed .itemrecm .goods {
  width: 100%;
  padding: 0 24px;
}

.recommed .itemrecm .goods .one,
.recommed .itemrecm .goods .two {
  width: 100%;
}

.recommed .itemrecm .goods .one,
.recommed .itemrecm .goods .one .left,
.recommed .itemrecm .goods .one .right,
.recommed .itemrecm .goods .two {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recommed .itemrecm .goods .two {
  justify-content: flex-start;
  /* margin: 0 -9px; */
  gap: 19px;
}

.recommed .leftrecm .goods .one,
.recommed .rightrecm .goods .one {
  justify-content: space-between;
  margin-bottom: 18px;
}

.recommed .leftrecm .goods .one .left,
.recommed .rightrecm .goods .one .right {
  width: 350px;
}

.recommed .goods .banImg {
  width: 100%;
  height: 130px;
  background: #ffffff;
  border-radius: 16px;
}

.recommed .leftrecm .banImg {
  margin-bottom: 13px;
  background-image: url("../../images/home/wb@2x.png");
  background-size: 100% 100%;
}

.recommed .rightrecm .banImg {
  margin-top: 13px;
  background-image: url("../../images/home/ozon@2x.png");
  background-size: 100% 100%;
}

.recommed .goods .bigPro {
  position: relative;
  width: 270px;
  height: 362px;
  background-color: #000;
  border-radius: 18px;
  overflow: hidden;
}

.recommed .goods .midProBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.recommed .goods .midPro {
  position: relative;
  width: 165px;
  height: 220px;
  background-color: #000;
  border-radius: 16px;
  overflow: hidden;
}

.recommed .goods .litterPro {
  position: relative;
  width: 145px;
  height: 195px;
  background-color: #000;
  border-radius: 16px;
  /* margin: 0 7px 18px; */
  overflow: hidden;
}

.recommed .goods .bigPro img,
.recommed .goods .midPro img,
.recommed .goods .litterPro img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.recommed .goods .priceBox {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0000009c;
  color: #fff;
  text-align: center;
  padding: 7px 10px;
}

.recommed .goods .bigPro .priceBox {
  border-radius: 1px 18px 1px 17px;
}

.recommed .goods .midPro .priceBox {
  border-radius: 1px 22px 1px 15px;
}

.recommed .goods .litterPro .priceBox {
  border-radius: 0px 18px 0px 15px;
}

.recommed .goods .priceBox .newPrice {
  font-size: 16px;
}

.recommed .goods .priceBox .oldPrice {
  font-size: 12px;
  color: #c4c4c4;
  text-decoration: line-through;
}

/**到货新品**/
.newGoods {
  width: 100%;
  height: 508px;
  background-color: #fff;
  border-radius: 22px;
  padding: 40px 24px 0 24px;
}

.newGoods .titleBg {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.newGoods .titleBg div {
  font-weight: 400;
  font-size: 30px;
  color: #333;
  display: inline-flex;
  align-items: center;
}

.newGoods .titleBg .mainTit {
  font-weight: bold;
}

.newGoods .titleBg .titleImg {
  height: 30px;
  width: 30px;
  margin-right: 11px;
  margin-top: 6px;
}

.newGoods .titleBg div span {
  font-size: 20px;
}

.newGoods .titleBg .more-btn {
  height: 33px;
  border-radius: 16px;
  border: 1px solid #333333;
  text-align: center;
  line-height: 32px;
  padding: 0 15px;
}

.newGoods .swiper {
  width: 100%;
}

.newGoods .swiper .swiper-button-next,
.newGoods .swiper .swiper-button-prev {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.5;
  color: #fff;
  margin-top: -50px;
}

.newGoods .swiper .swiper-button-prev {
  transform: rotate(180deg);
}

.newGoods .swiper-slide {
  position: relative;
  border-radius: 14px;
}

.newGoods .swiper-slide .proImg {
  width: 100%;
  height: 294px;
  border-radius: 14px 14px 0px 0px;
}

.newGoods .firstRow,
.newGoods .secondRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.newGoods .firstRow {
  gap: 8px;
}
.newGoods .swiper-slide .priceBox {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  flex: 0 0 auto;
  white-space: nowrap;
}

/* .newGoods .swiper-slide .priceBox .oldPrice, */
.newGoods .swiper-slide .itemNo {
  font-weight: 400;
  font-size: 12px;
  color: #cdcdcd;
}

/* .newGoods .swiper-slide .priceBox .oldPrice {
  text-decoration: line-through;
} */

/* .newGoods .swiper-slide .proNo {
} */

.newGoods .swiper-slide .proName {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  width: 80%;
}

.newGoods .swiper-slide .addCart {
  width: 32px;
  height: 32px;
  background-image: url("../../images/home/jiagou@2x.png");
  background-size: 100% 100%;
}

/**季节热卖 销量最佳**/
.hotGoods {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hotGoods .hotItem {
  height: 780px;
  width: 840px;
  background-color: #fff;
  border-radius: 24px;
  height: 790px;
}

.hotGoods .lefthtitem {
  width: 836px;
  padding: 0 24px;
}

.hotGoods .righthtitem {
  position: relative;
  width: 537px;
}

.hotGoods .lefthtitem .titleBg {
  background-image: url("../../images/home/xxzj@2x.png");
  margin: 0 -24px 0 -24px;
  width: unset !important;
}

.hotGoods .righthtitem .titleBg {
  background-image: url("../../images/home/jjrm@2x.png");
}

.hotGoods .hotItem .titleBg {
  display: flex;
  justify-content: space-between;
  height: 86px;
  width: 100%;
  padding: 23px;
  background-size: 100%;
}

.hotGoods .hotItem .titleBg span {
  font-weight: 500;
  font-size: 26px;
  color: #fff;
  line-height: 40px;
}

.hotGoods .hotItem .titleBg span .subtitle {
  margin-left: 15px;

  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 40px;
}

.hotGoods .hotItem .titleBg .more-btn {
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  background: #ffffff;
  border-radius: 18px;
  padding: 0 10px;
}

.hotGoods .lefthtitem .more-btn {
  color: #00aa60;
}

.hotGoods .righthtitem .more-btn {
  color: #ff5500;
}

.hotGoods .lefthtitem .swiper {
  width: 100%;
  height: 700px;
  padding: 24px 0;
  margin-left: auto;
  margin-right: auto;
}

.hotGoods .lefthtitem .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2) !important;
}

.hotGoods .lefthtitem .diyBulletClass {
  background-color: #23ac38;
  transition: all 0.3s;
}

.hotGoods .lefthtitem .diyBulletClass:hover {
  transform: scale(1.5);
}

.hotGoods .righthtitem .hot-box {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 22px;
  height: 635px;
  overflow-y: scroll;
}

.hotGoods .jiantouBtn {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 20px;

  cursor: pointer;
}

.hotGoods .jiantouBtn.noClick {
  cursor: default;
  opacity: 0.5;
}

.hotGoods .jiantouBtn.down {
  left: 50%;
}

.hotGoods .jiantouBtn.up {
  right: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.hotGoods .righthtitem .swiper-slide {
  width: 154px;
  border-radius: 14px;
  margin: 0 5px 17px 5px;
  height: auto;
}

.hotGoods .swiper-slide .proImg {
  width: 100%;
  height: 245px;
  border-radius: 14px;
}

.hotGoods .righthtitem .proImg {
  height: 207px;
}

.hotGoods .firstRow,
.hotGoods .secondRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .hotGoods .secondRow {
    margin-top: 5px;
} */

.hotGoods .firstRow {
  margin-top: 10px;
}

.hotGoods .swiper-slide .priceBox .newPrice {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
}

.hotGoods .swiper-slide .proName {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.guanggao1 {
  height: 130px;
  background: url("../../images/home/gg@2x.png");
  background-size: 100%;
}

/**大促销商品**/
.cusales {
  display: flex;
  height: 439px;
  background: #ffffff;
  border-radius: 22px;
}

.cusales .headerd {
  width: 195px;
  height: 100%;
  padding: 0 14px;
  background-image: url("../../images/home/cuxiao@2x.png");
  background-size: 100% 100%;
  color: #fff;
}

.cusales .headerd .leftTitle {
  font-weight: 500;
  font-size: 21px;
  margin-top: 83px;
}

.cusales .headerd .centerTitle {
  height: 38px;
  margin-top: 67px;
  line-height: 4px;
}

.cusales .headerd .centerTitle .bili {
  margin-left: 5px;
  font-weight: 500;
  font-size: 35px;
  color: #fffc00;
}

.cusales .headerd .off {
  font-size: 24px;
  margin-top: -20px;
}

.cusales .headerd .centerTitle .unit {
  font-weight: 500;
  font-size: 35px;
}

.cusales .headerd .more-btn {
  display: inline-block;
  height: 36px;
  font-size: 16px;
  background: #ffffff;
  border-radius: 18px;
  margin-top: 80px;
  color: #ff4258;
  text-align: center;
  line-height: 36px;
  padding: 0px 10px;
}

.cusales .swiper {
  width: calc(100% - 193px);
  padding: 34px 0 44px 24px;
}

.cusales .swiper .swiper-button-next,
.cusales .swiper .swiper-button-prev {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.5;
  color: #fff;
  margin-top: -50px;
}

.cusales .swiper .swiper-button-prev {
  transform: rotate(180deg);
}

@supports (-moz-appearance: none) {
  .cusales .swiper .swiper-button-prev {
    transform: rotate(0deg);
    img {
      display: none;
    }
  }
  .cusales .swiper .swiper-button-next img {
    display: none;
  }
}

.cusales .swiper-slide {
  position: relative;
  border-radius: 14px;
}

.cusales .swiper-slide .proImg {
  width: 100%;
  height: 294px;
  border-radius: 14px 14px 0px 0px;
}

.cusales .firstRow,
.cusales .secondRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px;
}

.cusales .priceBox {
  display: flex;
  align-items: baseline;
}

.cusales .priceBox .jiangJiaBl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 22px;
  background: #ff3f5a;
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
}

.cusales .priceBox .jiangJiaBl .xiajiang {
  width: 8px;
  height: 12px;
  margin-right: 2px;
  background-image: url("../../images/home/xiajiang@2x.png");
  background-size: 100% 100%;
}

.cusales .swiper-slide .priceBox .newPrice {
  font-weight: bold;
  font-size: 18px;
  color: #ff0000;
  margin: 0 6px;
}

.cusales .swiper-slide .priceBox .oldPrice {
  font-weight: 400;
  font-size: 12px;
  color: #cdcdcd;
}

.cusales .swiper-slide .priceBox .oldPrice {
  text-decoration: line-through;
}

.cusales .swiper-slide .proName {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

/**banner图**/
.adsBanner {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.adsBanner .swiper,
.adsBanner .swiper-wrapper,
.adsBanner .adsbnitem,
.adsBanner .adsbnitem a,
.adsBanner .adsbnitem .rowImg {
  width: 1400px;
  height: 100%;
}

.adsBanner .adsbnitem .rowImg {
  object-fit: cover;
  border-radius: 14px;
}

/**新品预售**/
.preSales {
  width: 100%;
  height: 625px;
  background-color: #fff;
  border-radius: 22px;
  padding: 36px 24px 30px;
  width: var(--primary-width);
  margin: 0 auto;
}

.preSales .titleBg {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.preSales .titleBg div {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 30px;
  color: #333;
}

.preSales .titleBg .titleImg {
  height: 25px;
  width: 25px;
  margin-right: 11px;
}

.preSales .titleBg div span {
  font-size: 30px;
  font-weight: bold;
}

.preSales .titleBg .more-btn {
  height: 33px;
  border-radius: 16px;
  border: 1px solid #333333;
  text-align: center;
  line-height: 32px;
  padding: 0 15px;
}

.preSales .swiper {
  width: 100%;
  height: 92%;
}

.preSales .swiper .swiper-button-next,
.preSales .swiper .swiper-button-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #fff;
  top: unset;
  bottom: 22px;
}

.preSales .swiper .swiper-button-prev {
  left: 50%;
  margin-left: -60px;
  transform: rotate(180deg);
}

.preSales .swiper .swiper-button-next {
  right: 50%;
  margin-right: -60px;
}

.preSales .swiper-slide {
  border-radius: 14px;
}

.preSales .swiper-slide .proImg {
  width: 100%;
  height: 333px;
  border-radius: 14px 14px 0px 0px;
}

.preSales .firstRow {
  font-size: 14px;
  color: #333333;
  height: 18px;
  line-height: 18px;
  margin: 13px 0 16px;
  text-align: center;
}

.preSales .secondRow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 36px;
  background: #ffffff;
  border-radius: 17px;
  border: 1px solid #23ac38;
  font-weight: 400;
  font-size: 14px;
  color: #23ac38;
}

.preSales .secondRow .addCart {
  background-image: url("../../images/home/time-circle@2x.png");
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

/**商品排行榜**/
.ranksMDBgWrap {
  width: 100%;
  height: auto;
  /* background: linear-gradient(to bottom, #F2F5F7 0%, #ffffff 30%, #ffffff 44%, #F2F5F7 100%); */
  /* background: linear-gradient(to bottom, #ec0a1d 0%, #ffffff 30%, #ffffff 44%, #ec0a1d 100%); */
  padding-top: 20px;
}

.ranksMD {
  /* margin-top: 40px; */
  width: var(--primary-width);
  margin: 40px auto 0;
}

.ranksMD .ranksTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}

.ranksMD .ranksTop div.title {
  font-weight: bold;
  font-size: 28px;
  color: #333333;
}

.ranksMD .ranksTop div {
  display: flex;
  align-items: center;
}

.ranksMD .ranksTop .more-btn {
  height: 33px;
  border-radius: 16px;
  border: 1px solid #333333;
  text-align: center;
  line-height: 32px;
  padding: 0 15px;
}

.ranksMD .ranksTop .more-btn img {
  width: 12px;
  margin-left: 2px;
}

.ranksMD .swiper {
  height: 800px;
}

.ranksMD .swiper-slide {
  height: 756px;
  background: #f9f9f9;
  border-radius: 26px;
}

.ranksMD .diyBulletClass {
  width: 40px;
  height: 4px;
  color: #fff;
  border-radius: unset;
  margin: unset !important;
  background-color: #23ac38;
  overflow: hidden;
  transition: all 0.3s;
}

.ranksMD .diyBulletClass:hover {
  transform: scaleY(2);
  transform-origin: 50% 100%;
  border-radius: 50% 50% 0% 0%;
}

.ranksMD
  .swiper
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: #23ac38;
}

.ranksMD .swiper-slide .title {
  height: 74px;
  border-radius: 26px 26px 0px 0px;
  display: flex;
  align-items: center;
  padding: 0 17px;
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  line-height: 20px;
}

.ranksMD .swiper-slide.wbHot .title {
  background: linear-gradient(0deg, #af46f2, #fe58d8);
}

.ranksMD .swiper-slide.ozonHot .title {
  background: #186bff;
}

.ranksMD .swiper-slide.biaosheng .title {
  background: #ed712e;
}

.ranksMD .swiper-slide.xinyuan .title {
  background: #00c088;
}

.ranksMD .swiper-slide.gaolirun .title {
  background: #ff3f5a;
}

.ranksMD .swiper-slide .title img {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.66);
  margin-right: 7px;
  border-radius: 5px;
}

.ranksMD .swiper-slide.biaosheng .title img,
.ranksMD .swiper-slide.gaolirun .title img {
  border: none;
}

.ranksMD .swiper-slide.xinyuan .title img {
  width: 25px;
  height: 21px;
  border: none;
}

.ranksMD .swiper-slide .proList {
  padding: 17px;
  overflow-y: scroll;
  height: 665px;
}

.hotGoods .hot-box::-webkit-scrollbar,
.ranksMD .swiper-slide .proList::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.ranksMD .swiper-slide .item {
  background: #ffffff;
  border-radius: 18px;
  margin-bottom: 10px;
  padding: 7px 9px 9px 9px;
  border: 1px solid transparent;
  transition: all 0.3s;
}

.ranksMD .swiper-slide.wbHot .item:hover {
  border-color: #af46f2;
}

.ranksMD .swiper-slide.ozonHot .item:hover {
  border-color: #186bff;
}

.ranksMD .swiper-slide.biaosheng .item:hover {
  border-color: #ed712e;
}

.ranksMD .swiper-slide.xinyuan .item:hover {
  border-color: #00c088;
}

.ranksMD .swiper-slide.gaolirun .item:hover {
  border-color: #ff3f5a;
}

.ranksMD .swiper-slide .item a {
  display: flex;
  align-items: center;
  width: 296px;
  height: 120px;
}

.ranksMD .swiper-slide .item .sortNum {
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  background: #efefef;
  border-radius: 50%;
  font-size: 11px;
  color: #666;
}
.ranksMD .swiper-slide .item .sortNumLogo {
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  font-size: 11px;
  color: #fff;
}
.ranksMD .swiper-slide .sortNumLogo.sort1 {
  background-color: #ff1e3e;
}
.ranksMD .swiper-slide .sortNumLogo.sort2 {
  background-color: #ff7c35;
}
.ranksMD .swiper-slide .sortNumLogo.sort3 {
  background-color: #ffae11;
}

.ranksMD .swiper-slide .item .proImg {
  width: 78px;
  height: 104px;
  border-radius: 6px;
  margin: 0 8px;
}

.ranksMD .swiper-slide .item .proInfo {
  width: 165px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 7px 25px 10px 0px;
}

.ranksMD .swiper-slide .item .firstRow {
  font-weight: 400;
  font-size: 12px;
  color: #333333;
}

.ranksMD .swiper-slide .item .secondRow {
  font-weight: 400;
  font-size: 12px;
  color: #cdcdcd;
  margin: 10px 0 14px;
}

.ranksMD .swiper-slide .item .thirdRow {
  font-weight: bold;
  font-size: 12px;
  color: #333333;
}

/**周销售**/
.weekSales {
  width: var(--primary-width);
  margin: 0 auto;
}

.weekSales .title {
  font-weight: bold;
  font-size: 28px;
  color: #333333;
  margin-bottom: 34px;
}

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

.weekSales .wsItem {
  width: 686px;
  height: 650px;
  border-radius: 28px;
  padding: 0 25px 25px;
}

.weekSales .wbmodel {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fdebff;
}

.weekSales .ozonmodel {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #eef4ff;
}

.weekSales .wsImhead {
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 23px;
  color: #fff;
}

.weekSales .wsImhead img {
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border: #fff 1px solid;
  border-radius: 5px;
}

.weekSales .wbmodel .wsImhead {
  background: linear-gradient(0deg, #af46f2, #fe59d8);
  border-top-left-radius: 28px;
  border-bottom-right-radius: 28px;
}

.weekSales .ozonmodel .wsImhead {
  background: #186aff;
  border-bottom-left-radius: 28px;
  border-top-right-radius: 28px;
}

.weekSales .wsItem .week-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.weekSales .wsItem .week-box li {
  position: relative;
  width: 192px;
  height: 255px;
  margin: 0 10px 23px 10px;
}

.weekSales .wsItem .week-box li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.weekSales .wsItem .week-box li .textnum {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #0000009c;
  border-radius: 16px;
  color: #fff;
  padding: 7px 10px;
}

/**好货推荐**/
.goodPro {
  width: var(--primary-width);
  margin: 0 auto 50px;
}
.goodPro .title {
  font-weight: bold;
  font-size: 28px;
  color: #333333;
  margin-bottom: 30px;
  margin-top: 40px;
}

.goodPro .proBox {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0 -14px;
}

.goodPro .proItem {
  position: relative;
  width: 214px;
  height: 410px;
  background: #ffffff;
  margin: 0 12px 29px;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: all 0.3s;
  overflow: hidden;
}

.goodPro .proItem:hover {
  border-color: #23ac38;
}

.goodPro .proItem img {
  width: 100%;
  height: 286px;
  border-radius: 14px 14px 0 0;
  margin-bottom: 12px;
  object-fit: cover;
}

.goodPro .firstRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  margin-bottom: 7px;
  gap: 8px;
}

.goodPro .firstRow .priceBox {
  font-weight: bold;
  font-size: 16px;
  color: #23ac38;
  flex: 0 0 auto;
  white-space: nowrap;
}

.goodPro .firstRow .proNo {
  font-weight: 400;
  font-size: 12px;
  color: #cdcdcd;
}

.goodPro .secondRow {
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  margin-bottom: 12px;
  padding: 0 8px;
}

.goodPro .thirdRow {
  background: #23ac38;
  border-radius: 7px 7px 8px 7px;
  color: #fff;
  margin: 0 15px;
  text-align: center;
  line-height: 32px;
}

.goodPro .lookMore {
  width: 195px;
  border-radius: 23px;
  border: 1px solid #23ac38;
  padding: 10px 25px;
  font-size: 18px;
  color: #23ac38;
  text-align: center;
  margin: 14px auto 0;
  background-color: transparent;
  display: block;
  cursor: pointer;
}

.goodPro .bottomLine {
  text-align: center;
  padding: 20px;
  color: #adadad;
}

/* 一键代发 */
.dfDescBgWrap {
  width: 100%;
  height: 859px;
  background-image: url("../../images/home/yjdfbgys.webp");
  /* background-image:url('http://img.greenternary.com/imgs/174442580391535212.webp') ; */
  background-size: 100% 100%;
  padding-top: 80px;
}

.dfDescBgWrap .btn {
  width: 158px;
  margin: 30px 0 38px;
}

.dfDescBgWrap .cons .item {
  display: flex;
  align-items: center;
  width: 1322px;
  height: 60px;
  line-height: 60px;
  background: #fafafa;
  border-radius: 30px;
  margin: 0 auto 24px;
  padding: 0 4px;
  color: #333333;
  font-size: 16px;
  transition: all 0.5s;
}

.dfDescBgWrap .cons .num {
  display: block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: #333333;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  margin-right: 20px;
  font-size: 30px;
  transition: all 0.3s;
}

.dfDescBgWrap .cons .item:hover {
  transform: scaleX(1.08);
  background: #fff;
  color: #23ac38;
  font-size: 18px;
  font-weight: 400;
}

.dfDescBgWrap .cons .item:hover .num {
  background: #23ac38;
}

/* 网店效率与扩展性 */
.shopBgWrap {
  width: 100%;
  height: 793px;
  background-color: #fff;
  padding-top: 65px;
}

.shopBgWrap .shopTit {
  margin: 0 auto 54px;
}

/* 店铺梦想 */
.dreamShop {
  position: relative;
  padding-top: 70px;
  height: 1960px;
}

.dreamShop .item2 {
  position: absolute;
  top: 565px;
}

.dreamShop .item3 {
  position: absolute;
  top: 990px;
}

.dreamShop .item4 {
  position: absolute;
  top: 1415px;
}