/* ---------------------common css----------------------- */
.bgbox{background:#fff;}
.bgbox:hover{background:#f5f5f5;}


/* ---------------------wrapper css----------------------- */
.max1080{max-width:1024px;}

/* ---------------------header css----------------------- */
.header{position:fixed; z-index:9; width:100%; height:.82rem; background:#fff;}
.head_tit{width:1.4rem;}
.head_logo{width:1.5rem; margin-left:.26rem; padding-top:.05rem;}

/* ---------------------menu css----------------------- */
.menu{position:absolute; right:0; width:0.8rem; height:100%;}
.menu_nav{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9;}
.menu_nav dt{line-height:.82rem; border-bottom:#ebebeb 1px solid; text-align:center;}
.menu_nav dd{padding:.24rem .3rem;}
.menu_nav .icon-cha{position:absolute; right:.24rem;}

/* ---------------------search css----------------------- */
.search{height:.58rem; line-height:.58rem; margin-left:.22rem; margin-right:.22rem; border:#e5e5e5 1px solid; border-radius:30px;}
.search_input{width:83%; height:80%; margin-left:4%; font-size:.25rem; color:#999;}
.search_button{width:9%; padding-right:4%; text-align:right; color:#999;}
.search_head{width:3.5rem; margin-left:.3.2rem; background:#fff;}
.search_head .search_input{width:77%; margin-left:7%;}
.search_head .search_button{width:3%; padding-right:12%;}

/* ---------------------main css----------------------- */
.main{padding-top:.9rem;}

/* ---------------------banner css----------------------- */
.banner{position:relative; height:2.8rem;}
.banner_sort{position:relative; height:2.23rem;}
.pagination{position:absolute; z-index:2; bottom:.12rem; width:100%;}
.swiper-pagination-switch{display:inline-block; width:.12rem; height:.12rem; margin:0 .05rem; border-radius:100%; background:#222; opacity:0.8; cursor:pointer;}
.swiper-visible-switch{background:#aaa;}
.swiper-active-switch{background:#fff;}

/* ---------------------nav css----------------------- */
.nav_li_box{width:.84rem; height:.84rem; margin:0 auto; border-radius:100%;}

/* ---------------------title css----------------------- */
.title_ico{width:.21rem; margin:.02rem .09rem 0;}
.title_cir{width:.06rem; height:.06rem; margin:0 .06rem; border-radius:100%; background:#fdafd5;}
.subtit{width:.06rem; height:.26rem;}

/* ---------------------list css----------------------- */
.list_li{position:relative; padding:.22rem; border-bottom:#ebebeb 1px solid;}
.list_img{width:1.8rem; height:1.25rem; margin-right:.15rem;}
.list_pic{width:.82rem; height:.82rem; margin-right:.15rem; border-radius:100%;}
.list_text{height:1.25rem;}
.list_tag{position:absolute; left:2.13rem; bottom:.22rem; padding:.05rem .08rem; background:#ebebeb; border-radius:3px;}
.list_voice{position:absolute; left:1.16rem; bottom:.14rem;}
.list_time{position:absolute; right:.18rem; bottom:.27rem;}
.list_info{position:absolute; right:.18rem; bottom:.22rem;}
.list_look{position:absolute; bottom:.29rem;}

/* ---------------------tab css----------------------- */
.search_tab_tit{padding:.1rem .2rem;}
.search_tab_tit li{margin:0 .18rem; padding:.12rem; text-align:center; border-bottom:#fff 2px solid;}
.search_tab_tit li.tab_tit_sel{border-bottom-color:#eb409f; color:#eb409f;}

.sort_tab_tit{width:24%; height:90vh; background:#f5f5f5;}
.sort_tab_tit li{height:0.8rem; border-bottom:#ebebeb 1px solid; border-right:#ebebeb 1px solid; border-left:6px #ebebeb solid;}
.sort_tab_tit .tab_tit_sel{background:#fff; border-right-color:#fff; border-left-color:#e93197; color:#e93197; font-weight:500;}
.sort_tab_con{width:73%; padding:1% 1.5% 2%;}
.sort_box{padding:.1rem 0; border-radius:3px; color:#737373; text-align:center;}

/* ---------------------video css----------------------- */
.video-con{position:relative; width:2rem; height:1.16rem; margin-right:.15rem; background:rgba(0,0,0,0.3);}
.video-con .btn{position:absolute; left:50%; top:50%; width:50px; height:50px; background:transparent  no-repeat; transform:translate(-50%,-50%); border:none; outline:none;}
.video-con .btn.pause{background-image:url(/uploads/image/cyimages/pause-btn.png);}

/* ---------------------article_con css----------------------- */
.article_con img{width:100%; margin-top:.12rem;}
.article_con p{margin-top:.1rem;}

/* ---------------------qanda css----------------------- */
.icon_ask{margin-right:.12rem; padding:.01rem .04rem; background:#16bcec; border-radius:3px; color:#fff;}
.ask_box{position:relative; padding:.1rem .15rem; background:#f5f4f9;}
.icon-yinhao{position:absolute; width:.6rem; color:#fadb80;}
.ask_tit{margin:.05rem 0 0 .6rem;}
.asklist li{height:1.2rem; overflow:hidden;}

/* ---------------------doctor css----------------------- */
.doctor{position:relative; width:6.6rem; height:2.7rem; margin-left:.26rem}
.doctor .swiper-slide{width:4.4rem; padding:.12rem .2rem .12rem .06rem;}
.doctor_con{display:block; padding:.2rem; border-radius:5px; box-shadow:0 5px 10px #e5e5e5;}
.doctor_con:hover{background:#f5f5f5;}
.paginations{position:absolute; z-index:2; width:100%;}
.doctor_img{width:1rem; height:1rem; border-radius:100%;}

.doctor_box{position:relative; margin:.24rem; padding:.24rem .12rem; border-radius:5px; box-shadow:0 4px 8px #e5e5e5;}
.doctor_box .iconfont{position:absolute; top:-.12rem; right:0; font-size:.66rem; color:#ec4da6;}
.doctor_pic{width:1.5rem; height:1.5rem; border-radius:100%;}
.doctor_txt{margin:.18rem .24rem 0;}
.read_more p{padding-bottom:.1rem;}
.read_more a{display:block; padding:.02rem .05rem .24rem; font-size:.25rem; color:#666; text-align:right;}

/* ---------------------doctordetail css----------------------- */
.pink{color:#ef4d91;}
.purple{color:#97409f;}
.bgpink{background:#ef4d91;}
.intro{position:absolute; top:0; left:0; z-index:2;}
.intro_img{width:2.06rem; padding:0 .1rem;}
.intro_con{width:4.1rem;}
.intro_name dt{margin-top:.06rem; font-size:.4rem;}
.intro_name dt span{font-size:.34rem;}
.intro_name dd,.intro_tags dd{font-size:.2rem;}
.intro_tags dt{margin:.1rem 0;}
.intro_tags dt span{padding:.03rem .1rem; font-size:.2rem; background:#97409f; border-radius:5px; color:#fff;}

/* ---------------------weixin css----------------------- */
.weixin_ico{position:fixed; top:50%; right:1%; width:1rem; height:1rem; z-index:8;}
.weixin_con{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); z-index:9;}
.weixin_con:after{content:''; display:inline-block; vertical-align:middle; height:120%;}
.weixin_box{position:relative; width:82%; padding:.24rem; background:#fff; border-radius:5px; overflow:hidden;}
.weixin_box .icon-cha{position:absolute; top:.12rem; right:.2rem;}

/* ---------------------screen css----------------------- */
@media screen and (max-width:321px){
    .m-navlist{font-size:15px;}
    .intro_img{width:2.06rem; padding:0;}
    .intro_con{width:4.3rem;}
    .intro_tags dt{margin:.05rem 0;}
    .none{display:none;}
}

@media screen and (min-width:321px) and (max-width:400px){
    .m-navlist{font-size:16px;}
}

@media screen and (min-width:400px){
    .m-navlist{font-size:18px;}
}

@media screen and (min-width:768px){
    .search_head{width:4.8rem;}
    .search_head .search_button{width:8%; padding-right:6%;}
    .banner{height:3.36rem;}
    .banner_sort{height:2.66rem;}
    .doctor{width:7.2rem;}
    .doctor .swiper-slide{width:5.2rem;}
    .intro_img{width:2.54rem; padding:0 .15rem;}
    .intro_con{width:4.8rem;}
    .intro_name dt{margin-top:.2rem; font-size:.45rem;}
    .intro_name dt span{font-size:.4rem;}
    .intro_name dd,.intro_tags dd,.intro_tags dt span{font-size:.24rem;}
}

@media screen and (min-width:1024px){
    .search_head{width:7.2rem;}
    .search_head .search_input{width:79%; margin-left:5%;}
    .search_head .search_button{width:11%; padding-right:3%;}
    .banner{height:4.48rem;}
    .banner_sort{height:3.55rem;}
    .doctor{width:10.4rem;}
    .doctor .swiper-slide{width:6rem;}
    .intro_img{width:3.26rem; padding:0 .2rem;}
    .intro_con{width:6.5rem;}
    .intro_name dt{margin:.3rem 0 .1rem; font-size:.5rem;}
    .intro_name dt span{font-size:.45rem;}
    .intro_name dd,.intro_tags dd,.intro_tags dt span{font-size:.3rem;}
    .intro_tags dt{margin:.2rem 0 .1rem;}
}