.active-popup{
  width: 240px;
  height: 400px;
  background: rgba(255, 255, 255, 0);
  position: fixed;
  right: 15px;
  top: 20%;
 z-index: 10;
}
.popup-close-box{
  width:100%;
  height:30px;
  position:relative;
}
.popup-close-box a{
  display: inline-block;
  width:30px;
  height:30px;
  position:absolute;
  right:0;
  z-index: 1111;
  background:url("../img/del-new.png")0 no-repeat;
}
.popup-content-box{
  width:100%;
  height:383px;
  background: url('../img/bg-new-product.png') 0 0 no-repeat;
}
.popup-content-box a{
  display: inline-block;
  width:100%;
  height:100%;
  text-decoration: none;
}
.popup-content-box a .product-name{
  font-size: 18px;
  line-height: 24px;
  color: #e1645a;
  margin:100px 10px 0 10px;
  text-align: center;
  font-weight: 700;
}
.popup-content-box a .product-desc{
  font-size: 16px;
  color: #000000;
  margin-top:25px;
  text-align: center;
  padding: 0 15px;
}
.popup-content-box a .enter-now{
  width: 150px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  margin-top:25px;
  border-radius: 17px;
  font-size: 16px;
  color: #ffffff;
  margin-left:20%;
  background:url("../img/btn-new.png") no-repeat center;
}
.con-coupon{
	position:relative;
	text-align:center;
	width:100%;
	height:8.875rem;
	z-index:99;
	vertical-align:middle;
}
.con-coupon .m-header-banner{
	width:100%;
	height:100%;
	background-size:auto 100%;
}
.con-coupon .coupon-link{
	display:flex;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	padding:0 5rem;
	background-color:#279f70;
	background:url(/img/promotion_bg_header.jpg) no-repeat 50%;
	background-size:cover}
.con-coupon .coupon-link span{
	display:inline-block;
	font-size:24px;
	color:#ffffff;
	line-height:1.875rem;
	font-family:Montserrat;
	font-weight:700
}
.con-coupon .coupon-btn{
	display:inline-block;
	line-height:3.25rem;
	margin-left:2.1875rem;
	cursor:pointer;
	padding:0 .9375rem;
	vertical-align:text-top;
	background:linear-gradient(0deg,#ff9600,#fff000);
	box-shadow:0 4px 0 0 rgba(134,70,0,.8),0 10px 20px 0 rgba(1,30,42,.29);
	border-radius:20px;
	min-width:9.875rem;
	height:3.5rem;
    color:#6a2f24;
	font-weight:700;
	font-size:1.525rem;
	white-space:nowrap
}
.con-coupon a{
		text-decoration: none !important;
        }
/*.con-coupon-m{
	width:100%;
	height:auto;
	background:linear-gradient(90deg,#ff7d7d,#f73f59)}
.con-coupon-m .coupon-link{
	position:relative;
	width:100%;
	background:none;
	padding:0
}
.con-coupon-m .coupon-link p{
	font-size:1.5rem;
	padding:2rem 1rem;color:#fff 
}*/
@media (max-width:1024px){
	.con-coupon .coupon-btn,.con-coupon .coupon-close-btn{
		display:none}}
@media (max-width:640px){
	.con-coupon .coupon-link span{
		font-size:1.2rem;
		padding:1rem}}

.coupon-close-btn{
	position:absolute;
	right:1.25rem;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	cursor:pointer;
	border:none;
	font-size:0;
	width:4.375rem;
	height:4.375rem;
	vertical-align:middle;
	opacity:.7}
.coupon-close-btn:after{
	transform:translate(-50%,-50%) rotate(45deg)}
.coupon-close-btn:after,.coupon-close-btn:before{
	content:"";
	border-radius:5px;
	height:2px;
	background:#1b0400;
	width:34px;
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%}
.coupon-close-btn:before{
	transform:translate(-50%,-50%) rotate(-45deg)}
.coupon-close-btn:hover{opacity:1}