@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a{
	margin:0;padding:0;
}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{font-size:62.5%; height:100%;background-color:#b3b3b3;}
body{font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;max-width:640px; margin:0 auto; background-color:#fff; min-height:100%; overflow:auto; }
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%; border:0;}
input[type=submit] {-webkit-appearance: none;}/*去掉苹果的默认UI来渲染按钮*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
table{border-collapse:collapse;}
.bg-fff{background-color:#fff;}
.bg-f0{background-color:#f0f0f0;}
.pull-left{float:left;}
.pull-right{float:right;}
.t-o-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.t-o-2{display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-center{text-align:center;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
.lazy {background: #fafafa url("../assets/images/loading.gif") no-repeat scroll 50% 50%;}
.fenge1{height:10px;background:#f6f6f6;}
.fenge5{height:1px;background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #f3f3f3), to(#f3f3f3)) left bottom repeat-x;background-size: 100% 1px; margin-top:5px; }
.fenge6{height:1px;}
.main{width:100%;max-width:640px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>640?"640px":""); margin:0 auto; background:#ffffff;}
header{
	background-color:#df3031;
	padding:0.5em 0;
	color:#fff; 
	font-size:1.8rem;
	line-height:30px;
}
header .h-left{
	display:block;
	width:40px;
	height:30px;
	color:#fff;
	float:left;
	background:url(../images/return.png) no-repeat center;
	background-size: 24px;
}
header .h-left{
	display:block;
	width:40px;
	height:30px;
	color:#fff;
	float:left;
	background:url(../images/return.png) no-repeat center;
	background-size: 24px;
}
header .search-btn-p{
	background: url(../images/icon_search_white.png) 3px 3px no-repeat;
    height: 24px;
    border-bottom: 1px #ffa6a6 solid;
    padding-left: 26px;
    background-size: 18px 16px;
    font-size: 1.4rem;
    margin: 2px 50px 4px 50px;
    line-height: 24px;
}
header .h-right,header .menu{
	text-align:right;
	float:right;
	margin-right:5px;
	width:40px;
	height:30px;
	background:url(../images/nav.png) no-repeat center;
	background-size:26px;
	cursor:pointer;
}
header .home{
	display:block;
	width:40px;
	height:30px;
	color:#fff;
	float:left;
	background:url(../images/home.png) no-repeat center;
	background-size: 26px;
	margin-left:8px;
}
header .title-name{
	font-size:1.6rem;
	margin:0 10px;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.slide-nav-box{
	position:fixed;
	width:100%;
	max-width:640px;
	height:100%;
	top:0;
	left:-100%;
	background-color:transparent;
	z-index:10;
	overflow:hidden;
}
.slide-nav{
	width:70%;
	background-color:rgba(0,0,0,0.8);
	overflow:auto;
	height: 100%;
}

.slide-nav li{
	width:100%;
	border-bottom:1px #8a8a8a solid;
}
	
.slide-nav li a{
	display:block;
	font-size:2rem;
	color:#fff;
	padding:0.8em 0 0.8em 1.5em;
}

nav{
	padding:0.5em 0;
	border-bottom:1px #dedede solid;
	background-color:#f8f8f8;
}
nav a{
	display:block;
	float:left;
	width:20%;
	font-size:1.4rem;
	text-align:center;
	color:#333;
	line-height:2.5em;
}
.proxl_nav a{
	display:block;
	float:left;
	width:20%;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	height:50px;
	line-height:48px;
	background-color:#f5f5f5;
	color:#333;
	position:relative;
}
.proxl_nav .shouye{
	color:#df3031;
	border-bottom:2px #df3031 solid;
}
.fenge1{
	height:10px;
	background-color:#f6f6f6;
	border-top:1px #e8e8e8 solid;
	border-bottom:1px #e8e8e8 solid;
}
.pro-block .tit{
	border-bottom:2px #df3031 solid;
	padding:1em 15px 0.5em;
}
.pro-block .tit .tit-name{
	font-size:1.8rem;
	font-weight:bold;
	color:#df3031;
}
.pro-block .tit .more-btn,.pro-block .tit .nav-btn,.pro-block .tit .more-btn,.pro-block .tit .brand-btn{
	float:right;
	font-size:1.4rem;
	color:#333;
	margin: 5px auto 0;
}
.pro-block .pro-list li{
	width:50%;
	float:left;
}
.pro-block .pro-list li:nth-child(odd){
	padding:15px 7px 15px 15px;
}
.pro-block .pro-list li:nth-child(even){
	padding:15px 15px 15px 7px;
}
.pro-block .pro-list li .img-box{
	text-align:center;
	border:1px #f5f5f5 solid;
	height:110px;
	overflow:hidden;
}
.pro-block .pro-list li .img-box img{
	width:100%;
	display:block;
}
.pro-block .pro-list li .pro-name{
	background-color:#f5f5f5;
	padding: 5px 10px;
}
.pro-block .pro-list li .pro-name a{
	font-size:1.6rem;
	color:#333;
	height:44px;
	line-height:22px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.pro-tit{
	height:40px;
	border-bottom:2px #ce0000 solid;
	position:relative;
	margin:10px 10px 0;
}
.pro-tit span.con{
	display:block;
	position:absolute;
	padding:6px 13px;
	border:1px #b90001 solid;
	border-radius:8px 8px 0 0;
	font-size:1.6rem;
	color:#fff;
	background:#191919;
	background: -webkit-linear-gradient(#f10001, #c31e1f 72% , #c61415 13% ,#de0708); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#f10001, #c31e1f 72% , #c61415 13% ,#de0708); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#f10001, #c31e1f 72% , #c61415 13% ,#de0708); /* Firefox 3.6 - 15 */
	background: linear-gradient(#f10001, #c31e1f 72% , #c61415 13% ,#de0708); /* 标准的语法 */
	bottom:-2px;
}
.pro-tit span.con.max-width{
	max-width:82%
}
.pro-fea,.pro-reason{
	margin:0 15px;
	background-color:#f6f6f6;
	padding:10px;
	font-size:1.4rem;
	line-height:1.8em;
	color:#333;
	max-height:200px;
	overflow:auto;
}


.pro-show{
	margin:0 15px;
	height:340px;
	position:relative;
	background-color:#f6f6f6;
}
.pro-show .swiper-slide{
	text-align:center;
	position:relative;
	height:340px;
	vertical-align:middle;
}
.pro-show .swiper-slide img{
	max-width:100%;
	max-height:300px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%); 	/* IE 9 */
	-moz-transform:translate(-50%,-50%); 	/* Firefox */
	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
	-o-transform:translate(-50%,-50%); 	/* Opera */
}
.pro-show .swiper-slide .pro-name{
	position:absolute;
	width:100%;
	height:40px;
	background:rgba(0,0,0,0.8);
	color:#fff;
	font-size:1.4rem;
	line-height:40px;
	bottom:0;
}
.pro-show .swiper-pagination{
	width:60px;
	height:30px;
	top:-26px;
	right:10px;
	left:auto;
	font-size:1.6rem;
}
.pro-show .swiper-pagination-current{
	color:#df3031;
}

.m-top30{
	margin-top:30px;
}
.message-tit{
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-color: #e44;
    padding: 8px 0;
    color: #fff;
	margin-top:20px;
}
.message-tit .text-pc{
	display:none;
}
@media only screen and (min-width : 640px){
.pro-block .pro-list li .img-box{
	height:195px;
}
.message-tit .text-mobile{
	display:none;
}
.message-tit .text-pc{
	display:block;
}
.pro-tit span.con.max-width{
	max-width:540px
}
}
.ProBox{ background:#FFF;}
.ProBox p{ text-indent:2em; margin-top:3%; margin-bottom:3%;color:#1c1c1c;}
.ProBox a{ color:#1c1c1c}
.ProBox p img{width:100%;height:auto;display:block; margin:0 auto;}
.ProBox .BoxTitle{font-size:2.0em;line-height:2.2em;font-weight:bold; padding-left:3%;color:#1c1c1c; border-bottom:1px solid #dfdfdf;}
.ProBox .BoxTitle a:hover{ color:#F00}
.ProBox .BoxCon{font-size:1.666em; padding-left:3%;padding-right:3%;line-height:1.8em; padding-bottom:20px; }
.ProBox .BoxCon p{ text-indent:2em; margin-top:3%; margin-bottom:3%;color:#1c1c1c;}
.ProBox .BoxCon p img{width:100%;height:auto;display:block; margin:0 auto;}
.ProBox .BoxCon .zhichi{ margin:0;text-indent:0em;}
.ProBox .BoxCon .zhichi01{ margin-top:3%; margin-bottom:0; text-indent:0em;}
.ProBox .BoxCon .zhichi001{ margin-top:3%; margin-bottom:0; text-indent:0em;}
.ProBox .BoxCon .zhichi02{ margin-bottom:3%; margin-top:0;text-indent:0em;}
.ProBox .BoxCon .zhichi03{ margin-top:4%; margin-bottom:0px;text-indent:0em;}
.ProBox .BoxCon .zhichi04{margin-top:0; padding:0px;text-indent:0em; margin-bottom:0px; padding-bottom:0px;}
.ProBox .BoxCon .zhichi05{ margin-bottom:3%; margin-top:0; padding-top:0px;text-indent:0em;}
.jiange{ margin-bottom:3%;}
.clear{ display:block; visibility:hidden; height:0; clear:both;font-size:0;}
.ProBox .ProBoxDesc{ margin:10px 3% 0; padding:5px; line-height:30px; font-size:15px; text-align:left; border:1px #dedede dashed;}
.ProBox select{ height:35px;}

.ProBox .mess{padding-top:0px;}
.ProBox .mess ul{ margin: 0; display: block; width:100%; margin:0px; padding:0}
.ProBox .mess ul li{ border-radius: 5px;font-size:1.666em;display:block; width:95%;height: 47px;line-height: 45px;margin: 10px auto; background: #fff; border: 1px solid #d1d1d1;text-align: left; padding-left: 10px; color: #3f3f3f; padding-top: 0px; padding-bottom: 0px; }
.ProBox .mess li input{ height: 40px; line-height: 28px; width: 60%;  border: 0px none #FFF;}
.ProBox .mess ul li.inputbox{height: auto; padding:8px 0 8px 10px; }
.ProBox .mess .inputbox input{height:20px; line-height: 40px; border: 1px solid #dedede;vertical-align: middle;width:5%;}
/*.ProBox .mess .inputbox{margin:10px 3%; padding:5px; line-height:30px; font-size:14px; text-align:left; border:1px #dedede dashed;}
.ProBox .mess .inputbox input{height:20px; line-height: 20px; border: 1px solid #dedede;vertical-align: middle;width:20px;}*/
.ProBox .mess li input:focus{border:none;}
.ProBox .mess .text{font-size:1.666em;}
.ProBox .mess font{ color:#F00;}
.ProBox .mess p{ line-height:24px; font-size:1.6em; color:#333; text-indent:24px; display:block;}
.ProBox .ProBoxDesc{margin:10px 3%; padding:5px; line-height:30px; font-size:15px; text-align:left; border:1px #dedede dashed;}
.ProBox select{ height:35px;}
.mess li .textbox{ width:50%;}
.xuanxiang{ border-radius: 5px; width:95%;border: 1px solid #d1d1d1; margin: 10px auto; padding-left:10px; padding-bottom:10px; padding-top:6px;font-size:1.666em;line-height:1.6em}
.xuanxiang ul{ color:#666; display:block; margin-top:5px;}
.xuanxiang ul li a{ color:#666}
.error{ color:#00C; font-size:12px;}
.Newkou{ width:94%; text-align: center; margin:15px auto 0 auto; padding-bottom:15px; padding-left:3%; padding-right:3%}
.Newkou .ld{width:49%;background: #f35e54; float:left}
.Newkou .rd{width:48%;background: #444444; float:right}
.Newkou .button{height:40px;width:100%;line-height: 40px;font-size: 16px;text-align: center;color: #fff; margin-right:20px;border:none}
.Newkou .button1{width:48%;background: #f35e54;height:40px;width:100%;line-height: 40px;font-size: 16px;text-align: center;color: #fff;  margin-right:20px;border:none}
.Newkou .button2{width:48%;background: #444444;height:40px;width:100%;line-height: 40px;font-size: 16px;text-align: center;color: #fff;  margin-right:20px;border:none}
.Newkou .button3{height:40px;background: #f35e54;width:100%;line-height: 40px;font-size: 16px;text-align: center;color: #fff; border:none}
.Newkou .button a{ color:#fff;}

.food-fix{height:50px;}
.xfck{position:fixed; height:50px; border-top:1px #dedede solid; bottom:0; z-index:2;width:100%; font-size:1.2em; max-width:640px;}
.xfck a{display:block; float:left; width:50%;background-color:rgba(235,0,0,0.9); color:#fff; height:50px; line-height:30px; padding:10px 0; text-align:center;}
.xfck a:first-child{background-image: -webkit-linear-gradient( #fff , #fff);background-image: -moz-linear-gradient( #fff , #fff ); background-image: -ms-linear-gradient( #fff , #fff );background-image: -o-linear-gradient( #fff , #fff ); background-image: linear-gradient( #fff , #fff); background-size:1px 30px; background-repeat:no-repeat; background-position:right center;}
.xfck a:last-child{background-color:rgba(0,0,0,0.9); width:50%;}
.xfck a img{height:30px;display:inline-block; vertical-align:top;}

#to-top {
    height: 40px;
    width: 40px;
    position: fixed;
    margin-left: 590px;
    bottom: 105px;
    z-index: 999;
}

@media only screen and (max-width: 640px) {
    #to-top {
        right: 10px;
    }
}
i.icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
.hb1288_icon_up2top_80_80{
    background-size: 40px;
    background-image: url("/assets/images/yyt_icon_up2top_80_80_2.png");
}

.page{ text-align:left; font-size:1.5em;display:block; margin-top:1%; margin-left:2%;}
.getmore{ margin:2% auto;}
#getmore{ width:96%; height:35px; background:#fff; line-height:35px; max-width:760px; margin:0 auto; display:block; border:1px solid #dadbd8; font-size:1.5em; text-align:center; color:#666;}

#foot{width:100%;max-width:640px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>760?"760px":""); margin:0 auto;padding:2% 0 0 0;background:#df3031;font-size:1.5em;color:#FFFFFF;padding:1% 0; bottom:0; z-index:99999; line-height:1.7em;text-align: center;}
#foot a{ color:#FFFFFF; text-align:center;}
#foot a:hover{ color:#FFFFFF; text-decoration:underline;}