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

body { margin:0; padding:0; 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;}
.fz{ margin:0 auto;}
.fs{ margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

@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:#e73833; padding-bottom:0.2rem; 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: auto;}

/* 导航 */
#nav{ position:relative; top:0; z-index:2; }
#nav .left{ width:5.6rem; height:0.8rem; padding-right:0.8rem; overflow:hidden; }
#nav .left ul{ width:200%; background:#fff; margin-bottom:0.16rem; position:relative; left: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(http://image.360lj.com/vshop/zhuanti/11/images/go.png) no-repeat right 0; }
#nav .left .active{ color:#ff3341; }
#nav .change{ transition:0.5s transform; transform:rotate(180deg); }
#nav .right div{ background-size:100% 100%;}
.clear:after{ content:''; clear:both; display:block; }


.main{ width:100%;height: 2.6rem;background: url(http://image.360lj.com/vshop/zhuanti/11/images/bg01.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;position: relative;}
.main .yhq_list{width: 100%;padding: 0 0.1rem 0 0.2rem;box-sizing: border-box;overflow: hidden;position: absolute;bottom: 0.4rem;}
.main .yhq_list a{display: block;width: 100%;height: 100%;overflow: hidden;}
.main .yhq_list li{float: left;width: 25%;padding-right: 0.1rem;box-sizing: border-box;}
.main .yhq_list li img{width: 100%;height: auto;}


.main_a{ width:94.5%;}
.main_a li{ width:48.5%; float:left; margin-right:3%; background:#a30400; padding-bottom:0.1rem; margin-top:5%; position:relative;}
.main_a a{ display:block; width:100%; height:2.85rem;}
.main_a li img{ width:100%;}
.main_a h4{ margin-top:0.1rem; width:100%; color:#fefefe; font-size:0.24rem; text-align:center; height:0.3rem; line-height:0.3rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-weight:normal;}
.main_a p{ width:100%; color:#fff; font-size:0.20rem; text-align:center;}
.main_a p b{font-size:0.28rem;}
.ding{ position:absolute; left:16%; top:-2.9%; z-index:1; text-align:center; color:#fff; width:67%; height:0.3rem; line-height:0.3rem; background:url(http://image.360lj.com/vshop/zhuanti/11/images/top.png) no-repeat; background-size:100% 100%; font-size:0.2rem;}

.main_b{ width:94.5%; margin-top:0.3rem;}
.main_b h3{ width:80%; margin:0 auto;}
.main_b h3 img{ width:100%;}
.main_b li{ width:48.5%; float:left; margin-right:3%; background:#e73833; margin-top:2%; overflow:hidden;}
.jiu_nei_t{ display:block; width:100%; border-bottom:1px solid #f4f4f4;background: #FFFFFF;}
.jiu_a{ display:table-cell; width:3.5rem; height:3.2rem; text-align:center; vertical-align:middle;}
.jiu_a img{ width:2.5rem;}
.main_b h4{ width:70%; height:0.25rem; overflow:hidden; font-size:0.22rem; color:#FFFFFF; font-weight:normal; text-overflow:ellipsis; white-space: nowrap;}
.jiu_nei{ padding:0.05rem 0.05rem;background: url(http://image.360lj.com/vshop/zhuanti/11/images/shopping.png) no-repeat;background-size: 100% 100%;overflow: hidden;height: auto;width: 100%;box-sizing: border-box;position: relative;}
.jiu_nei_a p{ color:#FFFFFF; font-size:0.18rem;}
.jiu_nei_a i{font-style:normal; color:#FFFFFF; font-size:0.20rem;}
.jiu_nei_a i b{ font-size:0.22rem;}
.jiu_nei_a s{ color:#FFFFFF;}
.jiu_nei_a s u{text-decoration:none}
.jiu_nei_b{ width:1rem; height:1rem;display: block;position: absolute;right: 0;bottom: 0.05rem;cursor: pointer;}
.bottom{ width:94.5%; margin-top:0.1rem;}
.bottom li{ width:32%; vertical-align:bottom; float:left; margin-right:2%; margin-top:3%;}
.bottom li img{ width:100%; vertical-align:bottom;}

.chao_top{ width:46px; height:46px; position:fixed; right:5px; bottom:80px; z-index:10; cursor:pointer;}
.chao_top img{ width:100%;}

.guizhe{height: 2.2rem;width: 100%;}
.guizhe img{width: 100%;height: auto;display: block;}


/*弹窗*/
#popup{ width:100%; display:none; z-index:3; }
#mask{ height:100%; background:rgba(0,0,0,0.5); }
#popup,#popup div:not(#mask){ position:fixed; }
#popup,#popup i{ top:0; }
#popup div:not(#mask){ width:5.5rem; background:#fff; border-radius:0.16rem; padding-bottom:0.5rem; margin:0 0.5rem;  top:3.5rem; display:none; }
#popup h3,#popup a,#popup i{ background:url(http://image.360lj.com/vshop/images/samll_icon.png) no-repeat; background-size:0.6rem 3.8rem; }
#popup div:not(.success) h3{ background-position:0 -1.9rem; }
#popup .success h3{ background-position:0 -1.22rem; }
#popup .success strong{ font-size:0.42rem; color:#0088cc; padding-left:0.1rem; }
#popup h3,.success p{ width:4.2rem; padding-left:0.8rem; }
#popup h3,#popup a,.success p{ color:#666; }
#popup h3{ height:0.7rem; margin:1rem auto 0; }
#popup h3,#popup a{ font:0.3rem/0.7rem '微软雅黑'; }
#popup a{  text-align:right; display:inline-block; padding-left:0.5rem; margin:0.3rem 0 0.3rem 2.8rem; background-position:0 -2.6rem; }
#popup .success p{ font:0.24rem/0.26rem '微软雅黑'; margin:0 auto; }
#popup i{ width:0.5rem; height:0.5rem; border-top-right-radius:0.16rem; position:absolute; right:0; background-position:right -3.3rem; }
#popup .show{ display:block; }
/*在线咨询*/
.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;
}
.index-top-wrap {
    width: 46px;
    height: 46px;
    position: fixed;
    background: url(http://image.360lj.com/vshop/images/topIcon.png) no-repeat center center;
    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;
}