@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-size:12px;font-family:"微软雅黑";  background:#fff; font-size:12px;}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
a{text-decoration:none; border:none; margin:0; padding:0;}
img{border:none;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.fz{ margin:0 auto;}

@media screen and (min-width:320px){body{ font-size:12px;}}
@media screen and (min-width:360px){body{ font-size:14px;}}
@media screen and (min-width:480px){body{ font-size:16px;}}
@media screen and (min-width:640px){body{ font-size:18px;}}


/*头部*/

/*top*/
#center{ max-width:640px; min-width:320px; margin:0 auto; width:100%; background:#fde732; padding-bottom:0.5rem; overflow:hidden;}
#top_bar{ width:100%; height:0.8rem; font:0.3rem/0.8rem '微软雅黑'; text-align:center; color:#fff; background:#0691fa ; padding:0 0.2rem; box-sizing:border-box;  }
#top_bar a{ width:0.38rem; height:0.8rem;  }
#top_bar .left{ background:url(http://image.360lj.com/vshop/zhuanti/images/icons.png) no-repeat 0 0; float:left; background-size:5rem 2.7rem;}
#top_bar .right{ float:right; }
#banner{ width:100%; height:2.56rem;}

/* 导航 */
#nav{ position:relative; top:0; z-index:2; height:0.8rem; overflow:hidden; }
#nav .left{ width:5.6rem; height:0.8rem; padding-right:0.8rem; overflow:hidden; }
.left ul{ width:200%; background:#fff; margin-bottom:0.16rem; position:absolute; left:0; top:0}
#nav .left li{ width:5.6rem; display:table; float:left; }
#nav .left a{ height:0.8rem; font:0.26rem/0.8rem '微软雅黑'; color:#666; text-align:center; display:table-cell; }
#nav .left span{ width:25%; display:table-cell; }
#nav .right{ width:0.8rem; height:0.8rem; position:absolute; top:0; right:0; background:#fff; }
#nav .right div{ width:0.8rem; height:0.8rem; background:#f2f2f2 url(../images/miao_1.png) no-repeat right 0; }
#nav .left .cur{ color:#e4393c; }
#nav .change{ transition:0.5s transform; transform:rotate(180deg); -webkit-transition:0.5s transform; -webkit-transform:rotate(180deg);}
#nav .right div{ background-size:100% 100%;}
.left_ul:after{ content:''; clear:both; display:block; }

.main{ width:94.5%;}
.main img{ width:100%; margin-top:0.4rem; vertical-align:bottom;}
.main_zhong{ width:94.5%; background:#fff; padding:0.4rem 0;}
.main_a{ width:96%;}
.main_a li{ float:left; width:23.33%; padding-right:15%; background:url(../images/miao_2.png) no-repeat 88% center; background-size:15% auto;}
.main_a li img{ width:100%;}

.miaosha{ width:93%; padding-left:2%; margin-top:0.4rem;}
.miaosha_a{ background:#f8821f; padding:0.46rem 0.1rem 0.1rem 0.1rem; position:relative;}
.riqi{ position:absolute; left:-0.29rem; top:-0.08rem; width:2rem; height:0.55rem;}
.riqi img{ width:100%;}
.shijian{ position:absolute; left:2rem; top:-0.06rem; width:2.4rem; height:0.55rem;}
.shijian img{ width:100%;}
.miaosha_a dl{ width:100%; background:#b70303;}
.miaosha_a dt{ width:48%; height:2.8rem; float:left; background:#fff; overflow:hidden; position:relative;}
.ding{position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%;}
.ding_a{ width:2.8rem; height:2.8rem; display:table-cell; text-align:center; vertical-align:middle;}
.ding_a img{ width:1.2rem !important; height:1.2rem !important;}
.ding_er{position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%;}
.ding_er_a{ width:2.8rem; height:2.8rem; display:table-cell; text-align:center; vertical-align:middle;}
.ding_er_a img{ width:1.2rem !important; height:1.2rem !important;}


.jiu_a{ display:table-cell; width:2.8rem; height:2.8rem; text-align:center; vertical-align:middle;}
.jiu_a img{ width:2.5rem;}
.miaosha_a dd{ width:52%; height:2.8rem; float:right; background:url(../images/miao_12.jpg) no-repeat left top; background-size:100% auto;}
.miaosha_right{ padding:0.3rem 0.1rem 0 0.1rem;}
.miaosha_right h4{ color:#fff; font-weight:normal; font-size:0.25rem; width:100%; height:0.35rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.miaosha_right h5{ color:#fff; font-weight:normal; font-size:0.17rem; color:#ffff00; width:100%; height:0.29rem; line-height:0.29rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.miaosha_right b{ width:1.2rem; height:0.35rem; line-height:0.35rem; margin-top:0.1rem; text-align:center; display:block; font-weight:normal; font-size:0.25rem; color:#fff; border:1px solid #fff; border-radius:0.1rem;}
.jia{ margin-top:0.3rem;}
.jia s{ display:block; color:#c4c2c2; font-size:0.2rem;}
.jia s u{text-decoration:none;}
.jia p{ color:#ffff00; font-size:0.3rem; font-family:"Impact"; float:left;}
.jia p i{ font-size:0.4rem;}
.jia span{ display:block; float:right; width:1.2rem; margin-top:0.05rem;}
.jia span img{ width:100%;}

.bottom{ width:94.5%; margin-top:0.4rem;}
.bottom h4{ width:100%;}
.bottom h4 img{ width:100%;}
.bottom p{ width:90%; background:#fff; padding:0.5rem 5%; font-size:0.2rem; color:#333; line-height:0.35rem;}

.bottom_a{ width:94.5%; margin-top:0.1rem;}
.bottom_a li{ width:32%; vertical-align:bottom; float:left; margin-right:2%; margin-top:3%;}
.bottom_a li img{ width:100%; vertical-align:bottom;}



/*在线咨询*/
.top-bg{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	position: fixed;
	bottom: 80px;
	z-index: 3;
}
.index-kf-wrap,.kf-bg{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	position: fixed;
	bottom: 140px;
	z-index: 113;	
}
.index-kf-wrap,
.kf-bg{
	right: 5px;
}
.index-top-wrap,
.top-bg{
	right: 5px;
}

.kf-cont,
.top-cont{
	width: 46px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
}
.kf-bg{
	background-color: #3894f4;
	opacity: .9;
}
.top-bg{
	background-color: #000;
	opacity: .5;
}
.kf-cont,
.top-cont{
	padding-top: 14px;
	box-sizing: border-box;
	background: url(http://image.360lj.com/vshop/images/kfIcon.png) no-repeat center 0px;
	background-size: 46px 46px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 46px;
}
.top-cont{
	background: url(http://image.360lj.com/vshop/images/topIcon.png) no-repeat center 0px;
	background-size: 46px 46px;
}
.more-wrap{
	width: 120px;
	height: 80px;
	position: absolute;
	top: -94px;
	left: -50px
	background: #fff;
	border: solid 1px #DDDDDD;
	box-sizing: border-box;
	transition: left 300ms ease-out;
	background: #fff;
	display: none;
}
.more-wrap.cur{
	right: -5px;
}
.more-wrap .bt-bg{
	width: 20px;
	height: 20px;
	background: url(http://image.360lj.com/vshop/images/right_sel.png) no-repeat center;
	background-size: 100%;
	display: inline-block;
	position: absolute;
	bottom: -15px;
	right: 18px;
}
.nav-ul2 li{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	box-sizing: border-box;
	padding-left:50px;
	font-size: 14px;
	color: #555555;
}
.nav-ul2 li:nth-child(1){
	background: url(http://image.360lj.com/vshop/images/phone_icon.png) no-repeat 14px center;
	background-size: 24px 24px;
}
.nav-ul2 li.zx2{
	border-top: solid 1px #DADADA;
	background: url(http://image.360lj.com/vshop/images/zxicon.png) no-repeat 14px center;
	background-size: 26px 26px;
}