@CHARSET "UTF-8";

/*----------------------------------------------------------------------------------------------
 * 公用移动端样式开始*
----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
/*     font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; */
    font:400 0.5rem -apple-system,Helvetica,Arial,Tahoma,"PingFang SC","Hiragino Sans GB","Lantinghei SC","Microsoft YaHei",sans-serif
}
body{
	background:#fbf9fe;
}
.viewport{
	min-width:300px;
	max-width:640px;
	margin: 0 auto;
	width:100%;
	height:100%;
	font-size:0.5rem;
}
.container{
	margin-top:1.8rem;
	width:100%;
}
.main{
	margin-bottom:2rem;
}
.center {
	text-align: center;
}
.inline{
	display:inline-block;
}
.hide{
	display:none;
}
.Wnav{ 
	width:100%; 
	height:45px; 
/* 	background:#ff9000;  */
	background:#3eb7ed;
	position:relative;
}
.Wnav a.Home{ 
	display:block; 
	width:23px; 
	height:21px; 
	background:url(../icon/main1.png) no-repeat 0 0; 
	text-indent:-9999px; 
	outline:none; 
	position:absolute; 
	top:10px; 
	right:10px;
}
.Wnav a.Back{ 
	display:block; 
	width:30px; 
	height:20px; 
	line-height:20px; 
	text-indent:-9999px; 
	background: url(../icon/previous.png) no-repeat center center; 
	background-size:100% 100%;
	position:absolute; 
	left:10px; 
	top:12px;
}
.Wnav span{
	display:block; 
	height:45px; 
	line-height:45px; 
	font-size:0.7rem; 
	color:#fff; 
	text-align:center; 
	margin:0 40px;
}
ul{
	list-style:none;
}


/*清除浮动*/
.clearfix:before,.clearfix:after{display: table;line-height: 0;content: "";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear:both;}

/*轮播*/
.addWrap{width:100%; background:#fff; margin:0 auto; position:relative; box-sizing:border-box; min-width:320px;height:100%;}
.addWrap .swipe{overflow:hidden; visibility:hidden; position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float:left; width:100%; position:relative;}
.addWrap .swipe-wrap a img{ display:block; margin:0;height:230px;}
.position{padding:0; text-align:center; position:absolute; bottom:5px; left:0; right:0; text-align:center;}
.position li{width:10px; height:10px; margin:0 3px; display:inline-block; -webkit-border-radius:5px; border-radius:5px; background-color:#666;}
.position li.cur{background-color:#fff;}

.pageMore{
	display:block;
	cursor:default;
	background:#e1e2e5;
	height:37px;
	color:#51545b;
	font-weight:700;
	line-height:37px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	position:relative;
	z-index:5;
	-webkit-transition:all ease .7s;
	-moz-transition:all ease .7s;
	transition:all ease .7s;
	margin-top:5px;
	margin-bottom:1rem;
}
.mask{
	position:fixed;
	background:#000;
	opacity:0.6;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
}
.middle{
	vertical-align:middle;
}

/*底部菜单栏*/
.MainMenu{
	background:#f7f7f7;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	font-size:0.6rem;
	padding:1% 0;
	z-index:999;
}
.MainMenu ul{
	display:inline-flex;
	align-items:center;
	width:100%;
}
@media (min-width:768px){
	.MainMenu{
		width:100%;
		margin:0 auto;
		left:auto;
		bottom:0;
		max-width:640px;
	}
}
.MainMenuItem{
	width:33%;
	box-sizing:border-box;
	padding-top:1%;
}
.MainMenu i{
	font-size:0.8rem;
}
.menuIcon{
	max-width:30px;
	height:20px;
}
.mainMenuText{
	font-size:0.5rem;
	color:#beb89f;
	padding-bottom:0.2rem;
}
.activeMenu{
	position:relative;
}
.activeMenu:after{
	border-bottom:1px solid #192F76;
	position:absolute;
	width:60%;
	height:1px;
	content:"";
	bottom:0;
	left:20%;
}
.activeMenu .mainMenuText{
	color:#192F76;
}

/*空白数据样式*/
.emptyDiv{
	width:100%;
	height:100%;
	text-align:center;
	padding-top:20%;
	color:#999;
	font-size:0.6rem;
	display:none;
	margin-bottom:5%;
	background:#fff;
	min-height:672px;
}

/*推广样式*/
.promoteDiv{
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	padding:2%;
	display:none;
	width:100%;
	font-size:0.5rem;
	z-index:1000;
}
.promoteInfo{
	margin-top:2%;
	width:100%;
}
.productionName{
	font-size:0.6rem;
}
.promoteContent{
	margin-top:2%;
	width:100%;
	display:inline-flex;
	align-items:center;
}
.proImg {
	width:30%;
	height:2.5rem;
}
.proContent{
	width:68%;
	padding-left:2%;
}
.proName{
	height:0.6rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:99%;
	overflow:hidden;
	height:1rem;
	line-height:1rem;
}
.proPrice{
	height:1rem;
	line-height:1rem;
}
.proBenefit{
	font-size:0.4rem;
	color:#ee9200;
}
.promoteList{
	padding:2% 0;
	color:#999;
}
.promoteWay{
	padding:3% 0;
}
.promoteTitle{
	border-left:3px solid #29aa33;
	padding-left:2%;
}
.currentUrl {
	margin-top:1%;
}
.shareBtn{
	border:1px solid #1aad19;
	color:#1aad19;
	padding:2%;
	border-radius:0.2rem;
	background:#fff;
	font-size:0.4rem;
	margin-top:2%;
}
.right{
	float:right;
}
.home{
	background: url(../icon/home.png) center center no-repeat;
	background-size:50% 50%;
	border-radius:50px;
	position:fixed;
	top:3%;
	right:5%;
	width:1rem;
	height:1rem;
	z-index:2;
	background-color:rgba(237,237,237,0.9);
	padding:5%;
	opacity:0.8;
}
.toTop{
	background:url(../icon/top.png) center center no-repeat;
	background-size:50% 50%;
	border-radius:50px;
	position:fixed;
	bottom:10%;
	right:5%;
	width:1rem;
	height:1rem;
	z-index:2;
	background-color:rgba(237,237,237,0.9);
	padding:5%;
	opacity:0.8;
	display:none;
}
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#ae986d;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	height:1.8rem;
	line-height:1.8rem;
	z-index:10;
	overflow:hidden;
}
.return{
	width:1rem;
	height:1rem;
	margin-left:0.5rem;
}
.index{
	width:1rem;
	height:1rem;
	margin-right:0.5rem;
}
.title{
	overflow:hidden;
	text-overflow:ellipsis;
	color:#fff;
	font-size:0.6rem;
	width:60%;
	line-height:2rem;
	text-align:center;
	height:2rem;
}
.swiper-container{
	height:180px;
	position:relative;
}
.swiper-container img{
	width:100%;
	height:100%;
}