body{font-family: \5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;line-height:1.7;font-size:14px;color:#333;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, p,span, blockquote, table, th, td, embed, object,a,textarea{padding: 0;margin: 0;box-sizing:border-box;}
table{border-collapse: collapse; border-spacing: 0;table-layout:fixed;width:100%;} 
fieldset,img,iframe{ border: 0;text-decoration:none;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 
caption, th {text-align:left;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
button, input, select, textarea {font-size:100%;resize:none;-webkit-appearance: none;}
abbr, acronym {border: 0;}
:focus {outline: 0;}
a{text-decoration:none;color:#333;}
a[href^="tel"]{ color:inherit;text-decoration:none;}
cite, em, dfn { font-style: italic; }
input[type='button'],input[type='submit'],input[type='reset']{cursor:pointer;vertical-align:middle;margin:0px;
	padding:0px;-webkit-appearance: none;
}
input[type='text']{vertical-align:middle;}
img{vertical-align:middle;}
.inlineb{display:inline-block;*display:inline;*zoom:1;}
.clearfix {*overflow: hidden; *zoom:1;clear:both; }
.clearfix:after { display: table; content: ""; width: 0; clear: both;}
::-ms-clear,::-ms-reveal{display:none;}
.ios-scroll{overflow:auto; -webkit-overflow-scrolling: touch;}

*,body,html{ font-family: PingFangSC-Regular, PingFang SC; }
.mBeerBox{ 
	position: relative;
	overflow: auto;
	max-width: 600px;
	margin: 0 auto;
}
.fl{ float: left; }
.fr{ float: right; }
.position_r{ position: relative; }
.position_a{ position: absolute; }
.ts{     
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease; 
}
.oneLine{ 
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.m_header{ height: 65px; background: #B6883A; overflow: hidden; }
.m_header ul{ overflow: hidden; padding-top: 40px; float: right; }
.m_header ul li{ float: left; margin-right: 12px; }
.m_header ul li a{ color: #fff; font-size:12px; }
.m_header .m_logo{ top: 10px; left: 12px; height: 25px; }
.m_header .m_logo img{ height: 100%; }
.m_header .m_headerTop{right: 12px; top: 10px; }
.m_header .m_headerTop a{ display: inline-block; margin-left: 10px; background: #fff; 
	width: 26px; height: 26px; color: #C59535; line-height: 26px; text-align: center;
	border-radius: 100%; font-size:12px;
}
.m_banner{ height: 210px; width: 100%; overflow:hidden; background-position: center; 
	background-repeat: no-repeat; background-size:auto 100%; background-color: #B6883A;
}
.m_beerCon{ padding-bottom: 40px; }
.m_beerCon .m_beerCon_in{ padding:0 12px; }
.m_beerCon .m_beerCon_in .m_beerTitle{ padding: 46px 0 40px; }
.m_beerCon .m_beerCon_in .m_crcLink{ right: 0; top: 20px; width: 60px; overflow: hidden; }
.m_beerCon .m_beerCon_in .m_crcLink img{ width: 100%; }
.m_beerCon .m_beerCon_in .m_beerTitle img{ max-height: 38px; }

.m_beerPro .item{ border-bottom:2px solid #B5B5B6; padding-bottom: 40px; margin-bottom: 40px; }
.m_beerPro .item .hImg,.m_beerPro .item .fImg{ text-align: center; }
.m_beerPro .item .hImg img{ height: 120px; max-width: 100%; }
.m_beerPro .item .fImg img{ height: 234px; max-width: 100%; }
.m_beerPro .item .txt{ padding:20px 0;  font-size:14px; color: #231916; line-height: 24px; }

.m_onlineSales ul li{ overflow: hidden; height: 100px; display: flex; 
	justify-content: center; align-items: center; width: 260px; margin:0 auto 20px;
}
.m_onlineSales ul li a{ display: block; height: 100%; }
.m_onlineSales ul li img{ max-height: 100%; max-width: 100%; }
.m_salesNetwork .m_tabMenu ul{ overflow: hidden; display: flex; justify-content: space-between;}
.m_salesNetwork .m_tabMenu ul li{ width: 64px;  }
.m_salesNetwork .m_tabMenu ul li .img{ border:3px solid #999; border-radius: 12px; overflow: hidden; }
.m_salesNetwork .m_tabMenu ul li.active .img{ border-color: #036eb8; }
.m_salesNetwork .m_tabMenu ul li img{ width: 100%;  }
.m_salesNetwork .m_tabMenu ul li .txt{ text-align: center; padding-top: 14px; line-height: 1; color: #036EB8; 
	font-size:20px;
}
.m_tabCon { padding-bottom: 40px; }
.m_tabCon .item{ display: none; }
.m_tabCon .item:first-child{ display: block; }
.m_tabCon .item .img{ padding:40px 0 20px; }
.m_tabCon .item .img img{ height: 40px; }
.m_tabCon .item .txt img{ max-width: 100%; }
.m_tabCon .item .txt table{ width: 100%!important; }
.m_promotion .txtImg{ text-align: center; padding-bottom: 34px; }
.m_promotion .txtImg img{ max-width: 100%; }

.m_contactUs .formTxt{ text-align: center; color:#231916; font-size:14px; }
.m_contactUs .formCon{ overflow: hidden; }
.m_contactUs .formCon .item,.m_contactUs #cement-yzm,.m_contactUs .cement-btn{ 
	margin-top: 24px; float: left; width: 100%; position: relative;
}
.m_contactUs .formCon .item span.crv-tips,#cement-yzm span.crv-tips{ 
	position: absolute; color: #ff0000; font-size:12px; left: 0; bottom: -18px; 
}
.m_contactUs .formCon .item.firstName,.m_contactUs .formCon .item.lastName{ width: 48%; }
.m_contactUs .formCon .item.lastName{ float: right; }
.m_contactUs .formCon .item label,.m_contactUs #cement-yzm label{ display: block; font-size:14px; color: #231916;
	padding-bottom: 8px; 
}
.m_contactUs .formCon .item input,.m_contactUs .formCon .item textarea,.m_contactUs .yzm-ipt{ 
	width: 100%; height: 40px;background: #F7F8F7; border: 1px solid #231916; padding:5px 10px; 
}
.m_contactUs .formCon .item textarea{ height: 120px; }
.m_contactUs .cement-btn button{ width: 100%; height: 40px; line-height: 40px; text-align: center; 
	background: #16484B; color: #fff; font-size:14px; border:none;
}
.m_contactUs .yzm-ipt{  width: calc(100% - 114px);}
.beerJt{ display: none; }
.beerFt{ display: block; }
.m_footer { padding:16px 0; background: #333; }
.m_footer p{ text-align: center; color: #fff; }
.m_footer p a{ color: #fff; }

.m_proForm .promotionBox img{ max-width: 100%!important; }
.m_proForm .promotionBoxDt .dTtitle{ font-size:18px; line-height: 1; color: #036eb8; padding:30px 0 15px; 
	font-weight: bold; display: inline-block;
}
.m_proForm .promotionBoxDt .proForm label{ display: block; font-size:14px; color: #231916; padding-bottom: 8px; line-height: 1.2; }
.m_proForm .promotionBoxDt .proForm label i{ font-style:normal; color: #999; font-size:12px; }
.m_proForm .promotionBoxDt .proForm input{ width: 100%; height: 40px;background: #F7F8F7; 
	border: 1px solid #231916; padding:5px 10px; 
}
.m_promotion .promotionBoxDt .dTtitle{ font-size:18px; line-height: 1; color: #036eb8; padding:30px 0 15px; 
	font-weight: bold; 
}
.dtImgs	.imgBox { margin-bottom: 20px; }
.dtImgs	.imgBox .img{ text-align: center; }
.dtImgs	.imgBox p{ text-align: center; }
.m_proForm .promotionBoxDt .proForm textarea{ width: 100%; height: 120px;background: #F7F8F7; 
	border: 1px solid #231916; padding:5px 10px; 
}
.sendZF { text-align: center; padding:10px 0; }
.sendZF a{     font-size: 18px;
	line-height: 1;
	color: #036eb8;
	padding: 10px 25px;
	font-weight: bold;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid #036eb8;
}
.m_proForm .promotionBoxDt .proForm button{width: 100%; height: 40px; line-height: 40px; text-align: center; 
	background: #16484B; color: #fff; font-size:14px; border:none;
}
.m_proForm .clauseBox .title{ font-size:18px; color: #000; padding:30px 0 10px; }
.m_proForm .clauseBox .conTxt{ height: 150px; overflow-y: auto; border:1px solid #000; padding:10px; overflow-x: hidden; }
.m_proForm .clausCheck { padding:10px 0 20px; overflow:hidden; padding-left: 19px; position: relative; }
.m_proForm .promotionBoxDt .proForm .clausCheck input{ -webkit-appearance: checkbox; position: absolute; left: 0; top: 14px; width: 16px; 
	height: 16px; 
}
.m_proForm #cement-yzm{ position: relative; }
.m_proForm #cement-yzm input{ width: calc(100% - 114px); }
.m_proForm #cement-yzm .yzm{ width: 108px; height: 40px; }
.m_proForm #cement-yzm .crv-tips{}
.m_proForm .proForm .fItem{ margin-top: 24px; position: relative;}
.m_proForm span.crv-tips{ 
	position: absolute; color: #ff0000!important; font-size:12px; left: 0; bottom: -18px; display: none;
}

.m_proForm .promotionBoxDt .proForm .sType input{ width: 16px; height: 16px; display: inline-block; -webkit-appearance:checkbox; margin-right: 5px; }
.proForm .sType span.txt,.proForm .sType label{ display: inline-block; color: #000; font-size:18px; }
.proForm .sType span.txt{ display: block; }

.m_proForm .promotionBoxDt .proForm .sum input { padding-left: 48px; }
.m_proForm .promotionBoxDt .proForm .mnIcon { position: absolute; left: 10px; top: 30px;font-size: 16px; color: #000; }
.m_proForm .promotionBoxDt .wqFile { display: none; }
.proForm .upload .uplaodBtn{ display: inline-block; background: rgba(0,0,0,0.4); color: #fff; line-height: 1;  
	padding:10px 20px; border-radius: 4px; font-size:16px; cursor: pointer;
}
.imgName{ display: none; }
.imgName div{ color: #999; font-size:14px; display: inline-block; padding-right: 20px; }
.imgName span{ display: inline-block; width: 18px; height: 18px; text-align: center; line-height: 18px; cursor: pointer; }
.m_proForm .cement-btn{ margin-top: 26px; }
.downLoadImg{ width: 40px; position: absolute; bottom: 80px; left: 50%; margin-left: -20px; z-index: 1; }
.downLoadImg img{ width: 100%; }
#load #loy{ width: 300px;margin-left:-150px;background-repeat: no-repeat; background-size: 100%; }
#load #loy #y { width: 62px;height: 40px;left: 76px; top: 227px; }
#load #loy #n { width: 62px;height: 40px; left: 160px; top: 227px; }