@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-size:.12rem; font-family:"思源黑体 CN";  background:#fff; font-size:.12rem;}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0; padding:0;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
a{text-decoration:none; border:none; margin:0; padding:0;}
*{ -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
img{border:none;}
.clear{ zoom:1; }
.clear:after{ content:''; clear:both; display:block; }
.fl{ float:left;}
.fr{ float:right;}
.fz{ margin:0 auto;}

/*top*/
#center{ max-width:7.5rem;margin:0 auto; width:100%; overflow:hidden;line-height: normal;color: #ccc;background: #43095f;text-align: center; }

/* 导航 */
.line{ background-color: #fff; }
.line.move{ height: 0.8rem; }
.nav{ height: 0.8rem;width: 100%;line-height: 0.8rem;text-align: center;background-color:#fff;color: #666666;z-index: 500;position: relative;font-size: 0.28rem;max-width: 7.5rem; }
.nav.move{ position: fixed;top: 0; }
.nav.box{ height: 3rem;border-top: .03rem solid #8fc1e8;width: .5rem; }
.nav .swiper-container { height: 0.8rem; }
.nav .swiper-slide { text-align: center;width: auto;white-space: nowrap;padding: 0 0.3rem; }
.nav .swiper-slide.on{ color:#000000; }
.direction{ background-color: #fff;width: 0.8rem;right: 0;height: 0.8rem;background-color: #1ba151;position: absolute;top:0;z-index: 9999;background:#1ba151 url(//image.360lj.com/vshop/zhuanti/hxd/images/right.png) no-repeat;background-size: 100% 100%;display: none; }
.direction-prev{ transform:rotate(180deg); }
.swiper-pagination .swiper-pagination-bullet{ display: none; }

/* banner */
.page-img { width: 7.5rem; }

/*优惠券*/
.coupon-tit { display: block;margin: 0 auto .2rem;width: 5.23rem;height: 1.66rem;line-height: normal;color: #fff;border: .01rem solid transparent; }
.coupon-tit > div { margin: .4rem auto .14rem;font-size: .34rem;font-weight: bold; }
.coupon-tit > p { font-size: .18rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.coupon-box { display: flex;flex-wrap: wrap;justify-content: center; }
.coupon-box > a { display: inline-block;margin: .1rem; }
.coupon-box > a > img { width: 100%; }

/*联系客服*/
.zxkf { display: block;margin: .3rem auto;width: 5.23rem }
.zxkf > img { width: 100%; }

/*标题*/
.tit { display: block;margin: .2rem auto;width: 5.23rem;height: 1.05rem;font-size: .36rem;line-height: normal;color: #fff;border: .01rem solid transparent }
.tit > p { margin-top: .44rem;font-weight: bold; }

/*商品展示*/
.show { display: flex;flex-wrap: wrap;justify-content: center; }
.show > a { position: relative;display: inline-block;margin: .1rem;padding: 0 0 .2rem;width: 3.5rem;text-align: left;color: #fff;border-radius: .1rem;border: .01rem solid transparent;background: #f41f33; }
.show > a > div { display: block;margin: 0 .2rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.show > a > .show-img { margin: .2rem .2rem 0;background: #fff;border: 1px solid transparent; }
.show > a > .show-img > img { display: block;margin: .2rem auto;width: 2.77rem;height: 2.77rem; }
.show > a > div:nth-of-type(2) { font-size: .26rem; }
.show > a > div:nth-of-type(3) { font-size: .18rem;text-decoration: line-through; }
.show > a > div:nth-of-type(4) { margin-top: -.1rem;font-size: .24rem; }
.show > a > div:nth-of-type(4) > span { font-size: .34rem; }
.show > a > span { position: absolute;display: block;width: 1.23rem;height: .43rem;right: .1rem;bottom: .2rem;background: url(../img/ckxq.png) no-repeat center;background-size: 100%; }

.wxts { margin: .4rem auto;width: 5.23rem;border: 1px solid transparent; }
.wxts > div { padding: .36rem 0 0;height: .58rem;font-size: .36rem;color: #fff;font-weight: bold;background: url(../img/wxts.png) no-repeat center;background-size: 100%; }
.wxts > p { display: block;padding: .25rem;font-size: .18rem;line-height: .24rem;color: #fff;text-align: left;border-radius: 0 0 .1rem .1rem;background: #e92437; }

