/*  CSS 变量定义  */
:root {
  /* 颜色配置 */
  --swiper-primary-color: #226743;
  --swiper-bg-light: #ffffff;
  --swiper-bg-active: #fdfdfd;
  --swiper-text-dark: #000;
  --swiper-text-light: #fff;
  --swiper-border-color: #226743;
  --swiper-title-color: #226743;

  /* 尺寸配置 */
  --swiper-title-size: 2.344vw;
  --swiper-title-size-lg: 1.953vw;
  --swiper-bullet-size: 0.859vw;
  --swiper-bullet-padding: 0.391vw 0.781vw;
  --swiper-bullet-line-height: 1.563vw;
  --swiper-bullet-margin: 1.406vw;
  --swiper-border-width: 0.313vw;
  --swiper-container-max-height: 24.687vw;

  /* 间距配置 */
  --swiper-padding-top: 1.445vw;
  --swiper-margin-top: 0.78125vw;
  --swiper-width-half: 50%;

  /* 过渡配置 */
  --swiper-transition: all 0.3s ease-in;
}
#module .swiper-sellponit-box {
  display: flex;
  align-items: center;
}
/*  轮播容器基础样式  */
#module .swiper-container1 {
  padding: 0;
  overflow: hidden;

  width: 50%;
}

#module .swiper-rightnav {
  width: 50%;
  padding-left: 0.78125vw;
  height: 100%;
}

/*  Swiper4 轮播  */
#module .swiper-sellponit-box .swiper-wrapper {
  width: 50%;
}
/*  Swiper4 标题  */
#module .swiper-sellponit-box .swiper-title {
  font-weight: bold;
  font-size: var(--swiper-title-size);
  color: var(--swiper-title-color);
  padding-left: 0.78125vw;
}

#module .swiper-sellponit-box .swiper-title-alt {
  transform: translate(10%, 70%);
  font-size: var(--swiper-title-size-lg);
  color: var(--swiper-primary-color) !important;
}

/*  Swiper4 分页器  */
#module .swiper-sellponit-box .swiper-pagination {
  padding: var(--swiper-padding-top) 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#module
  .swiper-sellponit-box
  .swiper-container-horizontal
  > .swiper-pagination-bullets,
#module .swiper-sellponit-box .swiper-pagination-custom,
#module .swiper-sellponit-box .swiper-pagination-fraction {
  bottom: 0;
}

/*  Swiper4 分页项  */
#module .swiper-sellponit-box .swiper-pagination-bullet {
  width: 98%;
  height: auto;
  font-family: "Gilroy", sans-serif;
  font-weight: bold;
  font-size: var(--swiper-bullet-size) !important;
  color: var(--swiper-text-light) !important;
  line-height: var(--swiper-bullet-line-height);
  display: inline-block;
  padding: var(--swiper-bullet-padding);
  border-radius: 0;
  opacity: 1;
  margin: 0;
  margin-bottom: var(--swiper-bullet-margin);
  background: var(--swiper-primary-color);
  border-left: var(--swiper-border-width) solid var(--swiper-border-color);
  transition: var(--swiper-transition);
}

#module .swiper-sellponit-box .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

#module
  .swiper-sellponit-box
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--swiper-primary-color);
  background: var(--swiper-bg-active);
  color: var(--swiper-text-dark) !important;
}

/*  Swiper4 文本链接  */
#module .swiper-sellponit-box .text-links {
  display: flex;
  justify-content: space-between;
}

/*  媒体查询 - 1920px  */
@media screen and (max-width: 1920px) {
  :root {
    --swiper-padding-top: 2.534vw;
    --swiper-container-max-height: 24.857vw;
  }
}

/*  媒体查询 - 1460px  */
@media screen and (max-width: 1460px) {
  :root {
    --swiper-title-size: 2.74vw;
    --swiper-bullet-size: 1.507vw;
    --swiper-bullet-padding: 0.685vw 1.37vw;
    --swiper-bullet-line-height: 2.74vw;
    --swiper-bullet-margin: 2.466vw;
    --swiper-container-max-height: 43.26vw;
    --swiper-padding-top: 2.534vw;
  }
}

/*  媒体查询 - 1024px  */
@media screen and (max-width: 1024px) {
  :root {
    --swiper-container-max-height: 42.8vw;
  }
}

@media screen and (max-width: 768px) {
  #module .swiper-sellponit-box {
    flex-direction: column;
  }
  #module .swiper-container1 {
    width: 100%;
  }
  #module .swiper-rightnav {
    width: 100%;
    padding: 0;
  }
}

/*  媒体查询 - 480px (移动端)  */
@media screen and (max-width: 480px) {
  :root {
    --swiper-title-size: 5.208vw;
    --swiper-title-size-lg: 5.208vw;
    --swiper-bullet-size: 3.333vw;
    --swiper-bullet-padding: 2.083vw;
    --swiper-bullet-line-height: 1.3;
    --swiper-bullet-margin: 3.125vw;
    --swiper-padding-top: 4.167vw;
    --swiper-width-half: 100%;
  }

  #module .swiper-container1 {
    flex-direction: column;
  }



  #module .swiper-sellponit-box .swiper-wrapper {
    padding-bottom: 0;
  }

  #module .swiper-sellponit-box .swiper-title {
    position: static;
    top: 0;
    transform: none;
    width: 100%;
    padding-top: 4.167vw;
    text-align: center;
    padding-left: 0;
  }

  #module .swiper-sellponit-box .swiper-title-alt {
    color: var(--swiper-primary-color) !important;
  }

  #module .swiper-sellponit-box .swiper-pagination {
    width: 100%;
    margin-top: 0;
    padding-bottom: 6.25vw;
  }

  #module .swiper-sellponit-box .swiper-pagination-bullet:last-child {
    margin-bottom: 0;
  }
}