@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: #9917ac; 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; position: relative;}
header .banner .logo-11{width:0.99rem; height:0.83rem; position: absolute;  top:0; left:0.5rem; background-image:url(http://image.360lj.com/vshop/zhuanti/ylqx/images/logo11.png); background-size: cover;}

/**************导航*************/
nav{width:7.5rem; height:0.8rem; z-index: 99; background-color: #fff;position: relative; overflow: hidden; margin:0 !important;}
nav ul{width:16.2rem !important;height:0.6rem; position: absolute; left:0; top:0;padding:0.1rem 0;}
nav ul li{width:1.84rem !important; float:left; border-right: 0.01rem solid #ddd;   height:0.6rem; font-size:0.28rem;  text-align: center; color:#666;line-height: 0.6rem;}
nav ul li:last-child{border-right: 0;}
nav ul li.on{color:#9917ac; }
nav.positionTop{position: fixed; top:0;}
#v-nav li{width:2.366666666666667rem !important;}

/**************优惠券*************/
.coupon{width:7.1rem; padding:0.3rem 0.2rem !important; overflow: hidden; text-align: center;}
.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/ylqx/images/zeng_tag.png); background-repeat: no-repeat; background-size: cover; color:#fff; }
.coupon ul{margin-top:10px !important; overflow: visible !important;}
.coupon .zeng li{margin-bottom:0.32rem !important;}
.coupon .zeng li .image{width:3.45rem; height:3.35rem}
.coupon .zeng li .info{height:0.55rem; background-color: #ff27ab;padding:0.2rem;color:#fff;}
.coupon .zeng li .info .tit{font-size:0.24rem;white-space:nowrap; text-overflow:ellipsis;}
.coupon .zeng li .price{font-size:0.2rem;}
.coupon .zeng li .price i{font-size:0.28rem}
.coupon .quan{padding-left:0.6rem; height:2.5rem;}
.coupon .quan li{width:2.9rem; height: 1.25rem; margin:0 !important; background: none;}


/**************proList-商品列表*************/
.proList{width:7.1rem; padding:0 0.2rem; overflow: hidden; }
.proList .title{text-align: center;}
.proList .bottom{width: 7.1rem;}
.proList ul{width:7.1rem; display: block; overflow:hidden;height: auto; padding-bottom:0.1rem; margin-top:0.3rem;}
.proList li{width:3.45rem; height:4.28rem; 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 .proImg{width:3.25rem;height:2.5rem;padding:0.1rem; text-align: center; border-bottom: 1px solid #ccc;margin-bottom: 0.1rem;}
.proList li .proImg img{width:2.5rem; margin:0 auto; display: block;}
.proList li .proInfo{color:#666;font-size:0.2rem; line-height: 0.35rem;padding:0 0.23rem;}
.proList li .proInfo h4{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 0.24rem; line-height: 0.6rem;}
.proList li .proInfo .proPrice span{font-size:0.18rem;color:#f75d57;}
.proList li .proInfo .proPrice i{font-size:0.3rem; color:#f75d57; font-weight: 700; margin-left:-0.06rem;}
.proList li .proInfo .oldPrice span{font-size:0.18rem;color:#999;    text-decoration: line-through;}
.proList li .proInfo .oldPrice i{font-size:0.2rem; color:#999; font-weight: 700; margin-left:-0.06rem;    text-decoration: line-through;}
.proList li .button{width:1.2rem; height:0.45rem; background-color: #e4393c; color:#fff; 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; }