:root {
	--bg-img: url("https://resource.xp-pen.com/img/active_list/ChristmasDay23/bg1.webp");
	--bg-img2: url("https://resource.xp-pen.com/img/active_list/ChristmasDay23/bg2.webp");
	--bg-color:#fff;
	--main-family:"Gilroy";
	--price-family:"Gilroy";
	--title-family:"Gilroy";
	--main-color:#fff;
	--img-wd:1rem;
	--fz14:0.14rem;
	--fz16:0.16rem;
	--fz18:0.18rem;
	--fz24:0.24rem;
	--fz30:0.30rem;
	--fz36:0.36rem;
	--fz48:0.48rem;
	--goods-item-bg:linear-gradient(0deg, #E9FAFD, #FEE0D8);
  }
  
  .module_banner {
	--bn-title-family:"Gilroy";
	--bn-count-family:"Gilroy";
	--bn-text-t:10%;
	--bn-text-l:10%;
	--bn-title-fz:0.72rem;
	--bn-title-color:#F9F7F8;
	--bn-title-stoke-color:#031437;
	--bn-remark-fz:0.53rem;
	--bn-remark-color:#fff;
	--bn-date-fz:0.24rem;
	--bn-free-fz:0.24rem;
	--bn-date-color:#fff;
	--bn-info-mg:0.1rem;
	--discount-fz:0.6rem;
  }
  
  .module_NavFixed {
	--nav-text-color:#8E0709;
	--nav-bg-color:#F6A538;
	--nav-active-color:#8E0709;
	--nav--text-ac-color:#fff;
  }
  
  #Ch2020_countdown {
	--cd-bg-color:#084A36;
	--cd-bd-color:#FFFAE9;
	--text-color:#F9F7F8;
	--time-color:#F9F7F8;
	--time-fz:0.64rem;
	--countdown-imgL-transform:translate(20%, -50%);
	--countdown-imgR-transform:translate(-35%, -50%);
  }

  .module_free {
	--free-color:#fff;
	--item-wd:23.75%;
  }
  #module .module_free a img,#module .module_coupon .coupon-item img{
	max-width: 100%;
} 
  .module_coupon {
	--item-wd:24%;
	padding-top: 0.5rem;
  }
  
  .module_w1400 {
	--title-color:#8E0709;
	--title-stroke-color:#140266;
	--title-transform:translate(-50%, 58%);
	--goods-title-color:#101010;
	--current-price-color:#D3111E;
	--origin-price-color:#000000;
	--buy-btn-color:#2C2C2C;
	--discount-xl-img-wd:.9rem;
	--discount-M-img-wd:0.5rem;
	--discount-S-img-wd:0.66rem;
  }
  
  .NY_More {
	--text-color:#530A0B;
	--bg-color:#F9F7F8;
	--boder-radius:0.1rem;
	--padding: 0.22rem 0.57rem;
  }
  
  #module .NY_smallbox .NY_img_box img{max-width: 388px;}
  #module  .NY_big.reverse .NY_big_po2{left: 50%;}
  @media screen and (max-width: 750px) {
	html {
	  font-size: 100PX;
	  font-size: 13.0208vw;
	}
	.module_free {
	  --item-wd:48%;
	}
	.module_coupon {
	  --item-wd:48%;
	}
	#Ch2020_countdown {
	  --countdown-imgL-transform:translate(-0.2rem, -50%);
	  --countdown-imgR-transform:translate(0.2rem, -50%);
	}
	#module .NY_big .NY_big_po2 .NY_big_po2_t{
		font-size: .28rem;
		line-height: .28rem;
	}
	#module .NY_big .NY_big_po2 .NY_big_po2_t span{
		font-size: .24rem;
	}
	#module .NY_big .NY_goods_list .NY_big_po2{
		top: 5% ;
	}
  }
  html {
	font-size: 100PX;
	font-size: 5.2083333333vw;
  }
  
  #module div {
	font-size: initial;
  }
  #module img {
	/* max-width: -moz-max-content;
	max-width: max-content; */
	width: 100%;
	height: auto;
  }
  #module .pc {
	display: block;
  }
  #module .mo {
	display: none;
  }
  #module h1, #module h2, #module p, #module span {
	font-family: var(--main-family);
	color: var(--main-color);
	font-size: 0.16rem;
	text-align: center;
  }
  #module .flex-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  #module .module_w1400 {
	max-width: 14rem;
	margin: 0 auto;
	padding: 0 0.2rem;
  }
  #module .module_bg_box1 {
	background: var(--bg-img);
	padding-bottom: 0.6rem;
	background-size: cover;
  }
  #module .module_bg_box2{
	background: var(--bg-img2);
	padding-bottom: 0.8rem;
	background-size: cover;
  }
  
  #module .module_banner {
	position: relative;
  }
  #module .module_banner .pc {
	max-width: 100%;
  }
  #module .module_banner .module_banner_text {
	position: absolute;
  }
  #module .module_banner .module_banner_text.center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -147%);
	text-align: center;
  }
  #module .module_banner .module_banner_text.top {
	top: var(--bn-text-top);
	left: 50%;
	transform: translate(-50%, 0);
  }
  #module .module_banner .module_banner_text.left {
	top: var(--bn-text-t);
	left: var(--bn-text-l);
  }
  #module .module_banner .module_banner_text.bottom {
	bottom: var(--bn-text-t);
	left: 50%;
	transform: translate(-50%, 0);
  }
  #module .module_banner .module_banner_text.right {
	top: var(--bn-text-t);
	right: var(--bn-text-l);
  }
  #module .module_banner .module_banner_text .banner-info-item.center {
	margin: var(--bn-info-mg) 0;
  }
  #module .module_banner .module_banner_text .Wb_textH1 {
	text-align: center;
	font-size: var(--bn-title-fz);
	color: var(--bn-title-color);
	font-family: var(--bn-title-family);
	z-index: 2;
	position: relative;
	width: 100%;
	text-transform: uppercase;
	margin: .15rem 0 .2rem;
	font-weight: bold;
  }
  #module .module_banner .module_banner_text .Wb_textH1.stroke {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-text-stroke: 5px var(--bn-title-stoke-color);
	text-stroke: 5px var(--bn-title-stoke-color);
  }
  #module .module_banner .module_banner_text .Wb_textimgbox {
	font-size: var(--bn-remark-fz);
	color: var(--bn-remark-color);
	position: relative;
	height: .62rem;
  }
  #module .module_banner .module_banner_text .Wb_textimgbox .txt_zk {
	font-size: var(--discount-fz);
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 100%;
	z-index: 2;
	font-weight: bold;
	font-family: Gilroy;
	color: #ffde00;
  }
  #module .module_banner .module_banner_text .Wb_textimgbox .txt_bg{
	position: absolute;
	background-color: #2B0000;
	width: 70%;
	height: .36rem;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translate(-50%);
  }
  #module .module_banner .module_banner_text .Wb_text1 {
	font-size: var(--bn-date-fz);
	color: var(--bn-date-color);
	margin-top: .15rem;
  }
  #module .module_banner .module_banner_text .Wb_text2{
	font-size: var(--bn-free-fz);
  }
  #module .module_NavFixed {
	max-width: 1.8rem;
	position: fixed;
	right: 0.95rem;
	top: 35%;
	z-index: 99;
	display: none;
	text-align: center;
  }
  #module .module_NavFixed .nav-list {
	color: #8E0709;
	font-weight: bold;
	text-align: center;
	background-color: var(--nav-bg-color);
	border: 2px solid #FFFFFF;
	border-radius:0 .2rem .1rem 0.1rem;
	margin-bottom: 0.2rem;
	min-height: 0.73rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
  }
   #module .module_NavFixed .nav-list.active {
	background-color: var(--nav-active-color);
	color: var(--nav--text-ac-color);
  }
  #module .module_NavFixed .module_NavFixed_pimg{
	text-align: center;
  }
  #module .module_NavFixed .module_NavFixed_pimg img {
	width: var(--img-wd);
  }
  #module .Ch2020_countdown {
	max-width: 10rem;
	width: 100%;
	margin: 0 auto;
	padding: 0.6rem 0.2rem 0;
  }
  #module .Ch2020_countdown p, #module .Ch2020_countdown span {
	font-weight: bold;
  }
  #module .Ch2020_countdown_opacity {
	position: relative;
	padding: 0.3rem 0.2rem;
	margin: 0 auto 0.6rem;
	border-radius: 0.1rem;
	background-color: var(--cd-bg-color);
	border: 0.05rem solid var(--cd-bd-color);
  }
  #module .Ch2020_cd_box {
	max-width: 5.6rem;
	margin: 0 auto;
  }
  #module .Ch2020_cd_title {
	color: var(--text-color);
	font-size: var(--fz18);
	margin-bottom: 0.1rem;
  }
  #module .Ch2020_cd_djs {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 5;
  }
  #module .Ch2020_djs_time span {
	color: var(--time-color);
	font-size: var(--time-fz);
  }
  #module .Ch2020_djs_time p {
	font-size: var(--fz18);
	color: var(--text-color);
  }
  #module .Ch2020_seperator {
	font-size: var(--time-fz);
	color: var(--time-color);
	line-height: 1.1;
  }
  #module .countdown_img {
	position: absolute;
	top: 50%;
	z-index: 1;
  }
  #module .countdown_img img {
	width: var(--img-wd);
  }
  #module .countdown_img_L {
	left: 0;
	transform: var(--countdown-imgL-transform);
  }
  #module .countdown_img_R {
	right: 0;
	transform: var(--countdown-imgR-transform);
  }
  #module .module_free {
	padding: 0.6rem 0;
  }
  #module .module_free a {
	display: block;
	width: var(--item-wd);
	margin-bottom: 0.4rem;
	text-align: center;
  }
  #module .module_free .module_free_p {
	text-align: center;
	color: var(--free-color);
	font-size: var(--fz24);
  }
  #module .module_coupon .coupon-item:hover{
	cursor: pointer;
  }
  #module .module_coupon .coupon-item {
	width: var(--item-wd);
	text-align: center;
	margin-bottom: 0.2rem;
  }
  #module .module_title {
	position: relative;
	margin: 0rem 0 0.6rem;
	text-align: center;
	padding-top: 1rem;
  }
  #module .module_title .BF_text {
	font-size: 0.36rem;
	font-weight: bold;
	color: var(--title-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: var(--title-transform);
	z-index: 2;
	width: 100%;
  }
  #module .module_title .BF_text span {
	color: #000000;
	font-size: var(--fz18);
	font-weight: 500;
  }
  #module .module_title .BF_text.stroke {
	-webkit-text-stroke: 0.03rem var(--title-stroke-color);
	text-stroke: 0.03rem var(--title-stroke-color);
	z-index: 1;
  }
  #module .module_title img {
	max-width: var(--img-wd);
  }
  #module .module-subtitle {
	font-size: var(--fz36);
	margin-bottom: 0.4rem;
	font-weight: bold;
	color: var(--title-color);
  }
  #module .NY_big, #module .NY_md, #module .NY_sb, #module .NY_fo {
	background: var(--goods-item-bg);
	box-shadow: 0px 0.1rem 0.06rem 0px rgba(4, 23, 17, 0.17);
	border-radius: 0rem;
	position: relative;
  }
  #module .NY_big {
	padding: 0.75rem;
	margin-bottom: 0.36rem;
	position: relative;
  }
  #module .NY_md{
	padding: .35rem 0.16rem 0.45rem;
  }
   #module .NY_sb {
	padding: .2rem 0.16rem 0.35rem;
  }
  #module .NY_fo {
	padding: 0.1rem 0.16rem 0.2rem;
  }
  #module .NY_goods_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  }
  #module .NY_img_box {
	position: relative;
	text-align: center;
	padding-top: 0.16rem;
  }
  #module .NY_middlebox .NY_img_box a img{
	max-width: 3.88rem;
  }
  #module .NY_big_po2 {
	position: absolute;
	top: 0;
	left: 5%;
  }
  #module .NY_big_po2 img {
	width: var(--discount-xl-img-wd);
  }
  #module .NY_big_po2 .NY_big_po2_t {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%);
	font-size: 0.22rem;
	line-height: 0.18rem;
	font-family: Gilroy;
  }
  
  #module .NY_big_po2 .NY_big_po2_t span {
	font-size: 0.18rem;
  }
  #module .NY_big .NY_big_po2{
	top: 15%;
	left: 5%;
  }
  #module .sell-text {
	font-size: var(--fz18);
	font-weight: 600;
	color: #000;
	line-height: 1.5;
	text-align: center;
	opacity: 0.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0.1rem 0;
  }
  #module .sell-text span {
	font-size: var(--fz18);
	font-weight: 600;
	color: #000;
  }
  #module .NY_big_img {
	width: 50%;
	text-align: center;
  }
  #module .NY_big_text {
	width: 45%;
  }
  #module .NY_big_text p {
	text-align: left;
	overflow: hidden;
  /* text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 4;
  box-orient: vertical;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical; */
  }
  #module .NY_big_text .NY_buy_btn {
	text-align: left;
  }
  #module .NY_big_title {
	font-size: var(--fz36);
	color: var(--goods-title-color);
	font-family: Montserrat;
	margin-bottom: 0.24rem;
	font-weight: bold;
  }
  #module .NY_big_title a {
	color: var(--goods-title-color);
  }
  #module .NY_big_p {
	font-size: var(--fz18);
	color: #31221C;
	opacity: 0.9;
	margin: 0.24rem 0 0.3rem;
	line-height: 2;
	font-weight: bold;
  }
  #module .NY_big_p span {
	color: #000;
	font-size: var(--fz18);
  }
  #module .NY_price {
	text-align: center;
	margin: 0.24rem 0 0.1rem;
	font-family: var(--price-family);
  }
  #module .NY_price span {
	font-size: var(--fz36);
	color: var(--current-price-color);
	font-weight: bold;
  }
  #module .NY_price em {
	text-decoration: line-through;
	font-style: normal;
	white-space: nowrap;
	color: var(--origin-price-color);
	font-size: 0.18rem;
  }
  #module .NY_buy_btn {
	text-align: center;
	margin: 0 0 0.24rem;
	font-size: 0.18rem;
	color: #2C2C2C;
  }
  #module .NY_buy_btn a {
	display: inline-block;
	font-weight: 400;
	font-size: var(--fz18);
	color: var(--buy-btn-color);
	line-height: 1;
  }
  #module .NY_buy_btn:hover, #module .NY_buy_btn a:hover{
	color: #fe4b04;
  }
  #module .NY_middlebox {
	width: 48%;
	margin-bottom: 0.4rem;
  }
  
  #module .NY_md .NY_title{
	margin-bottom: .2rem;
  }
  #module .NY_title {
	display: block;
	text-align: center;
	color: var(--goods-title-color);
	font-size: var(--fz24);
	margin-top: 0.24rem;
	font-weight: 500;
  }
  #module .NY_smallbox {
	width: 32%;
	margin-bottom: 0.36rem;
  }
  #module .NY_smallbox .NY_big_po2 img {
	width: .76rem;
  }
  #module .NY_smallbox .NY_title {
	min-height: 0.62rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  #module .NY_sb_price span {
	font-size: var(--fz24);
  }
  #module .NY_fourbox {
	width: 24%;
	margin-bottom: 0.24rem;
  }
  #module .NY_fourbox .NY_title {
	font-size: var(--fz24);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
  }
  #module .NY_fourbox .NY_big_po2 .NY_big_po2_t {
	font-size: var(--fz18);
	line-height: 0.18rem;
  }
  #module .NY_fourbox .NY_big_po2 .NY_big_po2_t span {
	font-size: var(--fz14);
  }
  #module .NY_fourbox .NY_big_po2 img {
	width: var(--discount-S-img-wd);
  }
  #module .NY_More {
	width: 100%;
	height: auto;
	text-align: center;
  }
  #module .NY_More a {
	min-width: 22%;
	display: inline-block;
	font-size: var(--fz36);
	color: var(--text-color);
	line-height: 1;
	padding: var(--padding);
	background: var(--bg-color);
	border-radius: var(--boder-radius);
	font-weight: bold;
	border: .02rem solid #D3111E;
  }
  #module .footer-banner {
	margin-bottom: 2.0833333333vw;
  }
  #module .footer-banner img {
	margin: 0 auto;
  }
  #module .footer-banner.col-md-list {
	display: flex;
	justify-content: space-between;
  }
  #module .footer-banner .col-md-item {
	width: 49%;
	text-align: center;
  }

  #module .NY_big_de {
	position: absolute;
	right: 0.2rem;
	top: 0;
	font-size: .36rem;
	font-weight: bold;
	color: #fff;
	background-color: #db0000;
	padding: 0rem 0.2rem;
}

#module .NY_smallbox .NY_big_de{
	font-size: .26rem;
}
#module .NY_fourbox .NY_big_de{
	font-size: .20rem;
}
  @media screen and (max-width: 1000px) {
	html {
	  font-size: 100PX;
	  font-size: 10vw;
	}
	#module .pc {
	  display: none;
	}
	#module .mo {
	  display: block;
	}
	#module .module_NavFixed {
	  display: none !important;
	}
	#module .NY_big_img {
	  width: 100%;
	  text-align: center;
	  margin-bottom: 0.4rem;
	}
	#module .NY_big_text {
	  width: 100%;
	}
	#module .NY_big_text p {
	  text-align: center;
	}
	#module .NY_big_text .NY_buy_btn {
	  text-align: center;
	}
	#module .NY_buy_btn {
	  margin-top: 0.15rem;
	}
	#module .NY_big_p {
	  font-size: var(--fz24);
	  line-height: 1.5;
	}
	#module .NY_big_p span {
	  font-size: var(--fz24);
	}
	#module .NY_price {
	  margin: 0.3rem 0 0.2rem;
	}
	#module .NY_price span {
	  font-size: var(--fz48);
	}
	#module .NY_price em {
	  font-size: var(--fz30);
	}
	#module .NY_md, #module .NY_sb, #module .NY_fo {
	  padding: 0.1rem 0.15rem 0.2rem;
	}
	#module .NY_price {
	  margin: 0.2rem 0 0;
	}
	#module .NY_price span {
	  font-size: var(--fz30);
	}
	#module .NY_price em {
	  font-size: var(--fz16);
	}
	#module .NY_smallbox, #module .NY_fourbox {
	  width: 49%;
	}
	#module .NY_smallbox .NY_big_po2 img, #module .NY_middlebox .NY_big_po2 img, #module .NY_fourbox .NY_big_po2 img {
	  width: var(--discount-S-img-wd);
	}
	#module .NY_smallbox .NY_big_po2 .NY_big_po2_t, #module .NY_middlebox .NY_big_po2 .NY_big_po2_t, #module .NY_fourbox .NY_big_po2 .NY_big_po2_t {
	  font-size: 0.22rem;
	  line-height: 0.18rem;
	}
	#module .NY_smallbox .NY_big_po2 .NY_big_po2_t span, #module .NY_middlebox .NY_big_po2 .NY_big_po2_t span, #module .NY_fourbox .NY_big_po2 .NY_big_po2_t span {
	  font-size: 0.18rem;
	}
	#module .NY_big_po2{left: 0;}
	#module .module_banner .module_banner_text.center {
	transform: translate(-50%, -115%);
	}
	#module .countdown_img img{
		opacity: .8;
		z-index: 0;
	}
	#module .module_banner .module_banner_text .Wb_textH1{
		line-height: .8rem;
	}
	#module .NY_fourbox .NY_title{
		font-size: .24rem;
	}
	#module .module_banner .module_banner_text .Wb_textimgbox .txt_bg{
		width: 100%;
	}
	#module .NY_md .NY_title{margin-bottom: 0;}
	#module  .NY_big.reverse .NY_goods_list .NY_big_img{order: 1;}
	#module  .NY_big.reverse .NY_goods_list .NY_big_text{order: 2;}
	#module  .NY_big.reverse .NY_big_po2{left: 5%;}
  }/*# sourceMappingURL=module.css.map */
  
  /* Ch2020_icon */
#us21_spring .Ch2020_icon{max-width: 12rem; padding: 0rem .2rem .7rem;box-sizing: border-box; margin: 0 auto;display: flex;justify-content: center;}
#us21_spring .Ch2020_icon a{margin-right: .4rem; display: inline-block;text-decoration: none;padding: .15rem;box-sizing: border-box;line-height: 1;border: 1px solid #FFFFFF;border-radius: .1rem; background: rgba(0, 0, 0, 0.5);transition: all .2s;}
#us21_spring .Ch2020_icon a:last-child{margin-right: 0;}
#us21_spring .Ch2020_icon a em {font-size: var(--fz36);color: #fff;font-weight: 400;line-height: 1;transition: all .2s;}
#us21_spring .Ch2020_icon a:hover{background: #fff;}
#us21_spring .Ch2020_icon a:hover .x5_fb{color: #385899;}
#us21_spring .Ch2020_icon a:hover .x5_tw{color: #00aced;}
#us21_spring .Ch2020_icon a:hover .x5_in{color: #e20c35;}
#us21_spring .Ch2020_icon a:hover .x5_yt{color: #ff011d;}
@media screen and (max-width: 768px ){#us21_spring .Ch2020_icon{padding: 0.3rem .2rem .7rem;}}
@media screen and (max-width: 480px ){#us21_spring .Ch2020_icon a em {font-size: .28rem;}#us21_spring .Ch2020_icon a {margin-right: .2rem;}}
@media screen and (max-width: 400px ){#us21_spring .Ch2020_icon a { padding: .12rem;}}