@charset "utf-8";
/* Reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*background: transparent;*/
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img {    border:0;}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
/* h1, h2, h3, h4, h5, h6 {
    font-size:200%;
    font-weight:normal;
} */
:focus { outline: 0;}
a{ text-decoration:none;}
a:hover img{ border:none;}

/* a:active{noOutline:expression(this.onFocus=this.blur());} */
/*清除浮动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Reset.css */

/* Index.css */
body{
    max-width: 750px;
    margin:0 auto;
    background: #f2f2f2;
}
.container{
    width: 7.1rem;
    margin: 0 auto;
}
header{
    background-color: #005BAC;
    padding-top: .4rem;
    padding-bottom: .16rem;
    
}
header .container{
    display: flex;
    flex-direction: row;
    align-items: center;
}
header .area{
    font-size: .28rem;
    color: #FFFFFF;
    white-space: nowrap;
}
header .search-box{
    margin-left: 0.2rem;
    background: #F2F2F2;
border-radius: .08rem;
border-radius: .08rem;
width: 4.6rem;
height: .56rem;
display: flex;
flex-direction: row;
align-items: center;
}
header .search-box .icon{
    margin-left: .2rem;
    margin-right: .1rem;
    width: .32rem;
    height: .32rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/search@3x.png) center center/100% 100% no-repeat;
}
header .search-box input{
    outline: none;
    border: 0;
    background: #F2F2F2;
    color: #9F9F9F;
}
header .kf{
    width: .48rem;
    height: .48rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/kf@3x.png) center center/100% 100% no-repeat;
    margin-left: .32rem;
}
.main-nav{
    padding-top: .4rem;
    padding-bottom: .6rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/diwen@3x.png) center center/100% 100% no-repeat;
    position: relative;
}
.main-nav .button{
    display: none;
}
.login{
    height: 5.04rem;
    box-sizing: border-box;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/login@3x.png) center center/100% 100% no-repeat;
}
.login .button{
    font-size: .26rem;
color: #005BAC;
letter-spacing: 0;
text-align: center;
    width: 2.2rem;
    height: .72rem;
    display: inline-block;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/button@3x.png) center center/100% 100% no-repeat;
    font-weight: 600;
    line-height: .65rem;
    position: absolute;
    top: 3.8rem;
    left: 3rem;
}

.main-nav .list{
    display: flex;
    flex-direction: row;
align-items: center;
justify-content: space-around;
}
.main-nav .list .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .28rem;
color: #FFFFFF;
text-align: center;
}
.main-nav .list .item .icon{
    display: inline-block;
    width: .64rem;
    height: .64rem;
    margin-bottom: .16rem;
}
.main-nav .list .bx .icon{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/mainNav1@3x.png) center center/100% 100% no-repeat;
}
.main-nav .list .bd .icon{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/mainNav2@3x.png) center center/100% 100% no-repeat;
}
.main-nav .list .lp .icon{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/mainNav3@3x.png) center center/100% 100% no-repeat;
}
.main-nav .list .zx .icon{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/mainNav-zx@3x.png) center center/100% 100% no-repeat;
}
.main-nav .list .qy .icon{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/mainNav4@3x.png) center center/100% 100% no-repeat;
}
.nav {
    background: #FFFFFF;
border-radius: 0 0 15px 15px;
padding: .4rem 0 .04rem;
}
.nav .list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: .24rem;
color: #262626;
text-align: center;
line-height: .24rem;
}
.nav .list .item{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .36rem;
}
.nav .list .item .icon{
    display: inline-block;
    width: .56rem;
    height: .56rem;
    margin-bottom: .2rem;
    position: relative;
}

.nav .list .item .icon-hot::before{
    content: 'hot';
    width: .48rem;
    height: .24rem;
    background-image: linear-gradient(180deg, #F9A91C 0%, #F69914 64%, #F08006 100%);
border: 0 solid #FFFFFF;
border-radius: .1rem 0 .1rem 0;
color: #fff;
position: absolute;
    right: -.3rem;
    top: -.1rem;
text-align: center;
font-size: .14rem;
}
.nav .list .mfzx .icon {
  
  /*/images/v3/new/cpic_icons_mfzx.png*/
    background: url(/images/v3/new/cpic_icons_mfzx1.png) center center/100% 100% no-repeat;
}
.nav .list .bdxz .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav1@3x.png) center center/100% 100% no-repeat;}
.nav .list .lpcx .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav2@3x.png) center center/100% 100% no-repeat;}
.nav .list .wdcx .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav3@3x.png) center center/100% 100% no-repeat;}
.nav .list .wdbd .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav4@3x.png) center center/100% 100% no-repeat;}
.nav .list .appDown .icon{background: url(/images/v3/new/nav5_1@3x.png) center center/100% 100% no-repeat;}
.nav .list .cxfw .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav6@3x.png) center center/100% 100% no-repeat;}
.nav .list .mftj .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav7@3x.png) center center/100% 100% no-repeat;}
.nav .list .znbg .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav8@3x.png) center center/100% 100% no-repeat;}
.nav .list .jfsc .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav9@3x.png) center center/100% 100% no-repeat;}
.nav .list .gdfw .icon{background: url(https://mcdn.cpiccdn.com/images/v3/new/nav10@3x.png) center center/100% 100% no-repeat;}
.nav .list .lyb .icon {
  background: url(/images/v3/new/icon_200.png) center center/100% 100% no-repeat;
}
.nav .list .cqyl .icon {
  background: url(/images/v3/new/icon_12.png) center center/100% 100% no-repeat;
}
.news {
    display: none;
}
.news .container{
    background: #FFFFFF;
border-radius: .1rem;
border-radius: .1rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding:.11rem .2rem .11rem .2rem;
box-sizing:border-box;
margin-top: .16rem;
}
.news .container .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.news .container .content .new{
    margin: .11rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.news .new i{
    font-size: .20rem;
    text-align: center;
    height: .28rem;
    line-height: .28rem;
    margin-right: .1rem;
    font-style: normal;
    border-radius: .05rem;
}
.news .new .hd{
    color:#F5A100;
    border:.01rem solid #F5A100;
}
.news .new .fw{
    color:#009DDC;
    border:.01rem solid #009DDC;
}
.news .new .til{
    font-size: .26rem;
    color: #262626;
    line-height: .26rem;
    margin-right: .1rem;
}
.news .new .time{
    font-size: .26rem;
    line-height: .26rem;
    color: #9F9F9F;
}
.news .container .go{
    width: .14rem;
    height: .24rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/moreIcon.png) center center/100% 100% no-repeat;
}
/* banner图片 */
.swiper-container1{
    margin-top: .2rem;
    width: 7.1rem 
}
.swiper-pagination1{
    height: .08rem;
    bottom: .12rem !important;
    line-height: .08rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.swiper-pagination-bullet{
    width: .08rem !important;
    height: .08rem !important;
    background: rgba(255,255,255,0.50) !important;
    margin:  0 .08rem 0 0 !important;
}
.swiper-pagination-bullet-active{
    background: #FFFFFF !important;
    width: .24rem !important;
    border-radius: .04rem !important;
}
/* banner图片 */

/* 智能推荐 */
.product-box{
    margin-top: 0;
}
.product-box .container{
    background: #fff;
    border-radius: .1rem;
}
.product-box .top {
    border-bottom: 0.01rem solid #f2f2f2;
    padding: 0.4rem 0.22rem 0;
    box-sizing: border-box;
}
.product-box .top .til {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.product-box .top h4 {
    font-size: 0.36rem;
color: #262626;
font-weight: 600;
}
.product-box .top .til a {
    font-size: 0.24rem;
    color: #999999;
    text-align: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    letter-spacing: 0;
}
.product-box .top .til a .moreIcon {
    /* display: inline-block; */
    width: 0.12rem;
    height: 0.2rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/moreIcon.png) center center/100% 100% no-repeat;
    margin-left: 0.1rem;
}
.product-box .top .tab-box ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top: 0.32rem;
}
.product-box .top .tab-box .tab {
    font-size: 0.26rem;
    color: #333333;
    height: 0.52rem;
}
.product-box .top .tab-box .active {
    position: relative;
    color: #005bac;
}
.product-box .tab-box .active i {
    position: absolute;
    left: 0;
    bottom: -0.01rem;
    display: block;
    width: 100%;
    background: #005bac;
    border-radius: 0.1rem;
    height: 0.04rem;
}

.product-box .bottom .swiper-slide {
    /* padding-bottom: 0.6rem; */
}
.product-box .bottom .product {
    width: 6.5rem;
    height: 1.98rem;
    /* margin: 0.3rem auto 0; */
    margin: 0.22rem 0.26rem 0;
    padding-bottom: .22rem;
    display: flex;
    flex-direction: row;
    align-content: center;
    background: #ffffff;
    position: relative;
    border-bottom: solid .01rem #EDEDED;
}
.product .product_url {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.product .product-img-box {
    width: 2.14rem;
    height: 1.98rem;
    margin-right: 0.28rem;
}
.product .product-img-box img {
    display: inline-block;
    width: 2.14rem;
    height: 1.98rem;
}
.product .product-inf {
    position: relative;
    height: 1.98rem;
    width: 100%;
}
.product .product-inf .til {
    font-size: 0.3rem;
    /* width: 3.25rem; */
color: #262626;
line-height: .4rem;
}
.product .product-inf .dec {
    display: block;
    /* width: 4rem; */
    color: #575757;
    font-size: .26rem;
color: #9F9F9F;
}
.product .product-inf .price-url {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
}
.product .product-inf .price-url .price-box {
    font-size: 0.24rem;
    color: #e83344;
    line-height: 0.2rem;
    float: left;
}
.product .product-inf .price-url .price-box .price {
    font-size: 0.4rem;
    color: #e83344;
    line-height: 0.4rem;
    margin-left: .04rem;
    margin-right: .08rem;
}

.product .product-inf .price-url .url {
    float: right;
    font-size: 0.24rem;
    color: #005bac;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.product .product-inf .price-url .url .icon {
    display: inline-block;
    height: 0.26rem;
    width: 0.26rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/lijitoubao.png) center center/100% 100% no-repeat;
    margin-left: 0.06rem;
    /* vertical-align: text-top; */
}
.product .tag {
    width: 54px;
    height: 21px;
    /*background: url(https://mcdn.cpiccdn.com/images/v3/tag_yiliao.png) center center/100% 100% no-repeat;*/
    position: absolute;
    top: -0.01rem;
    right: -0.01rem;
}
.product .ccx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_ccx.png) center center/100% 100% no-repeat;
}
.product .lyx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_lyx.png) center center/100% 100% no-repeat;
}
.product .qyx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_qyx.png) center center/100% 100% no-repeat;
}
.product .sx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_sx.png) center center/100% 100% no-repeat;
}
.product .ylx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_ylx.png) center center/100% 100% no-repeat;
}
.product .ywx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_ywx.png) center center/100% 100% no-repeat;
}
.product .zjx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_zjx.png) center center/100% 100% no-repeat;
}
.product .ylx2 {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_yiliao.png) center center/100% 100% no-repeat;
}
.product .jyx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_jyx.png) center center/100% 100% no-repeat;
}
.product .lcx {
    background: url(https://mcdn.cpiccdn.com/images/v3/tag_lcx.png) center center/100% 100% no-repeat;
}
/* 智能推荐 */
/* 健康社区start */
.healthy{
    margin-top: .28rem;
}
.healthy .container{
    background: #FFF;
border-radius: .1rem;
border-radius: .1rem;
padding: .46rem .2rem .24rem .22rem;
box-sizing: border-box;
}
.healthy .container .til{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.healthy .container .til h4{
    font-size: .36rem;
color: #262626;
line-height: .36rem;
font-weight: 600;
}
.healthy .container .til a{
    font-size: 0.24rem;
    color: #999999;
    text-align: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    letter-spacing: .03rem;
}
.healthy .container .til a .moreIcon {
    /* display: inline-block; */
    width: 0.12rem;
    height: 0.2rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/moreIcon.png) center center/100% 100% no-repeat;
    margin-left: 0.1rem;
}
.healthy .banner{
    width: 6.7rem;
    height: 1.6rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/healthyBanner@3x.png) center center/100% 100% no-repeat;
    margin: .4rem auto 0;
}
.healthy .content{
    margin-top: .3rem;
}
.healthy .content .list{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-around;
}
.healthy .content .list .item a{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: .24rem;
color: #262626;
}
.healthy .content .list .item a i{
    width: .88rem;
    height: .88rem;
    display: inline-block;
}
.healthy .content .list .yqdt i{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/healthy1@3x.png) center center/100% 100% no-repeat;
}
.healthy .content .list .AIzz i{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/healthy2@3x.png) center center/100% 100% no-repeat;
}
.healthy .content .list .zxyz i{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/healthy3@3x.png) center center/100% 100% no-repeat;
}
.healthy .content .list  .jsty i{
    background: url(https://mcdn.cpiccdn.com/images/v3/new/healthy4@3x.png) center center/100% 100% no-repeat;
}
.healthy .content .list .item a span{
    margin-top: .2rem;
}


/* 健康社区end */
/* 底部 */
.body-bottom {
    /* height: 2.3rem; */
    margin-top: 0.5rem;
    background: #f2f2f2;
    /* margin-bottom: 2.16rem; */
}
.body-bottom .list {
    padding: 0 0.3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.body-bottom .list a {
    font-size: 0.2rem;
    color: #9f9f9f;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.body-bottom .list a i {
    display: inline-block;
    width: .04rem;
    height: .18rem;
    background: #E1E1E1;
    margin-right: .08rem;
}
.body-bottom .list .zixun i {
    width: 0.26rem;
    height: 0.26rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/footer-bxzx.png) center center/100% 100% no-repeat;
}
.body-bottom .list .wx i {
    width: 0.26rem;
    height: 0.26rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/footer-wx.png) center center/100% 100% no-repeat;
}
.body-bottom .list .kf i {
    width: 0.24rem;
    height: 0.26rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/footer-kf.png) center center/100% 100% no-repeat;
}
.body-bottom .list .pc i {
    width: 0.26rem;
    height: 0.22rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/footer-pc.png) center center/100% 100% no-repeat;
}
.body-bottom .list .fenge {
    display: inline-block;
    width: 0.01rem;
    height: 0.18rem;
    /* margin-left: .18rem; */
    background: #E1E1E1;
}
.body-bottom .copyright {
    font-size: 0.2rem;
    color: #9f9f9f;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.32rem;
    width: 6.72rem;
    margin: 0 auto;
    margin-top: 0.28rem;
}
/* 底部 */
/* 浮窗 */
.bottom-nav-box {
    height: 2.16rem;
}
.bottom-nav {
    position: fixed;
    bottom: 1rem;
    width: 100%;
    z-index: 1000;
}
.bottom-nav .pop {
    width: 100%;
/*20191125*/
    height: 1rem;
  position: relative;
  top:0;
  /*20191125*/
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #ffffff;
   /* box-shadow: 0 -0.06rem 0.1rem 0 #efefef;*/
    /* border-bottom: 0.02rem #efefef; */
    background: rgba(255,255,255,0.83);
}
.bottom-nav .pop img {
    width: 0.84rem;
    height: 0.84rem;
    margin-left: 0.38rem;
    margin-right: 0.22rem;
    position: relative;
    top: 0.04rem;
}
.bottom-nav .pop .dec {
    width: 3.5rem;
    height: 0.68rem;
    font-size: 0.24rem;
    color: #575757;
    letter-spacing: 0;
    margin-right: 0.24rem;
}
.bottom-nav .pop .appDw {
    display: inline-block;
    width: 1.8rem;
    height: 0.64rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/appDw.png) center center/100% 100% no-repeat;
}
.bottom-nav .pop .closeIcon {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.22rem;
    position: absolute;
    top: .1rem;
    right: .1rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/pop_close.png) center center/100% 100% no-repeat;
}
/* 浮窗 */
/* 弹窗 */
.activity{
    z-index: 10002;
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(24,24,24,.7);
}
.activity .activity-box{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 0;
}
.activity .img{
    width: 5.42rem;
    height: 7.32rem;
}
.activity .close{
    display: inline-block;
    width: .64rem;
    height: .64rem;
    background: url(https://mcdn.cpiccdn.com/images/v3/new/activity-close@3x.png) center center/100% 100% no-repeat;
    position: relative;
    bottom: -.34rem;
}
/* .SRtab-content-block . */
/* 弹窗 */
/*投诉入口*/
.nav .list .tsrk .icon {
    background: url(/images/v3/new/icon_ts.png) center center/100% 100% no-repeat;
}
.tsrk_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}
.tsrk_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.5;
    background: #000000;
}
.tsrk_container{
    position: absolute;
    left: 0;
    bottom: 0;
  		width: 100%;
}
.tsrk_title{
    font-size: 14px;
    color: #999999;
}
.tsrk_link{
    font-size: 16px;
    color: #101010;
}
.tsrk_item{
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    font-family: PingFangSC-Regular;
    text-align: center;
    font-weight: 400;
    line-height: 60px;
}
.tsrk_item:after { 
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.tsrk_cancel{
    border-top: 10px solid #F9FBFC;
    height: 60px;
    background: #FFFFFF;
    font-family: PingFangSC-Regular;
    text-align: center;
    font-weight: 400;
    line-height: 60px;
    font-size: 16px;
    color: #101010;
}
/* Index.css */