@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;}

/*头部*/

/*top*/
#center{ max-width:750px; min-width:320px; margin:0 auto; width:100%; overflow:hidden;color: #ccc;background-color: #ffe8bd; }

#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,.full img{ width:100%;display: block; }

.title_box{ width: 4.85rem;background: url(../images/title.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 0.36rem;color: #1ba151;font-size: 0.36rem;font-weight: 600;margin: 0.3rem auto;padding: 0.22rem; }

/* 导航 */
.line{ background-color: fff; }
.line.move{ height: 0.8rem; }
.nav{ height: 0.8rem;width: 100%;line-height: 0.8rem;text-align: center;background-color: #fefaf1;color: #fc7594;z-index: 999;position: relative;color: #333;font-size: 0.28rem;max-width: 7.5rem; }
.nav.move{ position: fixed;top: 0; }
.nav .box{ height: 300px;border-top: 3px solid #1ba151;width: 50px; }
.nav .swiper-container { height: 0.8rem; }
.nav .swiper-slide { text-align: center;background: #fefaf1;width: 1.67rem;color: #fc7594; }
.nav .swiper-slide.on{ color: #8c1010; }
.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(http://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; }

/* 优惠券 */
.coupon_box{ position: relative;width: 100%; }
.coupon{ position: absolute;display: flex;top: 1.8rem;left: 0;width: 100%;justify-content: space-between;box-sizing: border-box;padding: 0 0.9rem; }
.coupon a{ display: block;width: 1.87rem;height: 1.6rem; }

/* 推荐套餐 */
.recommond_list{ position: relative; }
.recommond_list .rem_list{ position: absolute;top: 0.2rem;left: 0;width: 100%; }
.recommond_list .rem_list a{ display: flex;justify-content: space-around;align-items: center;padding: 0.18rem 0; }
.recommond_list .rem_list a h1{ font-size: 0.42rem;color: #fff;background-color: #ff77a5;padding: 0.06rem 0.14rem;border-radius: 0.1rem;text-align: center; }
.recommond_list .rem_list a .tit{ font-size: 0.3rem;color: #5aae86;border-bottom: 0.01rem solid #4490a6;line-height: 0.46rem;margin-top: 0.06rem;text-align: center; }

.recommond_list .rem_list a:nth-child(1) img{ width: 2.89rem;position: relative;top: 0.52rem; }
.recommond_list .rem_list a:nth-child(2){ padding-left: 0.7rem; }
.recommond_list .rem_list a:nth-child(2) img{ width: 2.59rem }
.recommond_list .rem_list a:nth-child(3){ padding-right: 0.2rem;; }
.recommond_list .rem_list a:nth-child(3) img{ width: 3.02rem;position: relative;top: 0.66rem;  }
.recommond_list .price_box{ font-size: 0.22rem;color: #ff7ca9;padding: 0.06rem 0 0.12rem 0; }
.recommond_list .price_box b{ font-size: 0.28rem;color: #3f8307; }
.recommond_list .price_box b span{ font-size: 0.54rem;color: #f04b6a; }
.recommond_list .btn{ font-size: 0.23rem;color: #fff;background-color: #ff77a5;display: inline-block;padding: 0.07rem 0.17rem;border-radius: 0.12rem;float: right;white-space: nowrap; }

/* 产品列表 */
.shop_list{ display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0.1rem 0.4rem; }
.shop_list li{ width: 3.24rem;box-sizing: border-box;border: 0.08rem solid #fff;padding: 0.06rem;border-radius: 0.15rem;margin: 0.1rem 0; }
.shop_list li a{ display: block;background-color: #fff;border-radius: 0.08rem;text-align: center;padding: 0.1rem }
.shop_list .img_box{ display: inline-block;width: 2.2rem;height: 2.2rem; }
.shop_list .img_box img{ width: 100%; }
.shop_list .tit{ font-size: 0.24rem;color: #5aae86;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;line-height: 0.52rem;border-bottom: 0.01rem solid #4490a6;; }
.shop_list .bottom_box { display: flex;justify-content: space-between;padding-top: 0.14rem;  }
.shop_list .bottom_box .price_box { color: #ff77a5;font-size: 0.16rem;display: flex;white-space: nowrap; }
.shop_list .bottom_box .price_box b{ color: #ff7f54; }
.shop_list .bottom_box .price_box b span{ font-size: 0.28rem; }
.shop_list .bottom_box .btn{ background-color: #ff77a5;color: #fff;font-size: 0.18rem;line-height: 1em;padding: 0.06rem 0.11rem;border-radius: 0.1rem;white-space: nowrap; }

/* 底部 */
.bottom_nav{ display: flex;justify-content: space-between;padding: 0.3rem 1.32rem; }
.bottom_nav a{ display: block;padding: 0.08rem;font-size: 0.34rem;color: #fff;background-color: #ff77a5; }