@charset "utf-8";
a{
	text-decoration: none;
	font-family: Golos Text, sans-serif;
	color: #333;
	line-height: 1;
	font-size: 1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
}
html, body, div, h1, h2, h3,  dl, dt, dd, ol, textarea, img, table, th, td, article, aside, footer, ul, li, form, label,  p, span, applet, object, iframe,input, button, select, header, section{
	padding: 0;
	margin: 0;
	border: 0 none;
	color: #333;
	line-height: 1;
	font-size: 1rem;
	font-family: Golos Text, sans-serif;
	list-style: none;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
}
body{background-color: #f5f5f5; width:100%;}
a img{
	border: 0px none #f5f5f5;		
}
img{display:block;}
form{display:block;}
.clear{
	clear: both;
	display: block;
	float: none;
}
.height5{
	height: 5px;
	display:block;
}
.height10{
	height: 10px;
	display:block;
}
.height15{
	height: 15px;
	display:block;
}
.height20{
	height: 20px;
	display:block;
}
.height40{
	height: 40px;
	display:block;
}
header{
	height: 76px;
	background-color: #fff;
	box-shadow: 2px 2px 4px rgba(83,100,122,.04);
	width: 100%;
	display: block;
}
.head{
	margin: auto;
	height: 100%;
	width: 1200px;
	position: relative;
	display: block;
}
.head .logo{
	height: 50px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -25px;
	z-index: 99;
}
.head .logo h1{
	height: 100%;
	float: left;
	height: 16px;
	font-size: 16px;
	color: #404040;
	vertical-align: text-bottom;
	line-height: 16px;
	padding-top: 38px;
}
.head .logo h2{
	height: 100%;
	float: left;
	height: 16px;
	font-size: 16px;
	color: #404040;
	vertical-align: text-bottom;
	line-height: 16px;
	padding-top: 38px;
}
.head .h-box{
	width: 100%;
	height: 100%;
	padding-left: 230px;
	position: relative;	
}
.head .h-box .nav{
	height: 100%;
	width: 100%;
	padding-right: 400px;
}
.head .h-box .nav ul{
	height: 100%;
}
.head .h-box .nav ul li{
	float: left;
	height: 100%;
	margin-left: 30px;
	position: relative;
}
.head .h-box .nav ul li .hn-link{
	font-size: 16px;
	color: #333;
	text-align: center;
	height: 100%;
	text-transform: uppercase;
	font-weight: 500;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.head .h-box .nav ul li span{
	font-size: 16px;
	color: #333;
	text-align: center;
	height: 100%;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.head .h-box .nav ul li .nav_open{
	position: absolute;
	padding: 1rem;
	width: 17rem;
	top: 75px;
	z-index: 99;
	display: none;
	left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	transition: height .3s ease-in-out;
}
.head .h-box .nav ul li:hover .nav_open{display: block;}
.head .h-box .nav ul li .nav_open .nav_genres{
	width: 100%;		
}
.head .h-box .nav ul li .nav_open .nav_genres .n_genres_box{
	width: 100%;	
}
.head .h-box .nav ul li .nav_open .nav_genres .n_genres_box a{
	font-size: .875rem;
	color: #666;
	line-height: 1;
	width: 100%;
	padding: .75rem .5rem;
}
.head .h-box .nav ul li .nav_open .nav_genres .n_genres_box a:hover{background-color:#e8e8e8;border-radius:.1875rem}
.head .h-box .search_btn{
	height: 50px;
	width: 350px;
	font-size: 22px;
	color: #333;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
	z-index: 99;
}
.head .h-box .search_box{
	position: relative;
	top: 0px;
	right: 0px;
	background-color: #ececec;
	color: #000;
	width: 100%;
	height: 100%;
	z-index: 99;
	padding: 5px 0;
}
.head .h-box .search_box input[type="text"]{
	line-height: 40px;
	color: #555;
	float: left;
	height: 40px;
	width: 100%;
	outline: none;
	padding-left: 50px;
	padding-right: 10px;
	letter-spacing: 0.2px;
	background-color: #ececec;
}
.head .h-box .search_box input::-webkit-input-placeholder{color:#555; font-size: 1rem;}
.head .h-box .search_box input::-moz-placeholder{color:#555; font-size: 1rem;}
.head .h-box .search_box input:-moz-placeholder{color:#555; font-size: 1rem;}
.head .h-box .search_box input[type="submit"]{
	width: 50px;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
}
.head .h-box .search_box .sub-icon{
	width: 50px;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	color: #FFF;	
}
.head .h-box .search_box .sub-icon svg{
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.head .h-box .search_box .click_box{
	background-color: #FFF;
	width: 100%;
	position: absolute;
	left: 0px;
	padding: 10px;
	border: 1px solid #ccc;
	top: 55px;
	z-index: 5;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.head .h-box .search_box .click_box_hide{
	display: none;	
}
.head .h-box .search_box .click_box a{
	font-size: 14px;
	color: #333;
	display: table;
	float: left;
	line-height: 25px;
	padding-right: 7px;
	padding-left: 7px;
}
.head .h-box .search_box .click_box a:hover{
	background-color: #FF9700;
	color: #FFF;		
	border-radius: 5px;
}
.head .m-btn{
	position: absolute;
	top: 0;
	z-index: 110;
	display: none;
	width: 40px;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.head .m-nav{
	right: 0;		
}
.head .m-nav button{
	width: 40px;
	height: 40px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border: 0;
	background-color: transparent;
	position: relative;
}
.head .m-nav button .icon-left{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	height: 3px;
	width: 13px;
	top: 17px;
	background-color: #333;
	left: 7px;
}
.head .m-nav button .icon-left::before{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	width: 13px;
	height: 3px;
	background-color: #333;
	content: "";
	top: -7px;
	left: 0;
}
.head .m-nav button .icon-left::after{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	width: 13px;
	height: 3px;
	background-color: #333;
	content: "";
	top: 7px;
	left: 0;
}
.head .m-nav .btn-click .icon-left{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-color: transparent;
}
.head .m-nav .btn-click .icon-left::before{
	-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px);
	transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px);
}
.head .m-nav .btn-click .icon-left::after{
	-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px);
	transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px);
}
.head .m-nav button .icon-right{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	height: 3px;
	width: 13px;
	top: 17px;
	background-color: #333;
	left: 18px;
}
.head .m-nav button .icon-right::after{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	width: 13px;
	height: 3px;
	background-color: #333;
	content: "";
	top: 7px;
	left: 0;
}
.head .m-nav button .icon-right::before{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	width: 13px;
	height: 3px;
	background-color: #333;
	content: "";
	top: -7px;
	left: 0;
}
.head .m-nav .btn-click .icon-right{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-color: transparent;
}
.head .m-nav .btn-click .icon-right::after{
	-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px);
	transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px);
}
.head .m-nav .btn-click .icon-right::before{
	-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px);
	transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px);
}
.m-n-s-box{
	background-color: rgba(0,0,0,.5);
	height: calc(100% - 76px);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 76px;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	visibility: hidden;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
}
.mns-active{
	opacity: 1;
	visibility: visible;
}
.m-n-s-box .m-nav-box{
	width: 65%;
	float: right;
	height: 100%;
	padding: 2rem;
	background-color: #FFF;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.mns-active .m-nav-box{
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.m-n-s-box .m-nav-box ul{width: 100%;}
.m-n-s-box .m-nav-box ul li{
	width: 100%;
	padding: 1.25rem;
	text-align: left;
}
.m-n-s-box .m-nav-box ul .click-li i{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.m-n-s-box .m-nav-box ul li a{
	outline: 0;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	text-transform: uppercase;
	float: left;
	color: #666;
	font-size: 1.25rem;
	font-weight: 700;
	width: 100%;
}
.m-n-s-box .m-nav-box ul li .m-nav-item .m-nav-link a{font-size: .875rem; font-weight: 400;}
.m-n-s-box .m-nav-box ul li i{
	float: right;
	width: 24px;
	height: 24px;
	margin-right: 1rem;
	color: #666;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	font-size: 1.25rem;
}
.m-n-s-box .m-nav-box ul li .m-nav-item{
	width: 100%;
	padding-top: 1.25rem;
	display: none;
}
.m-n-s-box .m-nav-box ul li .m-nav-item .m-nav-link{
	width: 100%;
	margin-top: 15px;
	padding-left: 20px;
}
.m-n-s-box .m-nav-box ul li .m-nav-item a{
	text-transform: none;		
}
.m-n-s-box .m-nav-box ul li .m-nav-item-s{
	width: 100%;	
}
.m-n-s-box .m-nav-box ul li .m-nav-item-s .m-nav-link-s{
	float: left;
	width: auto;
	margin-top: 10px;
	padding-left: 10px;		
	padding-right: 10px;		
}
.m-n-s-box .m-nav-box ul li .m-nav-item-s .m-nav-link-s a{
	text-transform: none;
	text-decoration: underline;
}
section{width: 100%;}
.main{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	display: block;
}
.cols{
	min-height: 100vh;
	margin: 1rem auto;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;	
}
.row{
	margin: 0 -12px;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.row-justify-content-center{justify-content: center;}
.text-clamp-2, .text-clamp-3{
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
}
.text-clamp-2{-webkit-line-clamp: 2;}
.text-clamp-3{-webkit-line-clamp: 3;}
.main-title{
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;	
}
.main-title::before, .main-title::after{
	position: absolute;
	top: 50%;
	background-color: #ddd;
	content: "";
	height: 1px;
	width: 50%;	
}
.main-title::before{left: 0;}
.main-title::after{right: 0;}
.main-title h1, .main-title h2{
	padding: 0 14px;
	font-size: 2rem;
	font-weight: 600;
	background-color: #f5f5f5;
	z-index: 1;
	text-align: center;	
}
.coupon-wrapper{
	width: 50%;
	margin-bottom: 1rem;
	float: left;
	padding: 0 12px;
}
.coupon-wrapper .coupon-item{
	width: 100%;
	border: 1px solid #ececec;	
	background-color: #fff;
	padding: 1rem;
	position: relative;	
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	transition: all .25s;
}
.coupon-wrapper .coupon-item:hover{box-shadow:0 0 5px rgba(0,0,0,.1);}
.coupon-wrapper .coupon-item .coupon-left{
	line-height: 1.4;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex: 0 0 100px;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.coupon-wrapper .coupon-item .coupon-left .s-logo{max-width: 100%;}
.coupon-wrapper .coupon-item .coupon-left .s-logo img{max-width: 100%;}
.coupon-wrapper .coupon-item .coupon-left .number-box{
	line-height: 1.4;
	cursor: pointer;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.coupon-wrapper .coupon-item .coupon-left .number-box .number{
	color: #f9544b;
	font-size: 1.6rem;
	font-weight: 600;	
}
.coupon-wrapper .coupon-item .coupon-left .number-box .number-desc{
	color: #f9544b;
	font-size: 1.25rem;
	font-weight: 500;	
}
.coupon-wrapper .coupon-item .coupon-right{
	flex: 1;
	position: relative;	
}
.coupon-wrapper .coupon-item .coupon-right .coupon-title{
	height: 3.5rem;
	font-size: 1.25rem;
	color: #333;
	line-height: 1.4;
}
.coupon-wrapper .coupon-item .coupon-right .coupon-info{
	width: 100%;
	height: 37.6px;
	margin-top: 1rem;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: relative;
}
.coupon-wrapper .coupon-item .coupon-right .coupon-info .info-btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 175px;
	height: 100%;
	font-weight: 500;
	border-radius: 4px;
	padding: .25rem;
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
}
.coupon-wrapper .coupon-item .coupon-right .coupon-info .coupon-btn{
	background-color: #e4952d;
	background-image: linear-gradient(-90deg,rgba(88,56,153,.8),rgba(171,66,112,.8) 0,rgba(253,76,70,.8) 0,rgba(245,141,59,.8));
}
.coupon-wrapper .coupon-item .coupon-right .coupon-info .deal-btn{
	background-color: #34b96a;
}
.container{
	width: calc(100% - 22rem);
}
.container .coupon-wrapper{width: 100%;}
.container .coupon-wrapper .coupon-item{box-shadow: 0 1px 9px 1px rgba(0,0,0,.09); border: none;}
.container .coupon-wrapper .coupon-item .coupon-right{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.container .coupon-wrapper .coupon-item .coupon-right .coupon-det{
	flex: 1;
	position: relative;	
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn{
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex: 0 0 208px;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	position: relative;
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn{
	height: 3rem;
	line-height: 3rem;
	position: relative;
	width: 100%;
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn .get-code{
	margin-right: 38px;
	transition: margin .2s,padding .2s;
	background-color: #e4952d;
	background-clip: padding-box;
	background-image: linear-gradient(-90deg,rgba(88,56,153,.8),rgba(171,66,112,.8) 0,rgba(253,76,70,.8) 0,rgba(245,141,59,.8));
	border-radius: 1.4375rem 0 0 1.4375rem;
	left: 0;
	top: 0;
	z-index: 12;
	display: block;
	padding: 0 .5rem 0 1rem;
	max-width: 100%;
	color: #fff;
	border: 0;
	font-size: 16px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	position: relative;	
	font-weight: 500;
	line-height: 3rem;
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn:hover .get-code{
	margin-right: 50px;	
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn .get-code::before{
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background-color: #f95b41;
	position: absolute;
	z-index: 12;
	right: -13px;
	bottom: 0;
	transform: skew(34deg,0);	
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn .get-code span{
	padding: 0 1rem 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;	
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	cursor: pointer;
	font-weight: 500;
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn .c-code{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	color: #40423f;
	border: 2px dashed #ddd;
	border-radius: 1.4375rem;
	background-color: #f5f5f5;
	padding-right: 10px;
	font-weight: 700;
	text-align: right;
	word-wrap: break-word;
	font-size: 1.25rem;
	line-height: 2.625rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;	
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn .c-corner{
	height: 100%;
	position: absolute;
	display: block;
	width: 50px;
	border-radius: 0 0 4px 4px;
	top: 7px;
	right: 2px;
	transition: transform .2s,background-position .2s,background .2s;
	transform: rotate(22deg) translate(1px,-11px) scaleX(.9);
	background: linear-gradient(38deg,#ff6964,#ff6964 49%,rgba(202,235,137,0) 50%,hsla(0,0%,100%,0));
	background-position: 0 6px;
	background-repeat: no-repeat;
	z-index: 13;	
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .code-btn:hover .c-corner{
	background-position: -2px 2px;
	transform: rotate(23deg) translate(-7px,-2px) scaleX(1);	
}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn .btn-wrap .deal-btn{
	display: block;
	height: 3rem;
	line-height: 3rem;
	border-radius: .1875rem;
	font-size: 1.125rem;
	font-weight: 500;
	text-align: center;
	border-radius: 50px;
	font-weight: 500;
	background-color: #34b96a;
	color: #fff;
	width: 100%;
}
.store-info{
	width: 20rem;	
}
.store-info .slider-box{
	background-color: #fff;
	border-radius: .1875rem;
	box-shadow: 0 1px 9px 1px rgba(0,0,0,.09);
	margin-top: 1.25rem;
	padding: 1rem 1.25rem;
	width: 100%;
}
.store-info .slider-box:first-child{
	margin-top: 0;	
}
.store-info .slider-box .slider-logo{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.store-info .slider-box .slider-logo img{
  	width: 6.5rem;
  	height: 4.25rem;
  	max-width: 100%;
  	max-height: 100%;
  	-o-object-fit: contain;
  	object-fit: contain;
}
.store-info .slider-box .code-count{
	display: block;
	width: 100%;
	margin-top: 5px;
	font-size: 20px;
	text-align: center;
	line-height: 28px;
	color: #010101;
	font-weight: 900;
}
.store-info .slider-box .code-count span{
	color: #fcbb48;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	margin-right: 3px;	
}
.store-info .slider-box .slider-title{
	font-size: 1.2rem;
	color: #333;
	font-weight: 500;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.store-info .slider-box .slider-list{
	padding: 1rem 0 0;
	width: 100%;	
}
.store-info .slider-box .slider-list a{
	display: block;
	padding: .6rem 1.25rem;
	background: rgba(0,0,0,.06);
	margin: 0 0 .75rem;
	border-radius: .125rem;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	transition: all .3s ease;
	width: 100%;
}
.store-info .slider-box .slider-list a:hover{
	background: #fa6a48;
	color: #fff;	
}
footer{
  	display: block;
	max-width: 100%;
	background-color: #333;
	padding: 1rem 0;
	margin-top: 3rem;
}
footer .foot{
	padding: 1rem 0;
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	display: block;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
}
footer a{
	margin-right: 20px;
	margin-left: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;	
}
footer p{
	border-top: 1px solid #999;
	color: #FFF;
	text-align: center;
	width: 100%;
	padding-top: 1rem;
}
@media screen and (max-width:1220px){
header{padding: 0 15px;}
.head{width: 100%;}
.head .h-box .nav{display: none;}
.head .h-box .search_btn{position: relative; left: 0; right: unset; width: 100%; padding-right: 60px;}
.head .m-nav{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;	
}
}
@media screen and (max-width:1024px) {
.coupon-wrapper{width: 100%;}
.container{width: 100%;}
.store-info{width: 100%;}
.cols{display: inline-block;}
}
@media screen and (max-width:750px) {
.container .coupon-wrapper .coupon-item .coupon-right{display: inline-block;}
.container .coupon-wrapper .coupon-item .coupon-right .coupon-det{width: 100%;}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn{width: 60%; margin: auto; margin-top: 10px;}
}
@media screen and (max-width:620px){
html{font-size: 14px;}
header{height: 57px;}
.head .logo{width: 140px;}
.head .h-box{padding-left: 155px;}
.head .h-box .search_btn{height: 36px; margin-top: -18px;}
.head .h-box .search_box input[type="text"]{height: 26px;}
.head .h-box .search_box .sub-icon svg{
	width: 25px;
	height: 25px;
	margin-top: -12.5px;
	margin-left: -12.5px;	
}
.m-n-s-box{height: calc(100% - 57px); top: 57px;}
.m-n-s-box .m-nav-box ul li{padding: 1.25rem 0;}
.m-n-s-box .m-nav-box ul li a{font-size: 1rem;}
.m-n-s-box .m-nav-box ul li i{font-size: 1rem;}
.store-wrapper{width: 50%;}
.coupon-wrapper .coupon-item .coupon-left{flex: 0 0 80px;}
.coupon-wrapper .coupon-item .coupon-right .coupon-info{display: inline-block; height: auto;}
.coupon-wrapper .coupon-item .coupon-right .coupon-info .info-btn{position: static; margin-top: 10px; height: 37.6px;}
}
@media screen and (max-width:460px) {
.coupon-wrapper .coupon-item .coupon-right .coupon-info .info-btn{width: 100%;}
.container .coupon-wrapper .coupon-item .coupon-right .cp-btn{width: 100%;}
}