/* ---------------------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;}

.head_back{position:absolute; left:.26rem;}
.head_back .iconfont{font-size:.32rem; color:#999;}
.head_site{position:absolute; left:1rem; right:1rem; font-size:.3rem; text-align:center;}


/* ---------------------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;}
}

/* ---------------------pedia css----------------------- */
/*common*/
.img{display:block; width:100%; height:100%;}
.tags{display:flex; flex-wrap:wrap;}
.tags dd{margin-right:.16rem; padding:.03rem .12rem; font-size:.24rem; background:#e6f5fa; border-radius:3px; color:#54acc9;}

/*pedia*/
.pedia{padding-top:.82rem;}

/*tits*/
.pedia .tits{display:flex; align-items:baseline; margin-top:24px;}
.pedia .tits .h2{padding-right:10px; text-indent:15px; font-size:30px; font-weight:500; color:#222; letter-spacing:1px;}
.pedia .tits .txt{font-size:18px;}

/*cons*/
.pedia .cons{padding-top:.1rem; background:#fff;}
.pedia .cons .li:hover{background:#fafafa;}
.pedia .cons .li a{display:block; margin:0 .26rem; padding:.3rem 0; border-bottom:#f0f0f0 1px solid;}
.pedia .cons .li .h3{font-size:.32rem; font-weight:400; color:#333;}
.pedia .cons .li .text{margin:.1rem 0 .2rem; font-size:.26rem; color:#666;}
.pedia .cons .li .docs{display:flex; margin-top:.3rem;}
.pedia .cons .li .docs .ipit{margin-right:.28rem;}
.pedia .cons .li .docs .ipit .ip{display:block; width:1rem; height:1rem; border-radius:100%; overflow:hidden;}
.pedia .cons .li .docs .ipit .it{margin-top:.1rem; font-size:.24rem; text-align:center; color:#666;}

/*wrap*/
.wrap{padding-top:.82rem; background:#fff; overflow:hidden;}

/*heading*/
.heading{padding:.2rem .26rem 0;}
.heading .tits{font-size:.46rem; font-weight:400;}
.heading .tits span{display:block; margin-top:.1rem; font-size:.28rem; color:#999;}
.heading .text{margin-top:.2rem; line-height:.5rem; font-size:.28rem; text-align:justify;}

/*boxs*/
.wrap .boxs{margin-top:.3rem; padding:0 .26rem .1rem;}

/*title*/
.wrap .tit1{position:relative; padding-top:.3rem; line-height:.36rem; font-size:.36rem; font-weight:400;}
.anchor-1,.anchor-2{position:relative; display:block;}
.wrap .tit1 .icos{position:absolute; left:-.26rem; display:block; width:.08rem; height:.34rem; background:#54acc9;}
.wrap .tit2{position:relative; margin-top:.4rem; font-size:.32rem; font-weight:400; color:#333;}

/*article*/
.wrap .article{margin-top:.16rem;}
.wrap .article p{margin-top:.2rem; line-height:.5rem; font-size:.28rem; text-align:justify; color:#333;}
.wrap .article p:first-child{margin-top:0;}

/*tags*/
.wrap .tags{margin:0 -.26rem -.2rem 0;}
.wrap .tags dd{margin:.06rem .16rem .2rem 0; font-size:.26rem;}

/*table*/
.wrap .table{margin-top:.3rem; font-size:.26rem; background:#f7f7f7;}
.wrap .table .lis{display:flex; margin:0 .2rem; padding:.15rem 0;}
.wrap .table .lis:nth-child(odd){background:none;}
.wrap .table .lis:nth-child(even){background:#fff;}
.wrap .table .lis span{padding:0 .2rem;}
.wrap .table .lis span:first-child{width:30%; border-right:#f5f5f5 1px solid;}
.wrap .table .lis span:last-child{flex:1;}
.wrap .table .lis p{width:100%; font-size:.24rem; color:#999; text-align:center;}

/*nurse*/
.wrap .nurse{margin-top:.6rem; border-left:#dedede 1px solid;}
.wrap .nurse .lis{display:flex; margin-bottom:.6rem;}
.wrap .nurse .lis:last-child{margin-bottom:.2rem;}
.wrap .nurse .lis .icos{width:10px; height:10px; margin:0 .26rem 0 -5px; background: no-repeat scroll 0 -199px;}
.wrap .nurse .lis .cons{flex:1; margin-top:-.12rem;}
.wrap .nurse .lis .cons dt{margin-bottom:.1rem; font-size:.3rem; font-weight:400; color:#54acc9;}
.wrap .nurse .lis .cons dd{margin-top:.1rem; line-height:.5rem; font-size:.28rem; text-align:justify; color:#333;}
.wrap .nurse .lis .cons dd span{color:#666;}

/*answer*/
.wrap .ques{margin-top:.5rem;}
.wrap .ques .lis{margin-top:.3rem; padding-bottom:.3rem; border-bottom:#f5f5f5 1px solid;}
.wrap .ques .lis:last-child{padding-bottom:.1rem; border-bottom:none;}
.wrap .ques .lis .tits{line-height:.34rem; font-size:.3rem; font-weight:400;}
.wrap .ques .lis .icos{float:left; width:.34rem; height:.34rem; margin-right:.16rem; font-size:.3rem; font-style:normal; text-align:center; overflow:hidden;}
.wrap .ques .lis .tits .icos{font-size:.24rem; background:#25c0ed; border-radius:5px; color:#fff;}
.wrap .ques .lis .txts{margin-top:.26rem; line-height:.46rem; font-size:.28rem; color:#666; text-align:justify; overflow:hidden;}
.wrap .ques .lis .txts .iconfont{color:#f6ba3b;}
.wrap .ques .lis .infos{display:flex; justify-content:space-between; align-items:center; margin-top:.2rem;}
.wrap .ques .lis .infos .doctors{display:flex; align-items:center;}
.wrap .ques .lis .infos .doctors .pics{width:.46rem; height:.46rem; margin:0 .16rem 0 -.02rem; border-radius:100%; overflow:hidden;}
.wrap .ques .lis .infos .doctors .names em{margin-right:.1rem; font-style:normal; font-size:.26rem; color:#999;}
.wrap .ques .lis .infos .doctors .names em:first-child{font-size:.28rem; color:#666;}
.wrap .ques .lis .infos .times{color:#999;}

/*videos*/
.wrap .videos{display:flex; justify-content:space-between; flex-wrap:wrap;}
.wrap .videos .lis{width:48%; margin-top:.4rem;}
.wrap .videos .pics{position:relative; display:block; overflow:hidden;}
.wrap .videos .pics img{display:block; width:100%; height:100%;}
.play_icon{position:absolute; left:50%; top:50%; width:.6rem; height:.6rem; margin:-.3rem 0 0 -.3rem; line-height:.6rem; text-align:center; background:rgba(0,0,0,.35); border-radius:100%; overflow:hidden;}
.play_icon .iconfont{padding-left:.02rem; font-size:.26rem; color:#fff;}
.play_time{position:absolute; right:.1rem; bottom:.1rem; width:.8rem; height:.36rem; line-height:.36rem; font-size:.2rem; text-align:center; background:rgba(0,0,0,.35); border-radius:30px; color:#fff; overflow:hidden;}
.wrap .videos .tits{margin-top:.16rem; font-size:.28rem; font-weight:400;}
.wrap .videos .txts{font-size:.26rem; color:#999;}

/*doctors*/
.wrap .doctores{margin:.4rem 0 .1rem;}
.wrap .doctores .lis{margin-top:.3rem; padding-bottom:.3rem; border-bottom:#f5f5f5 1px solid;}
.wrap .doctores .lis:last-child{border-bottom:none;}
.wrap .doctores .ipip{display:flex; align-items:center;}
.wrap .doctores .pics{display:block; width:.88rem; height:.88rem; margin-right:.2rem; border-radius:100%; overflow:hidden;}
.wrap .doctores .infos{flex:1;}
.wrap .doctores .infos dt{font-size:.3rem;}
.wrap .doctores .infos dt span{padding-left:.16rem; font-size:.26rem; color:#333;}
.wrap .doctores .infos dd{margin-top:.02rem; font-size:.26rem; color:#999;}
.wrap .doctores .txts{flex:1; margin-top:.2rem; line-height:.46rem; font-size:.28rem; text-align:justify; color:#666;}
.wrap .doctores .txts span{color:#999;}

/* ---------------------backtop css----------------------- */
.backtop{position:fixed; z-index:9; bottom:.6rem; right:.26rem; display:flex; justify-content:center; align-items:center; width:.8rem; height:.8rem; background:rgba(84,172,201,.6); border-radius:100%; overflow:hidden;}
.backtop .iconfont{font-size:.4rem; color:#fff;}

@font-face {font-family: "iconfont";
  src: ; /* ie9 */
  src:  format('embedded-opentype'), /* ie6-ie8 */
   format('woff2'),
   format('woff'),
   format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2  */
   format('svg'); /* ios 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconbaike:before {
  content: "\e7cb";
}

.iconeen1:before {
  content: "\e601";
}

.iconzuo:before {
  content: "\e603";
}

.iconbofang:before {
  content: "\e681";
}

.icondaoyuicon:before {
  content: "\ec30";
}