@charset "utf-8";
/* CSS Document */

/* 默认样式初始化 */
body,h2,h3,h5,p{ margin:0; }
p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul{ padding:0; margin:0; }
li{ list-style:none; }
a{ text-decoration:none; }
img{ font:0.2rem/0.8rem '微软雅黑'; text-align:center; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.clear:after{ content:''; clear:both; display:block; }
.clear{ zoom:1; }

/* 顶部的条及banner */
#ctzb{ max-width:7.5rem; background:#a60c03; margin:0 auto; padding-bottom:0.4rem; }
#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,#top_bar span{ 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; }
#banner{ width:100%; height:3rem; }

/* 导航 */
#nav{ position:relative; top:0; z-index:2; }
#nav .left{ width:6.7rem; padding-right:0.8rem; overflow:hidden; }
#nav .left ul{ width:200%; background:#fff; position:relative; left:0; }
#nav .left li{ width:6.7rem; display:table; float:left; }
#nav .left a{ height:0.8rem; font:0.28rem/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/images/jtcb_icons.png) no-repeat right 0; background-size:2.94rem 1.6rem; }
#nav .left .active{ color:#d50c02; }
#nav .change{ transition:0.5s transform; transform:rotate(180deg); }

/* 优惠券 */
#coupon{ width:auto; padding:0.95rem 0.2rem 0; background:url(http://image.360lj.com/vshop/zhuanti/ctzb/images/coupon.png) no-repeat center 0; background-size:7.1rem 4.04rem; }
#coupon span{ padding:0 0.75rem; display:block; }
#coupon a{ width:2.6rem; height:1.46rem; margin:0 0.1rem 0.2rem; float:left; }

/* 满赠礼品 */
.gifts{ width:7.3rem; margin:0 auto; }
.gifts li{ float:left; padding-top:0.12rem; margin:0 0.1rem 0.2rem; position:relative; }
.gifts li h5{ width:100%; height:0.3rem; background:url(http://image.360lj.com/vshop/zhuanti/ctzb/images/gifts_icon.png) no-repeat; position:absolute; top:0; background-size:3.45rem 1.2rem; }
.gifts .one h5{ background-position:0 0; }
.gifts .two h5{ background-position:0 -0.3rem; }
.gifts .three h5{ background-position:0 -0.6rem; }
.gifts .four h5{ background-position:0 -0.9rem; }
.gifts li img{ width:3.45rem; height:3.35rem; }
.gifts li div{ width:3.05rem; font-family:'Microsoft YaHei'; text-align:center; background:#ffcc00; padding:0.16rem 0.2rem 0.15rem; }
.gifts div p,.gifts div strong{ height:0.32rem; }
.gifts div p{ font-size:0.24rem; color:#333; }
.gifts div strong{ font-size:0.2rem; color:#d90000; }
.gifts div span{ font-weight:normal; }
.gifts div b{ font-size:0.28rem; }
.gifts div p,.gifts div b{ line-height:0.32rem; }
.gifts div strong,.gifts div span{ line-height:0.36rem; }
.gifts li a,.gifts div strong{ display:block; }

/* 参茸贵细,补血阿胶,中药饮片,养生花茶,营养膳食 */
.module{ width:7.3rem; margin:0 auto; }
.module h3{ width:4.02rem; height:0.85rem; background:url(http://image.360lj.com/vshop/zhuanti/ctzb/images/title.jpg) no-repeat; background-size:4.02rem  4.25rem; margin:0.2rem auto; }
.module ul li{ float:left; margin:0 0.1rem 0.2rem; position:relative; background:#fff; }
.module .product,.module .product img,.module .now_price,.module .market_price{ display:block; }
.module .product img{ max-width:3.45rem; height:2.92rem; margin:0 auto; }
.module .product div,.module .buy{ font-family:'Microsoft YaHei'; }
.module .product div{ background:#ffcc00; padding:0.14rem 0.2rem; }
.module .product p{ width:3.05rem; color:#333; }
.module .product p,.module .now_price,.module .now_price span,.module .buy{ font-size:0.24rem; }
.module .product p,.module .now_price,.module .now_price b{ line-height:0.4rem; }
.module .now_price{ height:0.4rem; color:#d90000; }
.module .now_price span,.module .market_price span{ color:#333; }
.module .now_price span{ line-height:0.5rem; font-weight:normal; }
.module .now_price b{ font-size:0.32rem; }
.module .market_price{ height:0.28rem; font:0.2rem/0.28rem 'Microsoft YaHei'; color:#666; }
.module .market_price b{ font-weight:normal; }
.module .buy{ width:0.6rem; height:0.56rem; padding-top:0.04rem; line-height:0.3rem; text-align:center; color:#fff; background:#d90000; position:absolute; right:0.2rem; bottom:0.2rem; }
.module1 h3{ background-position:0 0; }
.module2 h3{ background-position:0 -0.85rem; }
.module3 h3{ background-position:0 -1.7rem; }
.module4 h3{ background-position:0 -2.55rem; }
.module5 h3{ background-position:0 -3.4rem; }

/* 底部的专题导航 */
#zc{ width:7.2rem; margin:0.4rem auto 0; }
#zc a{ float:left; margin:0.05rem; }
#zc a img{ width:2.3rem; height:2.28rem; }

/*弹窗*/
#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: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; }

/* 在线咨询 */
.index-kf-wrap{ width:46px; height:46px; border-radius:100%; position:fixed; bottom:140px; z-index:113;	}
.index-kf-wrap,.index-top-wrap{ right:5px; }
.kf-cont{ width:46px; height:46px; position:absolute; top:0; left:0; }
.kf-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; 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 a{ color:#007aff; font-family:'Microsoft YaHei'; }
.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; }
.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; }

