/*首页健康咨询信息*/
#healthinfo{width: auto; height: 50px; border-bottom: 1px solid #e5e5e5; background-color: #fff; padding: 10px; margin-bottom: 10px; font-family: 'Microsoft Yahei';}
#healthinfo .phote{float: left; width: 70px; height: 50px; background-image: url(/picture/home/healthinfo/prompt.png); background-repeat: no-repeat; background-size: 41px 37px; background-position: 10px center;}
#healthinfo .list{position: relative; width: auto; height: 50px; border-left: 1px solid #e5e5e5; overflow: hidden;}
#healthinfo .list ul{padding-left: 10px; height: 50px; line-height: 25px;}
#healthinfo .list ul li{font-size: 14px; height: 25px; overflow: hidden; color: #626262;}
#healthinfo .list ul li::before{content: ""; background-color: #ff6766; width: 6px; height: 6px; border-radius: 50%; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}

/*健康咨询列表*/
#healthinfo_list .h_nav{ position: fixed; top: 45px; max-width: 640px; /*text-align: center;*/ font-family: 'Microsoft Yahei'; color: #333; background: #fff; line-height: 40px; z-index: 99; overflow-y: scroll;}
#healthinfo_list .h_nav a{display: block; color: currentColor; font-size: 16px;}
#healthinfo_list .h_nav .top{ position: relative; height: 42px; line-height: 42px; overflow-y: hidden; overflow-x: scroll; margin-right: 20px; border-bottom: 1px solid #f2f4f7;}
#healthinfo_list .h_nav .top_bottom_i{display: block; height: 1px; border-bottom: 1px solid #e5e5e5;}
#healthinfo_list .h_nav .top::-webkit-scrollbar{width: 100%; height: 0px;}
#healthinfo_list .h_nav .top li{ display: inline-block; min-width: 64px; text-align: center; position: relative; overflow: hidden; white-space: nowrap; margin: 0 3px; }
#healthinfo_list .h_nav .top li i{ position: absolute; bottom: 5px; right: 5px; display: block; width: 0px; height: 0px; border-top: 8px solid transparent; border-right: 8px solid #dcdcdc;}
#healthinfo_list .h_nav .type_1{ display: none;}
#healthinfo_list .h_nav .type_1 .left{ height: 205px; width: 80px; float: left; border-right: 1px solid #e5e5e5; overflow-y: scroll; overflow-x: hidden; }
#healthinfo_list .h_nav .type_1 .left a{ border-bottom: 1px solid #e5e5e5;}
#healthinfo_list .h_nav .type_1 .right{ width: auto; height: 205px; overflow-y: scroll; overflow-x: hidden;}
#healthinfo_list .h_nav .type_1 .right li{ width: 28%; float: left; margin: 12px 0 12px 4%; border: 1px solid #e5e5e5; border-radius: 3px; height: 40px;}
#healthinfo_list .h_nav .type_2{ display: none; width: 100%; height: auto; overflow-y: scroll; overflow-x: hidden; padding-bottom: 15px;}
#healthinfo_list .h_nav .type_2 li{width: 20%; height: 26px; line-height: 26px; float: left; margin: 15px 0 0 4%; border: 1px solid #e5e5e5; border-radius: 20px;}
#healthinfo_list .h_nav .type_2 a{ font-size: 14px;}
#healthinfo_list .h_nav .type_1 .left::-webkit-scrollbar,#healthinfo_list .h_nav .type_1 .right::-webkit-scrollbar,#healthinfo_list .h_nav .type_2::-webkit-scrollbar{width: 0px; height: 100%;}
#healthinfo_list .h_list{padding-top:40px; width: 100%;}
#healthinfo_list .h_list .hl_loading{display: block; background: #f5f5f5;position: relative;text-align: center;font-size: 11pt;color: #999;}
#healthinfo_list .h_list .hl_loading:before{content: "";position: relative;display: inline-block;left: -8px;top: 6px;width: 20px;height: 20px;background-image: url(/app/img/loading_icon.gif);background-repeat: no-repeat;background-size: 20px;}
#healthinfo_list .info{display: block; width: 100%; padding: .15rem .15rem .18rem .15rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #f2f4f7;}
#healthinfo_list .info .right{float: left; text-align: center; width: 100px; line-height: 0; height: 77px;/* margin-top: 5px; */ overflow: hidden; border-radius: 4px;}
#healthinfo_list .info .right img{max-width: 100%; max-height: 100%;}
#healthinfo_list .info .left{width: auto; margin-left: 110px; font-size: 14px;}
#healthinfo_list .info .left .theme{max-height: 48px; line-height: 24px; margin: 0px 0 .06rem 0; font-size: 16px; color: #333; font-family: 'Microsoft Yahei'; overflow: hidden;}
#healthinfo_list .info .left .theme .h_hint{font-style: initial; color: #8dc53e; border: 1px solid #8dc53e; padding: 0px 5px; border-radius: 2px; margin-right: 5px; font-size: 14px;}
#healthinfo_list .info .left .content{margin-bottom: .06rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666;}
#healthinfo_list .info .left .prompt{color: #999; line-height: 24px;}
#healthinfo_list .info .left .prompt .name{ display: block; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* #healthinfo_list .info .left .prompt .time{padding-left: 25px; background: url(/picture/home/healthinfo/time.png) no-repeat; background-size: 15px; background-position: 5px center;}
#healthinfo_list .info .left .prompt .browse{padding-left: 25px; background: url(/picture/home/healthinfo/browse.png) no-repeat; background-size: 15px; background-position: 5px center;} */
#healthinfo_list .info .left .prompt .time{padding-left: .1rem;}
#healthinfo_list .info .left .prompt .browse{padding-left: .1rem; float: right;}
#Nsearch .Nsearch_img{background: url(/picture/home/user/no_order.png); background-size: 110px;}
#healthinfo_list .info .right .right-img-table {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 77px;
    /* border: 1px solid #e6e6e6;   */
}
#healthinfo_list .hl_nomore {
    color: #999;
    font-size: 11pt;
    background: #f5f5f5;
}
#healthinfo_list .hl_preloading {
    display: block;
    text-align: center;
    color: #999;
    font-size: 11pt;
    background: #f5f5f5;
}

/*健康咨询详情*/
.cbf{color: #bfbfbf;}
#header .hlt_a{ width: 35px; padding-right: 0px; background: url(/picture/home/healthinfo/leftward.png) no-repeat 10px center; background-size: 22px; }
#header .h_p{ margin-left: 45px; line-height: 45px; font-size: 20px;}
#h_news{padding: .1rem .12rem .15rem .12rem; margin-bottom: .1rem; color: #333; background-color: #fff;}
#h_news .top{line-height: 20px; margin: 5px 0 10px 0;}
#h_news .top a{float: left; padding: 0 10px; border-radius: 15px; border: 1px solid #e5e5e5; color: #ff6766; font-weight: bold;}
#h_news .news p{font-size: 14px; font-family: 'SimHei'; line-height: 1.5; padding-bottom: 5px;}
#h_news .news img{max-width: 100%;}
#h_detail .top{color: #333; padding: 0 12px; font-size: 16px; line-height: 3; border-bottom: 1px solid #f5f7f9; background-color: #fff;}
#h_detail .top i{display: inline-block; width: 20px; height: 20px; font-style: initial;}
#h_detail .top i::before{content: ''; position: absolute; margin: 15px 0 0 4px; height: 2px; border-right: 1px solid #fff;
-webkit-box-shadow: -1px -6px #8dc53e,  0px -5px #8dc53e, 1px -4px #8dc53e, 2px -3px #8dc53e, 3px -2px #8dc53e, 4px -1px #8dc53e, 3px 0px #8dc53e, 2px 1px #8dc53e, 1px 2px #8dc53e,  0px 3px #8dc53e, -1px 4px #8dc53e,6px -6px #8dc53e, 7px -5px #8dc53e, 8px -4px #8dc53e, 9px -3px #8dc53e, 10px -2px #8dc53e, 11px -1px #8dc53e, 10px 0px #8dc53e, 9px 1px #8dc53e, 8px 2px #8dc53e, 7px 3px #8dc53e, 6px 4px #8dc53e;
		box-shadow: -1px -6px #8dc53e,  0px -5px #8dc53e, 1px -4px #8dc53e, 2px -3px #8dc53e, 3px -2px #8dc53e, 4px -1px #8dc53e, 3px 0px #8dc53e, 2px 1px #8dc53e, 1px 2px #8dc53e,  0px 3px #8dc53e, -1px 4px #8dc53e,6px -6px #8dc53e, 7px -5px #8dc53e, 8px -4px #8dc53e, 9px -3px #8dc53e, 10px -2px #8dc53e, 11px -1px #8dc53e, 10px 0px #8dc53e, 9px 1px #8dc53e, 8px 2px #8dc53e, 7px 3px #8dc53e, 6px 4px #8dc53e;}
#h_detail .cart_product{ height: 120px;}
#h_detail .cp_info{padding-bottom:0;}
#h_detail .cp_img p{position: absolute; bottom: 0px;  width: 100%; height: 22px; line-height: 22px; color: #ff6766; padding-left: 20px; background: #fff url(/picture/home/healthinfo/cue_i.png) no-repeat; background-size: 14px; background-position: 7px center;  text-align: center;  border-top: 1px solid #f2f2f2; box-sizing: border-box;  -webkit-box-sizing: border-box;}
#h_detail .cart_sto{width: 122px; height: 30px; margin: 2px 0 0 7px;}
#h_detail .cart_sto .sto_jj{ width: 35px; line-height: 30px;}
#h_detail .cart_sto .sto_text{width: 50px;  height: 30px;  line-height: 30px;}
.cart_bottom .cb_left{ width: auto;}
.cart_bottom .cb_right{ width: 90px;}
.cart_bottom .h_photo{float: left; width: 60px; font-size: 12px; color: #999; text-align: center; line-height: 1; padding-top: 30px; background: url(/picture/home/productDetail/info_6.png) no-repeat 20px 8px; background-size: 20px;}
.cart_bottom .h_cart{position: relative; float: left; width: 60px; font-size: 12px; color: #999; text-align: center; line-height: 1; padding-top: 30px; background: url(/picture/home/bottom/bottom_4.png) no-repeat 20px 8px;background-size: 20px;}
.cart_bottom .h_cart i{position: absolute; top: 3px; left: 33px; background: #ff6766; min-width: 8px; height: 14px; line-height: 14px; display: none; border-radius: 20px; color: #fff; font-style: normal; padding: 0 3px;}

.clearfix { height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; clear: both; display: inline-block; height: 0px; }
.clearfix:after { clear: both; }
#h_news .top p {
    /* height: .2rem; */
    line-height: .28rem;
}
#h_news .top .news-middle {
    color: #999;
}
#h_news .top .news-middle span {
    display: inline-block;
}
#h_news .top .news-middle .middle-origin {
    white-space: pre-wrap;
}
#h_news .top .news-middle .middle-visited {
    padding-left: .2rem;
}
#h_news .top .news-middle .middle-more {
    color: #fa1903;
    float: right;
}
#healthoinfo_detail .list .com_pro_module {
    border-bottom: 1px solid #f2f4f7;
}
#healthoinfo_detail .list .com_pro_module {
    padding: .1rem 0;
}
.com_pro_module .cpm_cartbtn:after {
    color: #fa1903;
    right: 0;
}
.com_pro_module .cpm_fav:after {
    right: 0;
}
.com_pro_module .cpm_img .cpm_img-table {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9rem;
    height: .9rem;
}
.com_pro_module .cpm_img .cpm_img-table .pro_img {
    max-width: 100%;
    max-height: .9rem;
}
/* 健康咨询可共用的样式 */
.blue_c {
    color: #fa1903 !important;
}
.border_cb {
    border-color: #fa1903 !important;
}
.top_check_b {
    display: inline-block;
    width: 50%;
    height: 1px;
    border-bottom: 2px solid #fa1903;
    bottom: 0px;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -25%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
}
.clearfix { 
    height: 0; clear: both; 
}
.clearfix:before, .clearfix:after { 
    content: ""; 
    clear: both; 
    display: inline-block; 
    height: 0px; 
}
.clearfix:after { 
    clear: both; 
}
.common_header.regular_type {
    border-bottom: 1px solid #f2f4f7;
}
.healthinfo-loading {
    padding-top: 1.14rem; 
    text-align: center; 
    padding-top: 2.6rem;
    background: #f5f5f5;
}
.healthinfo-loading div {
    width: .19rem;
    height: .19rem;
    margin: 0 auto;
    border: 3px solid rgb(20, 137, 196);
    /* transform: rotate(45deg); */
    border-radius: 50%;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
.healthinfo-loading p {
    font-size: 14px;
    margin-top: .1rem;
    color: rgb(177, 177, 177)
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.ios_status_bar #healthinfo_list .h_nav .top{padding-top: .2rem;}