@charset "utf-8";
/* CSS Document */
body{font-size: 10px;font-family:"Microsoft YaHei","微软雅黑";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,img,div,dl,dt,dd,input,button,img{margin:0;padding:0;font-family:"Microsoft YaHei","微软雅黑";}
img,button{border:none;outline:none;}
button{font-family:"Microsoft YaHei","微软雅黑";}
img{max-width: 100%;width:100%;}
li{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;font-family:"Microsoft YaHei","微软雅黑";}
textarea{resize:none;}
a{text-decoration:none;border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;color: #007aff;}
em,i{font-style: normal;}
/*文本输入框提示文字颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	font-family:"Microsoft YaHei","微软雅黑";
	color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
	font-family:"Microsoft YaHei","微软雅黑";
	color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	font-family:"Microsoft YaHei","微软雅黑";
	color: #999;
}
i{ font-style:normal; }

/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}

body>.container{max-width: 7.5rem; width:7.5rem; margin:0 auto; background-color: #afd84e; overflow-x: hidden;}
/***************top_bar*********************/
.top_bar{width:7.5rem; overflow: hidden;}
#top_bar {width: 100%;height: 0.8rem;font: 0.32rem/0.8rem '微软雅黑';text-align: center;color: #fff;background: #0691fb;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: 4.26rem 2.52rem;}
#top_bar .right {float: right;}

/**************广告图*************/
header .banner{width:7.5rem; height:3rem; overflow: hidden;}

/**************导航*************/
nav{width:7.5rem; height:0.8rem; background-color: #fff;position: relative; overflow: hidden; margin:0 !important;}
nav ul{width:16.2rem !important;height:0.8rem; position: absolute; left:0; top:0;}
nav ul li{width:1.675rem !important;height:0.8rem; font: 0.28rem/0.8rem '微软雅黑';  text-align: center; color:#666;line-height: 0.8rem;}
nav ul li.on{color:#e4393c; }
nav>div{width:0.8rem; height:0.8rem; z-index: 100; position: absolute; right:0; top: 0; background-color:#f2f2f2 ; text-align: center; }
nav>div img{width:0.2rem;margin-top:0.2rem;}
nav.positionTop{position: fixed; top:0;}


/**************优惠券*************/
.coupon{width:7.1rem; padding:0.3rem 0.2rem !important; overflow: hidden; text-align: center;}
.coupon .quan li{width:1.71rem !important; background:none !important; height:1.01rem;margin-right:0.08rem !important;}
.coupon .quan li:last-child{margin-right:0 !important;}
.coupon .zeng{margin-top:0 !important; overflow: visible !important;}
.coupon img{width:5.8rem;margin-bottom: 0.2rem;}
.coupon p{color:#fff600; font-size: 0.2rem; font-weight: bold;height: 0.4rem;}
.coupon .tag{width:2.32rem; height:0.3rem; position: absolute;top:-0.12rem; left:0.55rem; font-size: 0.2rem; text-align: center;background-image: url(http://image.360lj.com/vshop/zhuanti/galr/images/zeng_tag.png); background-repeat: no-repeat; background-size: cover; color:#fff; }
.coupon li{margin-bottom:0.32rem !important;}
.coupon li .image{width:3.45rem; height:3.35rem}
.coupon li .info{height:0.8rem !important; background-color: #ff6600;padding:0.2rem;color:#fff;}
.coupon li .info .tit{font-size:0.24rem;white-space:nowrap; text-overflow:ellipsis;}
.coupon li .price{font-size:0.2rem;}
.coupon li .price i{font-size:0.28rem}



/**************proList-商品列表*************/
.proList{width:7.1rem; padding:0 0.2rem; overflow: hidden; }
.proList .title{text-align: center;}
.proList{width:7.1rem;padding:0 0.2rem; overflow: hidden;}
.proList ul{width:7.1rem; display: block; overflow:hidden;height: auto; padding-bottom:0.1rem; margin-top:0.1rem;}
.proList li{width:3.45rem;  background-color: #fff; float: left; margin-right:0.2rem; margin-bottom:0.2rem; position: relative;}
.proList li:nth-child(even){margin-right: 0;}
.proList li .img{width:3.25rem;height:2.5rem;padding:0.1rem; text-align: center;}
.proList li .img img{width:2.5rem; margin:0 auto; display: block;}
.proList li .info{height:1.35rem;color:#fff;font-size:0.2rem; line-height: 0.35rem;padding:0 0.23rem; background-color:#ff6600;}
.proList li .info .title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 0.24rem; line-height: 0.5rem;}
.proList li .info .price{font-size:0.18rem;}
.proList li .info .newPrice{}
.proList li .info .newPrice i{font-size:0.32rem;font-weight: 700;}
.proList li .info .oldPrice i{text-decoration:line-through;}
.proList li button{width:1.2rem; color: #ff272c; height:0.45rem; background-color: #fff000;  font-size:0.22rem; position: absolute; bottom:0.2rem; right:0.1rem}


/*分场导航*/
.links{width:7.1rem; padding:0 0.2rem; overflow: hidden;}
.links li{width:2.3rem; height:2.28rem; float: left; margin-right:0.1rem; margin-bottom:0.1rem;}
.links li:nth-child(3n+0){margin-right: 0;}

.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;border-radius: 100%;right: 5px;bottom: 80px; display: none;}


/*在线咨询*/
.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: -50pxbackground: #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;}

/*弹窗*/
#popup{ width:100%; display:none; z-index:999; }
#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:6.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.45rem 0 0.45rem 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; }