﻿
@charset "utf-8";  
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,det,details,dfn,div,dl,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{border:0}
a{text-decoration:none}a:visited {text-decoration:none;}a:hover {text-decoration: none;}a:active {text-decoration: none;}  

.noselect {-webkit-user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }     
	
.clearFloat::after{content: "";display: block;clear: both;zoom: 0;}	

.floatLeft{float: left;}
.floatRight{float: right;}

.main_warp{background:#971a22;
	overflow: hidden;margin: 0 auto;max-width: 1920px;font-family: "microsoft yahei";font-size: 16px;}
.main_warp a{display: block;width: 100%;height: 100%;}
.bg_public{
    margin: 0 auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
	/* background-size: 100% 100% !important; */
}
.main_warp .inner{	width: 1000px;margin: 0 auto;}
.main_warp img{margin: 0 auto;border: 0;}
.img_box img{width: 100%;height: auto;}
.main_warp .box{position: relative;}

.main_warp .inner img{display: block;}

/*banner*/
.banner{position: relative;}
.ba{height:368px;}
.ba1{background: url(../img/banner_01.jpg);}
.ba2{background: url(../img/banner_02.jpg);}
.ba3{background: url(../img/banner_03.jpg);}
.ba4{background: url(../img/banner_04.jpg);}
.ba5{background: url(../img/banner_05.jpg);}
.ba6{background: url(../img/banner_06.jpg);}
.ba7{background: url(../img/banner_07.jpg);}


/* title */
.title1{
	background: url(../img/title1.jpg);
	height: 344px;
}
.title2{
	background: url(../img/title2.jpg);
	height: 357px;
}
.title3{
	background: url(../img/title3.jpg);
	height:348px;
}

/* mk1 */
.mk1{
	background: url(../img/mk1bg_02.jpg) center repeat-y;
}

/* mk2 */
.mk2{
	background: url(../img/mk2bg_02.jpg) center repeat-y;
}

/* mk3 */
.mk3{
	background: url(../img/mk3bg_02.jpg) center repeat-y;
}


.mk_box .ztbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mk_box .ztbox .ztList{
	width: 485px;
	position: relative;
	margin-top: 28px;
}
.mk_box.mk1 .ztbox .ztList0{
	width: 1000px;
	margin-top: 0;
}

.mk_box .ztbox .ztList .fade_price{
	position: absolute;
	text-decoration: line-through;
	font-size: 22px;
	color: white;
	left: 0;
	right: 0;
	top: 500px;
	text-align: center;
}
.mk_box .ztbox .ztList .zt_price{
	position: absolute;
	color: #ffe993;
	font-size: 22px;
	bottom: 36px;
	display: inline-block;
	text-align: center;
	left:110px;
	line-height: 30px;
}
.mk_box .ztbox .ztList .zt_price strong{
	font-size: 34px;
	font-weight: 600;
}
.mk_box .ztbox .ztList .maker{
	position: absolute;
	color: #ffe993;
	font-size: 20px;
	width: 200px;
	left: 0;
	right: 0;
	margin: auto;
	top: 6px;
	text-align: center;
	line-height: 50px;
	height: 60px;
	background: url(../img/maker_03.png) no-repeat;
	background-size: 100%;
}

.mk_box.mk1 .ztbox .ztList0 .fade_price{
	left: 470px;
	top: 300px;
}
.mk_box.mk1 .ztbox .ztList0 .maker{
	left: 500px;
	top: 8px;
}
.mk_box.mk1 .ztbox .ztList0 .zt_price{
	bottom: 70px;
	left:611px;
}

/* å•†å“åˆ—è¡¨ */
.shopBox{
	/* display: flex;
	justify-content: space-between;
	flex-wrap: wrap; */
	margin-top: 20px;
	padding-bottom: 100px;
	/* flex-direction: row; */
}
.mk_box .shopList{
	width: 238px;
	border: solid 2px #f9d09c;
	border-radius: 15px;
	overflow: hidden;
	background: white;
	padding-bottom: 10px;
	margin-top: 15px;
	float: left;
	margin-left:10px ;
}
.mk_box .shopList:nth-child(4n-3){
	margin-left: 0;
}
.shopList .img_box{
	width: 238px;
	height: 238px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: pink;
}
.shopList .img_box img{
	width: 100%;
	height: auto;
}
.shopList .shop_name{
	font-size: 18px;
	color: black;
	box-sizing: border-box;
	padding: 5px 10px;
	text-align: center;
	height: 58px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.price_btn{
	box-sizing: border-box;
	padding: 0 6px;
	line-height: 20px;
}
.shopList .shop_price{
	color: #c01e16;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	float: left;
}
.shopList .shop_price .current_price{
	font-size: 18px;
}
.shopList .shop_price .current_price strong{
	font-size: 28px;
	font-weight: 400;
}
.shopList .shop_price .fade_price{
	text-decoration: line-through;
	color: #444444;
	text-align: left;
	height: 18px;
}
.shopList .shop_btn{
	float: right;
	width: 43px;
	height: 43px;
    background: url(../img/btn_03.jpg) no-repeat;
	background-size: 100%;
}

/* å”®ç½„ */
.icon_end{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/sq.png) no-repeat center center;
}
/* åº•éƒ¨ */
.footer_zt{
	height:302px;
	background: url(../img/footer.jpg);
	position: relative;
}
.footer_zt .inner{
	height: 100%;
	position: relative;
}
.back_top{
	width:314px;
	height: 104px;
	position: absolute;
	right: 0;
	top: 124px;
	margin: auto;
    cursor: pointer;
	overflow: hidden;
}