body{
    background-color: #ffc5cd;
}
html{
    overflow-x: scroll ;
}
.topic-list{
    margin-bottom: 0.25rem;
}
.index-kf-wrap{
    z-index: 10000!important;
}
.ch-viewport{
    min-width: 300px;
    max-width: 750px;
    margin: 0 auto;
    background: #fec5cd;
    background-size: 100% 100%;
    overflow: hidden;
}
/* banner */
.ch-banner{ width: 100%; position: relative;  overflow: hidden; }
.ch-cnm img{width: 1rem; position: absolute;z-index: 999;
    margin-left: 0.25rem;}


/*导航*/
.line{ background-color: #ffffff; }
.line.move{ height: 0.8rem; }
.nav{ height: 0.8rem;width: 100%;line-height: 0.8rem;text-align: center;background-color: #ff9527;color: #ff9527;z-index: 999;position: relative;color: #ff9527;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: #ff9527;width: 1.67rem;color: #fffefe; }
.nav .swiper-slide.on{color: #8c4700;
}
.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(https://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; }


/*领券折上折*/
.ch-lingquan{width: 100%;}
.ch-lingquan>img{width: 100%;}
.ch-lingquan .ch-lingquan-conter{width: 100%; height: 2.1rem;  }
.ch-lingquan .ch-lingquan-conter .ch-left{width: 3.35rem;  float: left;  margin-left: 0.3rem;}
.ch-lingquan .ch-lingquan-conter .ch-left>a>img{width: 100%;}
.ch-lingquan .ch-lingquan-conter .ch-right{width: 3.35rem;  float: right;  margin-right: 0.3rem;}
.ch-lingquan .ch-lingquan-conter .ch-right>a>img{width: 100%;}

/*不可忽视*/
.ch-bukehushi{width: 100%;}
.ch-bukehushi>img{width: 100%;}
.ch-bukehushi .ch-gutoutang{width: 100%;}
.ch-bukehushi .ch-gutoutang>img{width: 100%;}

/*补钙*/
.ch-bugai{width: 100%;}
.ch-bugai>img{width: 100%;}

/*科学补钙*/
.ch-kexue{width: 100%;}
.ch-kexue>img{width: 100%;}
.ch-kexue .ch-conter{width: 100%; position: relative;}
.ch-kexue .ch-conter>a>img{width: 100%; }
.ch-kexue .ch-conter>a>.ch-jiage{  width: 2.3rem;  height: 0.8rem;  position: absolute;  top: 2.1rem;  left: 3.75rem; }
.ch-kexue .ch-conter>a>.ch-jiage>b{line-height: 0.8rem; color: #ffffff;  font-size: 0.25rem;}
.ch-kexue .ch-conter>a>.ch-jiage>span{color: #ffffff;  font-size: 0.5rem;  font-weight: bolder;  }
.ch-kexue .ch-conter1{width: 100%; position: relative;}
.ch-kexue .ch-conter1>a>img{width: 100%;
    margin-top: -0.07rem;}
.ch-kexue .ch-conter1>a>.ch-jiage1{  width: 2.3rem;  height: 0.8rem;  position: absolute;  top: 2.1rem;  left: 0.4rem; }
.ch-kexue .ch-conter1>a>.ch-jiage1>b{line-height: 0.8rem; color: #ffffff;  font-size: 0.25rem;}
.ch-kexue .ch-conter1>a>.ch-jiage1>span{color: #ffffff;  font-size: 0.5rem;  font-weight: bolder;  }

/*维生素AD*/
.ch-weishengsu{width: 100%;}
.ch-weishengsu>img{width: 100%;}
.shop_list{ display: flex;flex-wrap: wrap; margin-top: -0.2rem; }
.shop_list li{ width: 3.4rem;box-sizing: border-box;
    margin-top: 0.2rem; margin-left: 0.23rem;}
.shop_list li a{ display: block; text-align: center; border: 1px solid #f3f0fd; background-color: #fff;border-radius: 5px; }
.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.25rem;color: #f94ebd;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;line-height: 0.52rem;  text-align: center; }
.shop_list .bottom_box>img{width: 100%;}
.shop_list .bottom_box .price_box { font-size: 0.25rem;white-space: nowrap;  margin-left: 0.1rem; text-decoration: line-through;
    float: right;
    margin-right: 0.3rem;
    margin-top: 0.05rem;}
.shop_list .bottom_box .price_box span{ font-size: 0.25rem;  margin-top: 0.05rem; }
.shop_list .bottom_box .price_box1 {color: #f945ba;font-size: 0.3rem;display: flex;white-space: nowrap;  margin-left: 0.2rem;  font-weight: bolder;}
.shop_list .bottom_box .price_box1 span{ font-size: 0.4rem;  margin-top: -0.02rem; }
.shop_list .ch-btn{ width: 2.5rem;height: 0.55rem;  border: 1px solid #ff6eb1; background-color: #ff6eb1;
    text-align: center; display: inline-block; border-radius: 15px; white-space: nowrap;
    margin-bottom: 0.15rem;
    margin-top: 0.1rem;}
.shop_list .ch-btn>span{line-height: 0.55rem; color: #fffaf9;
    font-size: 0.3rem;
}

/*孕妇补钙*/
.ch-yunfu{width: 100%;}
.ch-yunfu>img{width: 100%;}

/*小儿补钙*/
.ch-xiaoerbugai{width: 100%;}
.ch-xiaoerbugai>img{width: 100%;}

/*中老年补钙*/
.ch-zhonglaonian{width: 100%;}
.ch-zhonglaonian>img{width: 100%;}

/*维生素专区*/
.ch-zhuanqu{width: 100%;}
.ch-zhuanqu>img{width: 100%;}

/*底部*/
.dibu{width: 100%;}
.dibu>img{width: 100%;}