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

body { margin:0; padding:0; font-size:12px;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;}
*{ -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;}
.title{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

/*头部*/

/*top*/
#center{ max-width:640px; min-width:320px; margin:0 auto; width:100%; background:#3a37ff; overflow:hidden;padding-bottom: 0.2rem; }
#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; float:left; background-size: 4.26rem 2.52rem;}
#top_bar .right{ float:right; }
.banner img{ width:100%;display: block; }

/* 导航 */
#nav{ width:6.4rem; top:0; z-index:2;}
#nav_zh{ width:100%; position:relative;}
#nav .left{ /*width:calc(100% - 0.8rem);*/ width:5.6rem; height:0.8rem; overflow:hidden; background:#fff;}
#nav .left ul{ width:200%; background:#fff; position:relative; left:0; }
#nav .left li{ width:5.6rem; height:0.8rem; line-height:0.8rem; display:table; float:left; }
#nav .left a{ height:0.8rem; font:0.24rem/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(../images/right.png) no-repeat; background-size:cover;}
#nav .left .active{ color:#3a37ff; }
#nav .change{ transition:0.5s transform; transform:rotate(180deg); }
#nav .left ul:after{ content:''; clear:both; display:block; }

.box_title img { width: 100%;display: block; }
.mubu{ position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: none; }

/* 免单日入口 */
.mdr_entry{ position: relative; }
.mdr_entry a{ position: absolute;display: block;width: 3.6rem;height: 1.5rem;top: 0.3rem;left: 0.7rem; }


/* 优惠券 */
.popup_box { position: relative; }
.coupon_box{  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-box-pack: space-around;-webkit-justify-content: space-around;-ms-flex-pack: space-around;justify-content: space-around;
    padding:0 0.43rem;position: absolute;top: 1.3rem;width: 100%;box-sizing: border-box; }
.coupon_box a{ display: inline-block;width:1.6rem;height: 0.85rem; }

.remanent_box{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-box-pack: space-around;-webkit-justify-content: space-around;-ms-flex-pack: space-around;justify-content: space-around;
    padding: 0 0.3rem;position: absolute;top: 2.3rem;width: 100%;box-sizing: border-box; }
.remanent_box .bar_box{ width: 1rem;height: 0.16rem;border-radius: 0.08rem;display: inline-block;box-sizing: border-box;border: 0.02rem solid #6b3ce5;overflow: hidden; }
.remanent_box .bar{ height: 100%;border-radius: 0.08rem;background-color: #6b3ce5;width: 100%; }




/* 产品列表 */
.rc_list{ margin: 0 0.17rem;
    display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-box-pack: space-around;-webkit-justify-content: space-around;-ms-flex-pack: space-around;justify-content: space-around;
    flex-wrap: wrap; }

.rc_list li{ background-color: #fff;padding: 0.2rem;margin-bottom: 0.15rem; }
.rc_list li a>img{ width: 2.49rem;height: 2.49rem;display: block;background-color: #ccc; }
.rc_list .tit{ color: #333;font-size: 0.22rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 0.45rem;width: 2.39rem; }
.rc_list .shop_txt { font-size: 0.153rem;color: #787878;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 2.39rem; }
.rc_list .price_info{ box-shadow: -0.02rem 0.02rem 0.02rem 0.02rem #b4b2b3;margin-top: 0.1rem;position: relative; }
.rc_list .price_info .old_price{ font-size: 0.153rem;color: #666666;text-decoration: line-through;text-indent: 0.05rem;padding-top: 0.04rem; }
.rc_list .price_info .now_price{ color: #e85355;font-size: 0.17rem;text-indent: 0.05rem; }
.rc_list .price_info .now_price span{ font-size: 0.26rem; }
.rc_list .price_info img{ height: 100%;position: absolute;right: 0;top: 0; }


.good_list{ margin: 0 0.17rem;
    display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-box-pack: space-around;-webkit-justify-content: space-around;-ms-flex-pack: space-around;justify-content: space-around;
    flex-wrap: wrap; }
.good_list li{ background-color: #fff;margin-bottom: 0.18rem;padding-bottom: 0.1rem;; }
.good_list li a .img_box{ width: 2.8rem;height: 2.8rem;display: block;border-bottom: 0.01rem solid #efefef; }
.good_list li a .img_box img{ width: 100%;height: 100%; }
.good_list .tit{ color: #333;font-size: 0.22rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 0.45rem;width: 2.8rem; }
.good_list .good_info{ box-sizing: border-box;padding: 0.1rem;width: 2.8rem; }
.good_list .price{ position: relative; }
.good_list .now_price{ color: #ff2427;display: inline-block; }
.good_list .now_price span{ font-size: 0.29rem; }
.good_list .old_price{ display: inline-block;position: absolute;right: 0;bottom: 0;color: #333; }
.good_list .old_price del{ color: #999;margin-left: 0.06rem;; }
.good_list .btn{ width:1.65rem;height: 0.384rem;line-height: 0.384rem;text-align: center;font-size: 0.24rem;color: #fff;background-color: #ff2427;margin: 0 auto;border-radius: 0.192rem; }