/* ---------------------reset CSS----------------------- */
body,h1,h2,h3,h4,h5,h6,dl,dd,p,form{margin:0;}
body{font:14px/1.5 'Microsoft Yahei',tahoma,arial,sans-serif; background:#fff; color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input::-webkit-input-placeholder{color:#999;}
input,textarea,select{font-size:16px; font-family:inherit; -webkit-appearance:none;}
h4,h5,h6{font-size:1em;}
ul,ol{margin:0; padding:0; list-style:none;}
img,button{border:0;}
a{text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none;}
a:hover{text-decoration:none;}
input:focus,textarea:focus{font-size:.25rem !important;}

/* ---------------------common CSS----------------------- */
/* line */
.line_tit{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.line1{-webkit-line-clamp:1;}
.line2{-webkit-line-clamp:2;}
.line3{-webkit-line-clamp:3;}
/* img */
.img{display:block; width:100%; height:100%;}
/* divid_line */
.divid_line{display:block; height:.16rem; background:#f4f5f6;}

/* ---------------------wrapper CSS----------------------- */
.max750{max-width:750px; margin:0 auto; overflow:hidden;}

/* ---------------------header CSS----------------------- */
.header{position:fixed; z-index:9; width:100%;}
/* head */
.head{display:flex; align-items:center; width:100%; height:1rem; background:#7bca0b; color:#fff;}
.head_logo{display:block; width:.54rem; height:.54rem; margin-left:.26rem; background:#fff; border-radius:.05rem; overflow:hidden;}
.head_tit{margin-left:.15rem; font-size:.35rem; font-weight:500;}
/* menu */
.menu{position:absolute; top:.22rem; right:0; width:.8rem; text-align:center;}
.menu .iconfont{font-size:.36rem; cursor:pointer;}
.menu_nav{position:fixed; top:0; left:0; z-index:9; display:none; width:100%; height:100vh; background:#fff; z-index:10; background:#f3f3f3; overflow-y:scroll;}
.menu_nav_ico{position:fixed; top:0; left:0; display:flex; justify-content:space-between; align-items:center; width:94%; height:1rem; padding:0 3%; background:#7bca0b; color:#fff; text-align:center;}
.menu_nav_ico em{width:.54rem; height:.54rem; font-size:.36rem; border:1px #fff solid; border-radius:100%; cursor:pointer;}
.menu_nav dt em .iconfont{font-size:.3rem;}
.menu_nav_list{padding-top:.9rem; text-align:left;}
.menu_nav_tit{display:block; padding:.3rem .3rem .15rem; font-size:.36rem; font-weight:400; color:#333;}
.menu_nav_con{display:flex; flex-wrap:wrap; padding:.1rem .3rem; background:#fff;}
.menu_nav_con a{margin:.05rem .4rem .05rem 0; font-size:.32rem; color:#666;}
/* nav */
.head_nav{position:relative; display:flex; padding-left:.15rem; background:#fff;}
.head_nav a{margin:0 0 0 .12rem; line-height:.9rem; font-size:.32rem; font-weight:400;}
.head_nav .on{color:#3cac4c;}

/* ---------------------content CSS----------------------- */
.main{padding-top: 1.9rem;}
.content{padding-top:1.9rem;}
/* title */
.main .title{position:relative; margin:.5rem .3rem 0;}
.main .title .tit{position:relative; z-index:2; font-size:.38rem; font-weight:400;}
.main .title .ico{position:absolute; left:.1rem; bottom:-2px; z-index:1; width:1.72rem; height:.2rem; border-radius:100px; overflow:hidden;}
.video .title .ico{background:#fae6e6;}
.audio .title .ico{background:#e1edfa;}
.article .title .ico{background:#eee6fa;}
.answer .title .ico{background:#e1f7fa;}
.doctor .title .ico{background:#faeedc;}
.like .title .ico{background:#e1fae2;}
/*play*/
.play_icon{position:absolute; left:50%; top:50%; width:.54rem; height:.54rem; margin:-.27rem 0 0 -.27rem; line-height:.54rem; text-align:center; background:rgba(0,0,0,.35); border-radius:100%; overflow:hidden;}
.play_icon .iconfont{color:#fff; font-size:.26rem;}
.play_icon .icon-bofang{padding-left:2px;}
.play_time{position:absolute; right:.1rem; bottom:.1rem; width:.8rem; height:.3rem; line-height:.3rem; font-size:.2rem; text-align:center; background:rgba(0,0,0,.35); border-radius:30px; color:#fff; overflow:hidden;}
/* list */
.main .list .li{position:relative; z-index:2; padding:.3rem; background:#fff; border-bottom:1px #f5f5f5 solid;}
.main .list .li:hover{background:#fafafa;}
.main .list .li:last-child{border-bottom-width:0;}
.main .list .li .ip{position:relative; border-radius:3px; overflow:hidden;}
.main .list .li .tit{font-size:.34rem; font-weight:400;}
.main .list .li .info{font-size:.26rem; color:#999;}
.main .list .li .info .iconfont{font-size:.3rem;}

.main .list .dt .ipit .play_icon{width:.9rem; height:.9rem; margin:-.45rem 0 0 -.45rem; line-height:.9rem;}
.main .list .dt .ipit .play_icon .iconfont{font-size:.48rem;}
.main .list .dt .ipit .play_time{right:.2rem; bottom:.2rem; width:1.2rem; height:.5rem; line-height:.5rem; font-size:.26rem;}
/* cont_tit */
.cont_tit{margin:15px 15px; line-height:32px; font-size:24px; font-weight:400;}
.cont_come{display:flex; justify-content:space-between; align-items:center; margin:0 15px;}
.cont_name{display:flex; align-items:center;}
.cont_name i{width:32px; height:32px; margin-right:10px; border-radius:100%; overflow:hidden;}
.cont_name em{font-size:14px; font-style:normal; color:#666;}
.cont_time{font-size:13px; color:#999;}

/* cont */
.box_tit{display:flex; justify-content:space-between; align-items:center; padding:20px 15px 15px;}
.box_h2{display:flex;}
.box_h2 span{width:25px; height:25px; margin-right:8px; line-height:18px; border-radius:100%; text-align:center; overflow:hidden;}
.bg_red{background: linear-gradient(#ff5b3f, #ff2e67);}
.bg_yellow{background: linear-gradient(#ffc72a, #ffaf34);}
.bg_green{background: linear-gradient(#a8e540, #71d328);}
.bg_blue{background: linear-gradient(#31cff4, #2590f2);}
.bg_purple{background: linear-gradient(#22d4d4, #17d2b7);}
.box_h2 .iconfont{font-size:10px; color:#fff;}
.box_h2 em{font-size:17px; font-style:normal; font-weight:400;}
.box_tit a{font-size:14px; font-weight:400; color:#666;}
/* headline */
.headline_li{display:flex; justify-content:space-between; padding:15px; background:#fff; border-bottom:1px #f5f5f5 solid;}
.headline_li:hover{background:#fafafa;}
.headline_img{width:115px; height:70px; margin-left:15px; overflow:hidden;}
.headline_text{flex:1;}
.headline_tit{line-height:26px; font-size:16px; font-weight:400;}
.headline_tag{margin-top:10px; font-size:13px; color:#999;}
.headline_time{display:flex; justify-content:space-between; align-items:center; margin-top:15px; font-size:12px; color:#939393;}
.headline_key{padding:1px 6px; border:#ebebeb 1px solid; border-radius:3px;}

#read-more{position:relative; z-index:2; margin-bottom:-.3rem; padding:5px 0; background:#fff;}
.headline_more,.fadeOut,.fadeIn{display:block; width:3rem; margin:.3rem auto .5rem; padding:.1rem .15rem; font-size:.28rem; color:#feb139; border:#feb139 .02rem solid; border-radius:3rem; letter-spacing:.01rem; text-align:center; overflow:hidden;}

/* news */
.news_ul{padding:0 15px 20px;}
.news_li{padding:6px 0; font-size:15px;}
.news_li i{font-style:normal; color:#999;}
.news_li .red{color:#ff0000;}
.news_li .orange{color:#fc7039;}
.news_li .yellow{color:#fd8607;}
/* ask */
.ask_ul{padding:0 15px 20px;}
.ask_li{padding:15px 0; border-bottom:1px #f5f5f5 solid; overflow:hidden;}
.ask_tit{font-size:16px; font-weight:400;}
.ask_con{position:relative; margin-top:10px; padding:10px 6px; line-height:26px; font-size:15px; background:#f2f2f2; color:#999;}
.ask_ico{position:absolute; top:13px; width:20px; height:20px; line-height:20px; font-size:13px; font-style:normal; background:#feb139; border-radius:3px; color:#fff; text-align:center;}
.ask_txt{text-indent:26px;}
/* detail */
.detail .vbox{display:block; height:4.2rem; object-fit:fill; outline:none; overflow:hidden;}
.detail .abox{display:block; width:100%; margin-top:.5rem;}
.detail .con{padding:0 .3rem; overflow:hidden;}
.detail .h1{margin-top:.3rem; line-height:.6rem; font-size:.44rem; font-weight:400;}
.detail .scan{display:flex; align-items:center; margin-top:.1rem; font-size:.26rem; color:#999;}
.detail .scan .iconfont{font-size:.3rem;}

.detail .doc{display:flex; align-items:center; margin-top:.4rem;}
.detail .doc .pic{display:flex; width:.84rem; height:.84rem; margin-right:.2rem; border-radius:100%; overflow:hidden;}
.detail .doc .info{flex:1;}
.detail .doc .info .name{font-size:.32rem;}
.detail .doc .info .level{font-size:.28rem; color:#666;}
.detail .doc .info .hospi{font-size:.28rem; color:#999;}
.detail .doc .info .ico{padding:.02rem .05rem 0; font-size:.24rem; border:1px solid #ffa800; border-radius:3px; color:#ffa800;}

.detail .h3{margin-top:.5rem; font-size:.36rem; color:#333;}
.detail .artic{margin-top:.4rem;}
.detail .write{margin-bottom:.3rem;}
.detail .write p{margin-top:.2rem; line-height:.6rem; font-size:.36rem; text-align:justify; color:#333;}
.detail .write img{display:block; width:100%; height:100%;}
.detail .desc{margin-top:.3rem; line-height:.58rem; font-size:.34rem; text-align:justify; color:#666;}
.detail .con .time{display:block; margin-top:.2rem; font-size:.3rem; color:#666;}
.detail .h2{margin:.4rem .3rem 0; font-size:.36rem; font-weight:400; color:#333;}
/*readmore*/
#contTab{display:none;}
.content-more{display:none;}
#contTab:checked ~ #cont{max-height:3rem; overflow:hidden;}
#contTab:checked ~ .content-more{position:relative; display:block; padding:.3rem 0; text-align:center;}
#contTab:checked ~ .content-more .gradient{position:absolute; left:0; top:-1.58rem; width:100%; height:1.6rem; background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff)); background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff); background-image:linear-gradient(-180deg,rgba(255,255,255,0),#fff);}
#contTab:checked ~ .content-more .readmore{display:inline-block; width:2.8rem; margin:.2rem auto 0; line-height:.7rem; font-size:.3rem; text-align:center; background:#fff; color:#54acc9; border-radius:20px; color:#999; box-shadow:0 0 4px #ccc; cursor:pointer;}

#article #contTab:checked ~ #cont{max-height:5.5rem;}
/*hospital*/
.recom-hosp-doct{
    padding: 0.2rem 0.2rem;
}
.hosp-doct-title{
    width: 100%;
    border-bottom: 0.04rem solid #33c19d;
}
.hosp-doct-title li {
    float: left;
    font-size: 0.32rem;
    padding: 0.1rem 0.3rem;
    cursor: pointer;
}
.hosp-doct-title .on {
    background-color: #33c19d;
    color: #fff;
}
.hosp-doct-cont {
    padding: 0.2rem 0;
    max-height: 3.3rem;
    overflow-y: auto;
    overflow-x: hidden;
}
.hosp-doct-cont li {
    width: 30%;
    padding-right: 0.2rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
    float: left;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.hosp-doct-cont::-webkit-scrollbar {
    display: none;
}
/*disease*/
.adver-fr-box{
    padding: 0.2rem 0.2rem;
}
.adver-fr-title h2 {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom:0.2rem;
    font-size: 0.36rem;
    color: #7f7f7f;
}
.adver-fr-title h2::after {
    background-color: #3cac4c;
    height: 0.1rem;
    width: 0.8rem;
    bottom: -0.02rem;
    left: 0;
    position: absolute;
    content: '';
}
.disea_list-li b{
    display: block;
    font-size: 0.35rem;
    padding: 0.2rem 0.2rem;
    color: #33c19d;
}
.disea_list-li div{
    display: flex;
    flex-wrap: wrap;
}
.disea_list-li div a{
    padding: 0 0.28rem;
    background: #F1F5F7;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem;
    color: #666;
    margin:0 0.2rem 0.2rem 0;
    font-size: 0.28rem;
}
/*相关推荐*/
/* tablist */
.tablist{padding:.3rem 0; overflow:hidden;}

.tablist .tab_tit{display:flex; align-items:flex-end; margin:.1rem .3rem .2rem; border-bottom:#efefef 1px solid;}
.tablist .tab_tit li{position:relative; width:33.33%; padding-bottom:.15rem; font-size:.3rem; text-align:center; color:#666; cursor:pointer;}
.tablist .tab_tit li i{position:absolute; left:50%; bottom:1px; display:block; width:.4rem; height:3px; margin-left:-.2rem; background:#fefeff;}
.tablist .tab_tit .on{font-size:.32rem; font-weight:700;}
.tablist .tab_tit .on i{opacity:.8;}
.vdo .tab_tit .on{color:#ff7878;}
.vdo .tab_tit .on i{background:#ff7878;}
.ado .tab_tit .on{color:#5ba8fc;}
.ado .tab_tit .on i{background:#5ba8fc;}
.art .tab_tit .on{color:#a98bd5;}
.art .tab_tit .on i{background:#a98bd5;}
.ans .tab_tit .on{color:#00b5cb;}
.ans .tab_tit .on i{background:#00b5cb;}
.tablist .tab_con .public .list{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 .3rem;}
.tablist .tab_con .public .list .li{width:48%; margin:.2rem 0; padding:0; background:#fcfcfc; border:none; border-radius:6px; overflow:hidden;}
.tablist .tab_con .public .list .li .it{margin:.22rem .22rem .18rem;}
.tablist .tab_con .public .list .li .tit{font-size:.3rem; color:#333;}
.tablist .tab_con .public .list .li .info{display:flex; justify-content:space-between; align-items:center; margin-top:.15rem; font-size:.24rem;}
.tablist .tab_con .public .list .li .info .iconfont{font-size:.24rem;}

.tablist .tab_con .answer .list .li,.tablist .tab_con .article .list .li{padding:.2rem .3rem;}
.tablist .tab_con .answer .list .ipit .ico{width:.32rem; height:.32rem; margin-right:.18rem;}
.tablist .tab_con .answer .list .ipit .q{font-size:.32rem; color:#333;}
.tablist .tab_con .answer .list .ipit .a{margin-top:.18rem;}
.tablist .tab_con .answer .list .ipit .a .txt{line-height:.48rem; font-size:.3rem;}
.tablist .tab_con .answer .list .ipit .info{text-indent:.52rem;}

.search_more_ul {
    margin: 0 0.2rem;
}

.search_more_li {
    border-bottom: 1px solid #f0f0f0;
    padding: 0.2rem 0.1rem 0.2rem 0.2rem;
    background: #fff;
    margin-top: 0.2rem;
}
.search_top10_dp {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    position: relative;
}

.search_c_img {
    display: block;
    width: 2.1rem;
    /* height: 1.5rem; */
    overflow: hidden;
    margin-right: 0.3rem;
}

.search_content {
    flex: 1;
}

.search_con_dt {
    width: 80%;
    font-size: 0.3rem;
    line-height: 0.5rem;
}

.color_name a {
    font-weight: 700;
    color: #f77700;
}

.search_dd_tags {
    width: 84%;
}

.search_dd_tags span {
    display: inline-block;
    margin: 0.07rem 0.1rem 0.07rem 0;
    padding: 0.02rem 0.10rem;
    border-radius: 3px;
    background: #d2f6db;
    color: #0fb249;
}

.search_dd_tags span:nth-child(1) {
    color: #ff9023;
    background: #ffe9d3;
}

.search_dd_addre {
    font-size: 0.28rem;
    /* color: #999; */
    margin-bottom: 0.05rem;
    margin-top: 0.1rem;
}

.search_top10_dea {
    /*text-indent: 2em;*/
    color: #666;
    font-size: 0.28rem;
    margin-top: 0.1rem;
}

.tab_con .doctor .ipip {
    display: flex;
    align-items: center;
    margin: 0 0.25rem;
    padding: 0.3rem 0;
    border-bottom: #f5f5f5 1px solid;
}

.tab_con .doctor .ipip .pic {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.25rem;
    border-radius: 100%;
    overflow: hidden;
}

.tab_con .doctor .ipip .inf {
    flex: 1;
}

.tab_con .doctor .ipip .inf dt {
    font-size: 0.32rem;
}

.tab_con .doctor .ipip .inf dt span {
    padding-left: 0.2rem;
    font-size: .3rem;
    color: #666;
}

.tab_con .doctor .ipip .inf dd {
    margin-top: 0.2rem;
    line-height: 0.4rem;
    font-size: 0.3rem;
    color: #999;
}

.tab_con .doctor .tags a:nth-child(1) {
    text-align: center;
    margin-right: 0.1rem;
    border-radius: 10px;
    padding: 0.04rem 0.2rem;
    font-size: 0.28rem;
    color: #fff;
    background: linear-gradient(150deg, #298dff 0%, #00baff 100%);
}

.tab_con .doctor .tags a:nth-child(2) {
    text-align: center;
    margin-right: 0.1rem;
    border-radius: 10px;
    padding: 0.04rem 0.2rem;
    font-size: 0.28rem;
    color: #fff;
    background: linear-gradient(150deg, #2fdd89 0, #2bb573 100%);
}

/* ---------------------backtop CSS----------------------- */
.footnav{position:fixed; z-index:9; right:15px; display:flex; justify-content:center; align-items:center; width:.9rem; height:.9rem; background:rgba(123,202,11,0.8); border-radius:100%; overflow:hidden;}
.footnav .iconfont{font-size:.42rem; font-weight:600; color:#fff;}
/* backtop */
.backtop{position:fixed; bottom:1.5rem; right:.3rem; z-index:9; display:flex; justify-content:center; align-items:center; width:.88rem; height:.88rem; background:rgba(102,208,102,.6); border-radius:50%;}
.backtop .iconfont{font-size:.36rem; color:#fff;}
/* ---------------------footer CSS----------------------- */
.footer{margin-top:.4rem; padding:.2rem 0; background:#444;}
.footer p{display:flex; justify-content:center; align-items:center; margin:.06rem 0; font-size:.24rem; color:#ccc;}


/* ---------------------screen CSS----------------------- */
@media screen and (max-width:321px){
    html{font-size:43px;}
}

@media screen and (min-width:360px){
    html{font-size:48px;}
}

@media screen and (min-width:375px){
    html{font-size:50px;}
}

@media screen and (min-width:384px){
    html{font-size:51px;}
}

@media screen and (min-width:400px){
    html{font-size:53px;}
}

@media screen and (min-width:411px){
    html{font-size:55px;}
}

@media screen and (min-width:480px){
    html{font-size:64px;}
}

@media screen and (min-width:600px){
    html{font-size:80px;}
}

@media screen and (min-width:640px){
    html{font-size:85px;}
}

@media screen and (min-width:750px){
    html{font-size:100px;}
}