/*  字体定义  */
@font-face {
  font-family: "Gilroy";
  src: url("https://resource.xp-pen.com/img/active_list/font/Gilroy-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("https://resource.xp-pen.com/img/active_list/font/Gilroy-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("https://resource.xp-pen.com/img/active_list/font/Gilroy-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("https://resource.xp-pen.com/img/active_list/font/Gilroy-Bold.ttf")
    format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*  CSS 变量定义  */
:root {
  /* 背景配置 */
  --bg-img: url("https://resource.xp-pen.com/img/active_list/SpringSale26/bg.jpg");
  --bg-color: #fff;

  /* 字体配置 */
  --main-family: "Gilroy" !important;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: bold;

  /* 颜色配置 */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark: #212121;
  --color-red: #cc1f1f;
  --color-light-gray: #f2f4fb;

  /* Banner 颜色 */
  --color-text1: #fff;
  --color-textH1: #fff0f4;
  --color-textH1-span: #ffcdda;
  --color-textH2: #a10a0a;
  --color-textH2-bg: #fff;

  /* 导航栏颜色 */
  --color-navbg: #226743;
  --nav-active-bg: #459775;
  --nav-active-color: #fff;

  /* 倒计时颜色 */
  --coutdown-title: #226743;
  --coutdown-number: #226743;
  --coutdown-number-bg: #fff;

  /* 优惠券颜色 */
  --coupon-title: #002210;
  --color-coupon: #C8EF07;
  --coupon-p1: #003516;
  --coupon-p2: #003516;
  --coupon-p3: #fff;
  --coupon-p3-bg: #003516;
  --coupon-bd: #fff;

  /* 产品卡片颜色 */
  --NY-title: #000;
  --sell-text: #000;
  --buy-btn: #2c1701;
  --buy-btn-hover: #4E5E3F;
  --more-btn: #4E5E3F;
  --more-btn-border: #fff;

  /* 标题配置 */
  --title-bg: #EBF9DE;
  --title-transform: translate(-50%, -62%);

  /*  字体大小  */
  --font-size-xs: 0.469vw;
  --font-size-sm: 0.625vw;
  --font-size-md: 0.781vw;
  --font-size-lg: 0.938vw;
  --font-size-xl: 3.438vw;
  --font-size-xxl: 1.406vw;
  --font-size-xxxl: 1.563vw;
  --font-size-xxxxl: 1.641vw;
  --font-size-banner: 1.094vw;
  --font-size-banner-title: 3.125vw;
  --font-size-22: 0.859vw;
  --font-size-25: 0.977vw;
  --font-size-28: 1.094vw;
  --font-size-30: 1.172vw;

  /*  间距  */
  --spacing-xxs: 0.234vw;
  --spacing-xs: 0.313vw;
  --spacing-sm: 0.547vw;
  --spacing-md: 0.625vw;
  --spacing-lg: 0.703vw;
  --spacing-xl: 0.938vw;
  --spacing-xxl: 1.172vw;
  --spacing-xxxl: 1.25vw;
  --spacing-4xl: 1.563vw;
  --spacing-5xl: 2.109vw;
  --spacing-6xl: 2.813vw;
  --spacing-7xl: 3.516vw;
  --spacing-8xl: 4.375vw;
  --spacing-12: 0.469vw;
  --spacing-25: 0.477vw;
  --spacing-36: 1.406vw;
  --spacing-38: 1.484vw;
  --spacing-42: 1.641vw;
  --spacing-45: 1.758vw;
  --spacing-47: 1.836vw;
  --spacing-53: 2.07vw;
  --spacing-60: 2.344vw;

  /*  圆角  */
  --border-radius-sm: 0.313vw;
  --border-radius-md: 0.625vw;
  --border-radius-lg: 2.344vw;

  /*  宽度/高度  */
  --width-small: 0.781vw;
  --width-medium: 1.953vw;
  --width-large: 3.047vw;
  --width-xl: 55%;
  --height-small: 0.781vw;
  --height-medium: 2.969vw;

  /*  行高  */
  --line-height-normal: 1;
  --line-height-md: 1.3;
  --line-height-lg: 1.5;
  --line-height-xl: 0.938vw;
}

/*  全局基础样式  */
#module img {
  width: 100%;
  height: auto;
}

#module p,
#module span,
#module em,
#module h2,
#module div {
  font-family: var(--main-family) !important;
}

#module .pc {
  display: block;
}

#module .mo {
  display: none;
}

#module {
  overflow: hidden;
}

/*  容器布局  */
#module .module_inner {
  width: 54.688vw;
  margin: 0 auto;
}

#module .module_bg {
  overflow: hidden;
  background: var(--bg-img);
  background-size: 100%;
  padding-bottom: 1.953vw;
}

/*  Banner 区域  */
#module .module_banner {
  position: relative;
}

#module .module_banner_text {
  position: absolute;
  left: 16vw;
  top: 50%;
  transform: translateY(-50%);
}

#module .banner-info-item {
  margin-bottom: var(--spacing-md);
}

#module .banner-info-item.center {
  text-align: center;
}

#module .banner-info-item.center img {
  width: 5.585938vw;
  margin-bottom: 1.210938vw;
}

#module .banner-info-item-bg {
  position: relative;
  text-align: center;
  margin-bottom: var(--spacing-36);
}

#module .banner-info-item-bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -52%);
}

/* Banner 文本样式 */
#module .Wb_text1,
#module .Wb_text2 {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-banner);
  color: var(--color-text1);
  text-align: center;
  line-height: var(--line-height-normal);
}

#module .Wb_text2 {
  color: #fff;
}

#module .Wb_text2 span {
  background: #fff;
  color: #fd0d1a;
  border-radius: 1.523vw;
  display: inline-block;
  vertical-align: middle;
  padding: 0.391vw 1.68vw;
}

#module .Wb_text2 span img {
  vertical-align: middle;
  width: 1.719vw;
  margin: 0 1.563vw 0.391vw;
}

#module .Wb_textH1 {
  font-weight: 500;
  font-size: var(--font-size-banner-title);
  color: var(--color-textH1);
  line-height: 1.1;
  margin: var(--spacing-36) 0;
  text-align: center;
}

#module .Wb_textH1 span {
  color: var(--color-textH1-span);
}

#module .Wb_textH2 {
  font-weight: var(--font-weight-bold);
  font-size: 2.34375vw;
  color: var(--color-textH2);
  text-align: center;
  line-height: 1.1;
  margin-bottom: var(--spacing-36);
  display: inline-block;
  background: var(--color-textH2-bg);
  border-radius: 0.9375vw;
  padding: 0.976563vw 2.34375vw;
}

#module .Wb_textH2 span {
  font-size: 2.227vw;
}

#module .Wb_textH2 .Wb_textH2_txt {
  font-size: 1.484vw;
  color: #fcff00;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

/*  导航栏  */
#module .module_nav {
  background: var(--color-navbg);
  display: flex;
  justify-content: center;
  gap: 0.703vw;
}

#module .module_nav.fixed {
  top: 58px;
  position: fixed;
  width: 100%;
  z-index: 11;
}

#module .module_nav .nav-list {
  font-weight: 400;
  font-size: var(--font-size-sm);
  color: var(--color-white);
  text-align: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 0.078vw solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}

#module .module_nav .nav-list.active {
  background: var(--nav-active-bg);
  color: var(--nav-active-color);
}

/*  倒计时区域  */
/* 横版倒计时 */
#module #Ch2020_countdown_1 {
  display: flex;
  justify-content: center;
  background: var(--color-black);
  padding: var(--spacing-md) 0;
  gap: 0.391vw;
  font-size: var(--font-size-sm);
}

#module #Ch2020_countdown_1 .Ch2020_cd_djs {
  display: flex;
}

#module #Ch2020_countdown_1 p,
#module #Ch2020_countdown_1 span,
#module #Ch2020_countdown_1 div {
  color: var(--color-white);
  line-height: var(--line-height-xl);
}

#module #Ch2020_countdown_1 span {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  width: var(--width-medium);
  display: inline-block;
  text-align: center;
}

/* 竖版倒计时 */
#module #Ch2020_countdown_2 {
  text-align: center;
  padding-bottom: 4.101vw;
}

#module #Ch2020_countdown_2 .Ch2020_cd_djs {
  display: flex;
  justify-content: center;
}

#module .Ch2020_djs_time {
  text-align: center;
}

#module .Ch2020_djs_txt {
  display: none;
}

#module #Ch2020_countdown_2 p {
  color: var(--coutdown-title);
  font-weight: var(--font-weight-normal);
  text-align: center;
  font-size: var(--font-size-xs);
}

#module #Ch2020_countdown_2 .Ch2020_djs_time p {
  line-height: 2;
}

#module #Ch2020_countdown_2 .Ch2020_cd_title {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  margin: var(--spacing-5xl) 0 var(--spacing-sm);
}

#module #Ch2020_countdown_2 .Ch2020_seperator {
  line-height: var(--height-medium);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  margin: 0 var(--spacing-md);
  color: var(--coutdown-number);
}

#module #Ch2020_countdown_2 span {
  color: var(--coutdown-number);
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-xxl);
  display: inline-block;
  width: var(--width-large);
  height: var(--height-medium);
  background: var(--coutdown-number-bg);
  border-radius: var(--border-radius-sm);
  text-align: center;
  line-height: var(--height-medium);
}

/*  标题区域  */
#module .module_title {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-xxxl);
  color: var(--coupon-title);
  text-align: center;
  position: relative;
  margin-bottom: 1.953125vw;
}

#module .module_title.color-w {
  color: #fff !important;
}

#module .module_title_bg {
  margin: var(--spacing-8xl) 0;
  text-align: center;
  position: relative;
}

#module .module_title_bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: var(--title-transform);
  max-width: 78%;
  width: 100%;
}

#module .module_title_bg .module_title {
  color: var(--title-bg);
}

#module .module_title_bg1 {
  display: flex;
  justify-content: center;
  gap: 5%;
  margin: var(--spacing-8xl) 0 2.914vw;
}

#module .module_title_bg1 img {
  width: 20%;
}

#module .module_title_bg1 .module_title {
  white-space: nowrap;
  color: #001437;
}

#module .module_title span {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  color: #fff;
  display: block;
  margin-top: var(--spacing-sm);
  text-align: center;
}

/*  优惠券区域  */
#module .module_coupon_bg {
  padding: 0;
  margin: 0 0 var(--spacing-xxl);
}

#module .module_coupon {
  max-width: 54.688vw;
  margin: 0 auto;
}

#module .module_coupon .module_coupon_L,
#module .module_coupon .module_coupon_M,
#module .module_coupon .module_coupon_S {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#module .module_coupon .module_coupon_item {
  background: var(--color-coupon);
  border-radius: var(--border-radius-md);
  border: 3px solid #fff;
  position: relative;
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-4xl);
  overflow: hidden;
  box-shadow: inset 0px 0px 0 0.195313vw #226743;
  cursor: pointer;
  transition: all 0.2s;
}

#module .module_coupon .module_coupon_item::before,
#module .module_coupon .module_coupon_item::after {
  content: "";
  display: inline-block;
  width: var(--width-small);
  height: var(--height-small);
  border-radius: 50%;
  background: var(--coupon-bd);
  position: absolute;
  top: 48%;
}

#module .module_coupon .module_coupon_item::before {
  left: 0;
  transform: translate(-45%, 0);
}

#module .module_coupon .module_coupon_item::after {
  right: 0;
  transform: translate(45%, 0);
}

#module .module_coupon .module_coupon_item p {
  text-align: center;
}

/* 优惠券尺寸 */
#module .module_coupon .module_coupon_L .module_coupon_item {
  width: 49.5%;
}

#module .module_coupon .module_coupon_M .module_coupon_item {
  width: 32.5%;
}

#module .module_coupon .module_coupon_S .module_coupon_item {
  width: 24.5%;
}

/* 优惠券文本样式 */
#module .module_coupon_item .module_coupon_p1 {
  font-weight: var(--font-weight-semi-bold);
  color: var(--coupon-p1);
  text-align: center;
}

#module .module_coupon_item .module_coupon_p2 {
  font-weight: var(--font-weight-normal);
  color: var(--coupon-p2);
  text-align: center;
  line-height: var(--line-height-md);
}

#module .module_coupon_item .module_coupon_p3 {
  text-align: center;
  display: inline-block;
  font-weight: var(--font-weight-semi-bold);
  color: var(--coupon-p3);
  background: var(--coupon-p3-bg);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--border-radius-lg);
}

#module .module_coupon_item .module_coupon_p3 span {
  font-weight: var(--font-weight-semi-bold);
  color: var(--coupon-p3);
}

/* 优惠券不同尺寸的字体 */
#module .module_coupon .module_coupon_L .module_coupon_item .module_coupon_p1 {
  font-size: var(--font-size-xxl);
}

#module .module_coupon .module_coupon_L .module_coupon_item .module_coupon_p2 {
  font-size: var(--font-size-lg);
}

#module
  .module_coupon
  .module_coupon_L
  .module_coupon_item
  .module_coupon_p3
  span {
  font-size: var(--font-size-lg);
}

#module .module_coupon .module_coupon_M .module_coupon_item .module_coupon_p1,
#module .module_coupon .module_coupon_S .module_coupon_item .module_coupon_p1 {
  font-size: var(--font-size-xxl);
}

#module .module_coupon .module_coupon_M .module_coupon_item .module_coupon_p2,
#module .module_coupon .module_coupon_S .module_coupon_item .module_coupon_p2 {
  font-size: var(--font-size-md);
}

#module
  .module_coupon
  .module_coupon_M
  .module_coupon_item
  .module_coupon_p3
  span,
#module
  .module_coupon
  .module_coupon_S
  .module_coupon_item
  .module_coupon_p3
  span {
  font-size: var(--font-size-md);
}

/*  图片容器  */
#module .NY_img_box {
  text-align: center;
}

#module .NY_img_box a img {
  transition: all 0.3s;
  width: 80%;
}

#module .NY_img_box a:hover img {
  transform: scale(1.05);
}

#module .NY_big .NY_big_img {
  display: flex;
  justify-content: center;
  align-items: center;
}

#module .NY_big .NY_big_img a img {
  transition: all 0.3s;
  width: 100%;
}

#module .NY_big .NY_big_img a:hover img {
  transform: scale(1.03);
}

/*  产品列表布局  */
#module .NY_goods_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* 产品卡片通用样式 */
#module .NY_title {
  font-size: var(--font-size-25);
  font-weight: var(--font-weight-bold);
  margin: var(--spacing-xl) 0;
  text-align: center;
  color: var(--NY-title);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#module .NY_price {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-xxxl);
  color: var(--color-dark);
  text-align: center;
}

#module .NY_price span {
  color: var(--color-red);
}

#module .NY_price em {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-lg);
  color: var(--color-dark);
  text-decoration: line-through;
}

#module .NY_buy_btn {
  text-align: center;
}

#module .NY_buy_btn a {
  margin-top: var(--spacing-xl);
  display: inline-block;
  font-size: var(--font-size-lg);
  color: var(--buy-btn);
  text-decoration: none;
  border: 0.078vw solid var(--buy-btn);
  border-radius: var(--border-radius-lg);
  padding: var(--spacing-12) var(--spacing-47);
  font-weight: bold;
  transition: all 0.3s;
}

#module .NY_buy_btn a:hover {
  border-color: var(--buy-btn-hover);
  background: var(--buy-btn-hover);
  color: #fff;
}

/* 折扣标签通用样式 */
#module .NY_big_po2 {
  position: absolute;
  left: 3%;
  top: 2%;
  z-index: 9;
}

#module .NY_big_po2 img {
  width: 3.125vw;
}

#module .NY_big_po2 .NY_big_po2_t {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  font-size: var(--font-size-22);
  line-height: 0.9;
  width: 100%;
  text-align: center;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}

/*  产品卡片 - XL (特大)  */
#module .NY_big {
  background: var(--color-white);
  position: relative;
  padding: var(--spacing-7xl) var(--spacing-md);
  margin-bottom: var(--spacing-md);
  border-radius: 0.78125vw;
}

#module .NY_big .NY_goods_list {
  display: flex;
}

#module .NY_big .NY_big_img {
  width: var(--width-xl);
  text-align: center;
}

#module .NY_big .NY_big_text {
  flex: 1;
}

#module .NY_big .NY_big_title {
  font-size: var(--font-size-xxxxl);
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--spacing-md);
  color: var(--NY-title);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#module .NY_big .NY_big_p,
#module .sell-text,
#module .sell-text p {
  font-size: var(--font-size-md) !important;
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-lg);
  margin-bottom: var(--spacing-xl);
  color: var(--sell-text);
}

#module .sell-text,
#module .sell-text p {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

#module .NY_big .NY_price {
  text-align: left;
}

#module .NY_big .NY_buy_btn {
  text-align: left;
}

#module .NY_big.scene {
  padding: 0;
  overflow: hidden;
}

#module .NY_big.scene .NY_big_img {
  text-align: left;
  justify-content: left;
}

#module .NY_big.scene .NY_big_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*  产品卡片 - L (大)  */
#module .NY_middlebox {
  width: 49.5%;
  padding: var(--spacing-47);
  text-align: center;
  background-color: var(--color-white);
  position: relative;
  margin-bottom: var(--spacing-md);
  border-radius: 0.78125vw;
}

#module .NY_middlebox .NY_price {
  font-size: var(--font-size-xxl);
}

#module .NY_middlebox .NY_price em {
  font-size: var(--font-size-22);
}

/*  产品卡片 - M (中)  */
#module .NY_smallbox {
  width: 32.5%;
  background-color: var(--color-white);
  text-align: center;
  position: relative;
  padding: var(--spacing-47);
  margin-bottom: var(--spacing-md);
  border-radius: 0.78125vw;
}

#module .NY_smallbox .NY_price {
  font-size: var(--font-size-30);
}

#module .NY_smallbox .NY_price em {
  font-size: var(--font-size-22);
}

#module .NY_smallbox .NY_buy_btn a {
  font-size: var(--font-size-md);
  padding: var(--spacing-12) var(--spacing-47);
}

/*  产品卡片 - S (小)  */
#module .NY_fourbox {
  width: 24%;
  background-color: var(--color-white);
  text-align: center;
  position: relative;
  padding: var(--spacing-45) var(--spacing-25);
  margin-bottom: var(--spacing-md);
  border-radius: 0.78125vw;
}

#module .NY_fourbox .NY_price {
  font-size: var(--font-size-30);
}

#module .NY_fourbox .NY_price em {
  font-size: var(--font-size-sm);
}

#module .NY_fourbox .NY_buy_btn a {
  font-size: var(--font-size-md);
  padding: var(--spacing-12) var(--spacing-47);
}

/* 折扣标签尺寸变体 */
#module .NY_big_de {
  position: absolute;
  right: 0.391vw;
  top: 0;
  font-size: 1.172vw !important;
  font-weight: bold;
  color: #fff;
  background: #c50518;
  padding: 0 0.938vw;
  border-radius: 0 0 0.313vw 0.313vw;
}

#module .NY_smallbox .NY_big_de {
  font-size: 1.016vw;
}

#module .NY_fourbox .NY_big_de {
  font-size: 0.781vw;
}

/*  更多按钮  */
#module .NY_More {
  text-align: center;
}

#module .NY_More a {
  display: inline-block;
  font-weight: var(--font-weight-semi-bold);
  font-size: 1.172vw;
  color: var(--color-white);
  background: var(--more-btn);
  border: 0.078125vw solid var(--more-btn-border);
  border-radius: var(--border-radius-lg);
  padding: 0.703375vw 2.344vw;
  margin: var(--spacing-4xl) 0;
  text-decoration: none;
  transition: all 0.3s;
}

/*  其他元素  */
#module .iconfont {
  font-family: "iconfont" !important;
}

#module .footer-banner {
  margin-bottom: 0.625vw;
  border-radius: 0.781vw;
}

#module .footer-banner.mb100 {
  margin-bottom: 7.813vw;
}

#module .footer-banner.mb100 img {
  border-radius: 0.781vw;
}

#module .footer-banner.col-md-list {
  display: flex;
  gap: 0.625vw;
  margin-bottom: 1.016vw;
  justify-content: space-between;
}

#module .footer-banner .col-md-item {
  width: 49%;
  text-align: center;
}

#module .footer-banner .col-md-item img {
  max-width: 100%;
}

#module .module_free {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#module .module_free a {
  width: 23%;
  text-align: center;
}

#module .module_free p {
  text-align: center;
  font-size: 0.925vw;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 1.625vw;
  font-weight: 500;
}

#module .module_gift .module_title_bg1 {
  margin: var(--spacing-4xl) 0 1.914vw;
}

/*  媒体查询 - 1920px  */
@media screen and (max-width: 1920px) {
  :root {
    --font-size-sm: 1.096vw;
  }

  #module .NY_big .NY_big_img a img {
    width: 80% !important;
  }

  #module .NY_middlebox .NY_img_box a img {
    width: 85% !important;
  }

  #module .NY_smallbox .NY_img_box a img {
    width: 95% !important;
  }
  #module .scene.NY_big .NY_big_img a img {
    width: 90% !important;
  }
}

/*  媒体查询 - 1460px  */
@media screen and (max-width: 1460px) {
  #module .module_inner,
  #module .module_coupon {
    width: 98%;
    max-width: 95.89vw;
    margin: 0 auto;
  }

  #module .NY_big_de {
    font-size: 2.172vw !important;
  }

  #module .module_banner .module_banner_text {
    left: 12.5vw;
  }

  #module .module_gift {
    background-size: cover;
  }

  #module .module_free p {
    font-size: 1.625vw;
  }

  :root {
    --font-size-xs: 0.822vw;
    --font-size-sm: 1.006vw;
    --font-size-md: 1.5vw;
    --font-size-lg: 1.644vw;
    --font-size-xl: 2.466vw;
    --font-size-xxl: 2.466vw;
    --font-size-xxxl: 2.74vw;
    --font-size-banner: 1.37vw;
    --font-size-banner-title: 3.424932vw;
    --font-size-xxxxl: 2.877vw;
    --font-size-22: 1.507vw;
    --font-size-25: 1.712vw;
    --font-size-28: 1.918vw;
    --font-size-30: 2.055vw;
    --spacing-xxs: 0.411vw;
    --spacing-xs: 0.548vw;
    --spacing-sm: 0.959vw;
    --spacing-md: 1.096vw;
    --spacing-lg: 1.233vw;
    --spacing-xl: 1.644vw;
    --spacing-xxl: 2.055vw;
    --spacing-xxxl: 2.192vw;
    --spacing-4xl: 2.74vw;
    --spacing-5xl: 3.699vw;
    --spacing-6xl: 4.932vw;
    --spacing-7xl: 6.164vw;
    --spacing-8xl: 7.671vw;
    --spacing-12: 0.822vw;
    --spacing-47: 2.219vw;
    --spacing-60: 4.11vw;
    --spacing-25: 1.712vw;
    --spacing-45: 3.082vw;
    --border-radius-sm: 0.548vw;
    --border-radius-md: 1.096vw;
    --border-radius-lg: 4.11vw;
    --width-small: 1.37vw;
    --width-medium: 3.425vw;
    --width-large: 5.342vw;
    --height-small: 1.37vw;
    --height-medium: 5.205vw;
    --line-height-xl: 1.644vw;
  }

  #module .NY_middlebox .NY_img_box a img {
    width: 70% !important;
  }

  #module .NY_smallbox .NY_img_box a img {
    width: 80% !important;
  }

  #module .NY_big .NY_big_img a img {
    width: 95% !important;
  }

  #module .NY_big_po2 img {
    width: 5.479vw;
  }
}

/*  媒体查询 - 1024px  */
@media screen and (max-width: 1024px) {
  #module .module_nav.fixed {
    top: 40px;
  }

  #module .module_inner {
    width: 95%;
    margin: 0 auto;
  }

  #module
    .module_coupon
    .module_coupon_L
    .module_coupon_item
    .module_coupon_p2 {
    font-size: var(--font-size-md);
  }

  #module .module_coupon .module_coupon_S .module_coupon_item {
    width: 49.5%;
  }

  #module .NY_big_po2 img {
    width: 5.859vw;
  }

  #module .NY_big_po2 .NY_big_po2_t {
    font-size: 1.563vw;
  }

  #module .NY_big .NY_big_img a img,
  #module .NY_middlebox .NY_img_box a img,
  #module .NY_smallbox .NY_img_box a img {
    width: 70% !important;
  }

  #module .NY_More a {
    padding: 1.067vw 5.906vw;
    font-size: 1.972vw;
  }

  #module .NY_fourbox .NY_img_box a img {
    width: 27.148vw;
    max-width: 27.148vw;
    margin: 0 auto;
  }

  #module .NY_smallbox,
  #module .NY_fourbox {
    width: 49.5%;
  }

  :root {
    --font-size-xs: 1.172vw;
    --font-size-sm: 1.367vw;
    --font-size-md: 1.563vw;
    --font-size-lg: 1.367vw;
    --font-size-xl: 2.734vw;
    --font-size-xxl: 2.344vw;
    --font-size-xxxl: 3.125vw;
    --font-size-banner: 1.758vw;
    --font-size-banner-title: 3.125vw;
    --font-size-xxxxl: 2.344vw;
    --font-size-22: 1.367vw;
    --font-size-25: 2.441vw;
    --font-size-28: 2.734vw;
    --font-size-30: 2.344vw;
    --spacing-xxs: 0.586vw;
    --spacing-xs: 0.781vw;
    --spacing-sm: 2.344vw;
    --spacing-md: 1.563vw;
    --spacing-lg: 1.758vw;
    --spacing-xl: 2.344vw;
    --spacing-xxl: 2.93vw;
    --spacing-xxxl: 3.125vw;
    --spacing-4xl: 3.907vw;
    --spacing-5xl: 3.906vw;
    --spacing-6xl: 3.906vw;
    --spacing-7xl: 8.788vw;
    --spacing-8xl: 7.813vw;
    --border-radius-sm: 0.781vw;
    --border-radius-md: 1.563vw;
    --border-radius-lg: 5.86vw;
    --width-small: 1.953vw;
    --width-medium: 4.883vw;
    --width-large: 7.617vw;
    --height-small: 1.953vw;
    --height-medium: 5.957vw;
    --line-height-xl: 2.344vw;
  }
}

/*  媒体查询 - 768px  */
@media screen and (max-width: 768px) {
  #module .module_nav.fixed {
    top: 50px;
  }

  #module .module_banner .module_banner_text {
    top: 50%;
    transform: translateY(-50%);
    max-width: 38.533vw;
    left: 4.8vw;
  }

  #module .NY_big_po2 .NY_big_po2_t {
    font-size: 2.083vw;
  }

  #module .NY_More a {
    font-size: 3.972vw;
    padding: 1.067vw 5.906vw;
  }

  #module .NY_big_po2 img {
    width: 7.813vw;
  }

  #module .NY_price {
    font-size: 2.667vw;
  }

  #module .NY_middlebox .NY_price {
    font-size: var(--font-size-30);
  }

  #module .footer-banner.mb100 img {
    border-radius: 2.781vw;
  }

  #module .module_title_bg1 {
    margin-bottom: var(--spacing-6xl);
  }

  #module .module_title_bg img {
    max-width: 100%;
  }

  #module .module_title_bg1 .module_title {
    white-space: wrap;
  }

  #module .module_free p {
    font-size: 3.625vw;
    line-height: 2;
  }

  :root {
    --font-size-xs: 1.823vw;
    --font-size-sm: 1.823vw;
    --font-size-md: 1.867vw;
    --font-size-lg: 1.867vw;
    --font-size-xl: 3.125vw;
    --font-size-xxl: 3.125vw;
    --font-size-xxxl: 4.167vw;
    --font-size-banner: 2.083vw;
    --font-size-banner-title: 4.167vw;
    --font-size-22: 1.867vw;
    --spacing-xxs: 0.586vw;
    --spacing-xs: 0.781vw;
    --spacing-sm: 2.344vw;
    --spacing-md: 1.563vw;
    --spacing-lg: 1.758vw;
    --spacing-xl: 2.344vw;
    --spacing-xxl: 2.93vw;
    --spacing-xxxl: 3.125vw;
    --spacing-4xl: 3.907vw;
    --spacing-5xl: 3.906vw;
    --spacing-6xl: 3.906vw;
    --spacing-7xl: 7.813vw;
    --spacing-8xl: 7.813vw;
    --border-radius-sm: 0.781vw;
    --border-radius-md: 1.563vw;
    --border-radius-lg: 5.86vw;
    --width-small: 1.953vw;
    --width-medium: 4.883vw;
    --width-large: 7.617vw;
    --height-small: 1.953vw;
    --height-medium: 5.957vw;
    --line-height-xl: 2.344vw;
  }
}

/*  媒体查询 - 480px (移动端)  */
@media screen and (max-width: 480px) {
  #module .pc {
    display: none;
  }

  #module .mo {
    display: block;
  }

  #module .module_nav.fixed {
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: left;
    top: 9.792vw;
  }

  #module .module_nav.fixed::-webkit-scrollbar {
    display: none;
  }

  #module .module_nav {
    white-space: nowrap;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: left;
  }

  #module .module_banner .module_banner_text {
    top: 20.833vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 100%;
  }

  #module .module_banner .module_banner_text .Wb_text1,
  #module .module_banner .module_banner_text .Wb_text2,
  #module .module_banner .module_banner_text .Wb_textH1,
  #module .module_banner .module_banner_text .Wb_textH2 {
    text-align: center;
  }

  #module .module_banner .module_banner_text .Wb_text2 span {
    display: inline-block;
    padding: 1.041667vw 2.083333vw 1.041667vw;
    border-radius: 6.25vw;
  }

  #module .module_banner .module_banner_text .Wb_text2 span img {
    width: 3.25vw;
  }

  #module .module_banner .module_banner_text .Wb_textH1 {
    margin: 5vw 0;
  }

  #module .module_banner .module_banner_text .Wb_textH1 span {
    font-size: var(--font-size-banner-title);
  }

  #module .module_banner .module_banner_text .Wb_textH2 {
    margin: 0 auto 5vw;
    font-size: 7.5vw;
  }

  #module .module_banner .module_banner_text .Wb_textH2 span {
    font-size: 6.25vw;
  }

  #module .module_banner .module_banner_text .Wb_textH2 .Wb_textH2_txt {
    font-size: 4.167vw;
  }

  #module .module_banner .banner-info-item-bg img {
    width: 65.25vw;
    height: 16.344vw;
  }

  #module .module_banner .banner-info-item.center img {
    width: 11.585938vw;
    margin-bottom: 3.210938vw;
  }

  #module .module_nav .nav-list {
    padding: 4.167vw;
  }

  #module #Ch2020_countdown_1 {
    flex-direction: column;
    justify-content: center;
    padding: 4.167vw 0;
    gap: 3.125vw;
  }

  #module #Ch2020_countdown_1 p,
  #module #Ch2020_countdown_1 span,
  #module #Ch2020_countdown_1 div {
    text-align: center;
    justify-content: center;
  }

  #module #Ch2020_countdown_2 .Ch2020_djs_time p {
    font-size: 3.125vw;
    margin-top: 2.167vw;
  }

  #module .module_coupon .module_coupon_L,
  #module .module_coupon .module_coupon_M,
  #module .module_coupon .module_coupon_S {
    justify-content: center;
  }

  #module .module_coupon .module_coupon_L .module_coupon_item,
  #module .module_coupon .module_coupon_M .module_coupon_item,
  #module .module_coupon .module_coupon_S .module_coupon_item {
    width: 85.208vw;
  }

  #module .NY_big .NY_goods_list {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  #module .NY_big .NY_big_img a img,
  #module .NY_middlebox .NY_img_box a img,
  #module .NY_smallbox .NY_img_box a img {
    width: 100% !important;
  }

  #module .scene.NY_big .NY_big_img {
    width: 100%;
  }

  #module .scene.NY_big .NY_big_text {
    padding-bottom: 5.5vw;
  }

  #module .NY_fourbox .NY_img_box a img {
    width: 90% !important;
    max-width: 100%;
  }

  #module .NY_big_po2 .NY_big_po2_t {
    font-size: 3.125vw;
  }

  #module .NY_big_po2 img {
    width: 10.625vw;
  }

  #module .NY_big .NY_big_text .NY_big_title {
    margin-top: 4.167vw;
  }

  #module .NY_big .NY_big_text .NY_big_title,
  #module .NY_title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  #module .NY_big .NY_big_text .NY_big_p,
  #module .sell-text,
  #module .sell-text p,
  #module .NY_big .NY_big_text .NY_big_title,
  #module .NY_title,
  #module .NY_big .NY_price,
  #module .NY_big .NY_buy_btn {
    text-align: center !important;
  }

  #module .footer-banner {
    margin-bottom: 3.333vw;
  }

  #module .footer-banner.col-md-list {
    flex-direction: column;
    margin-bottom: 3.333vw;
    gap: 3.333vw;
  }

  #module .footer-banner .col-md-item {
    width: 100%;
    text-align: center;
  }

  #module .NY_price,
  #module .NY_middlebox .NY_price,
  #module .NY_smallbox .NY_price {
    font-size: 4.167vw;
  }

  #module .NY_big_de {
    font-size: 4.125vw !important;
  }

  #module .module_title_bg {
    background: none;
    margin-bottom: var(--spacing-6xl);
  }

  #module .module_title_bg .module_title {
    transform: translate(0);
    padding: 0;
  }

  #module .module_title::before {
    display: none;
  }

  #module .module_free a {
    width: 48%;
  }

  :root {
    --font-size-xs: 1.823vw;
    --font-size-sm: 3.125vw;
    --font-size-md: 3.125vw;
    --font-size-lg: 3.125vw;
    --font-size-22: 3.125vw;
    --font-size-xl: 8.334vw;
    --font-size-xxl: 5.417vw;
    --font-size-xxxl: 5.458vw;
    --font-size-banner: 3.75vw;
    --font-size-banner-title: 9.624vw;
    --font-size-xxxxl: 4.167vw;
    --font-size-25: 3.75vw;
    --font-size-30: 4.167vw;
    --spacing-xxs: 0.586vw;
    --spacing-xs: 0.781vw;
    --spacing-sm: 3.458vw;
    --spacing-md: 2.083vw;
    --spacing-lg: 1.758vw;
    --spacing-xl: 3.167vw;
    --spacing-xxl: 2.93vw;
    --spacing-xxxl: 4.167vw;
    --spacing-4xl: 6.907vw;
    --spacing-5xl: 10.625vw;
    --spacing-6xl: 9.583vw;
    --spacing-7xl: 7.813vw;
    --spacing-8xl: 15vw;
    --spacing-60: 6.25vw;
    --spacing-12: 1.458vw;
    --spacing-45: 3.758vw;
    --spacing-47: 3.836vw;
    --spacing-42: 1.641vw;
    --spacing-53: 1.458vw;
    --border-radius-sm: 0.781vw;
    --border-radius-md: 1.563vw;
    --border-radius-lg: 5.86vw;
    --width-small: 1.953vw;
    --width-medium: 8.333vw;
    --width-large: 11.25vw;
    --height-small: 1.953vw;
    --height-medium: 10.625vw;
    --line-height-xl: 2.344vw;
  }
}