/* ---------------------common CSS----------------------- */
.w1080{width:1050px;}
/* fixed width value */
.w280{width:280px;}
.w760{width:760px;}
.w1000{width:1000px;}
.w1200{width:1200px;}
.min1200{min-width:1200px;}
.img{display:block; width:100%; height:100%;}
a:hover{color:#00a652;}
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */
/* float */
.fl{float:left;}
.fr{float:right;}
.auto{margin-left:auto; margin-right:auto;}
.clearfix{zoom:1;}
.clearfix:after{display:table; content:''; clear:both;}
/*shadow*/
.shadow{box-shadow:0 0 4px #ccc; transition:box-shadow 0.24s;}
.shadow:hover{box-shadow:0 0 12px #ccc;}
/*play*/
.play_icon{position:absolute; left:50%; top:50%; width:48px; height:48px; margin:-24px 0 0 -24px; line-height:48px; text-align:center; background:rgba(0,0,0,.35); border-radius:100%; overflow:hidden;}
.play_icon .iconfont{color:#fff; font-size:22px;}
.play_time{position:absolute; right:10px; bottom:10px; width:60px; height:24px; line-height:24px; text-align:center; background:rgba(0,0,0,.35); border-radius:30px; color:#fff; overflow:hidden;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwhite{background:#fff;}
.bgbrown{background:#b48454;}
.bgblue{background:#27c5c4;}
.bggreen{background:#79b33b;}
.bgyellow{background:#e9bc47;}
.bggray{background:#ededed;}
.bgblack{background:#26252a;}
/* ---------------------header CSS----------------------- */
.header{height:32px; background:#3cac4c;}
.header .top .nav{line-height:32px; color:#fff;}
.header .top .nav dt{float:left; margin-right:6px;}
.header .top .nav dt a{color:#fff;}
.header .top .nav dt a:hover{text-decoration:underline;}
.header .top .nav dd{float:left; position:relative; margin-left:6px;}
.header .top .nav dd .db{padding:0 12px;}
.header .top .nav dd:hover .db{background:rgba(0,0,0,.1);}
.header .top .nav dd .db a{color:#fff;}
.header .top .nav dd .db .iconfont{margin-left:-3px;}
.header .top .nav dd .dn{position:absolute; top:32px; z-index:9; width:100%; background:#f8f8f8; border:#e4e4e4 1px solid; border-top:none;}
.header .top .nav dd .dn li a{display:block; padding:0 12px;}
.header .top .nav dd .dn li:hover{background:#3cac4c;}
.header .top .nav dd .dn li:hover a{color:#fff;}
.header .top .nav .sort .dn{width:400px; padding:8px 0;}
.header .top .nav .sort .dn li a{float:left; padding:0 5px;}
.header .top .nav .sort .dn li:hover{background:none;}
.header .top .nav .sort .dn li:hover a{color:#333;}
.header .top .nav .sort .dn li a:first-child{padding:0 12px; color:#2aa53b;}
.header .top .nav .sort .dn li a:hover{background:#3cac4c; color:#fff;}
.header .top .map li{float:left; margin-left:20px; line-height:32px;}
.header .top .map li a{color:#e5e5e5;}
.header .top .map li a:hover{color:#fff; text-decoration:underline;}

/* ---------------------detail CSS----------------------- */
/*cont*/
.cons .detail .cont{float:left; width:854px;}

.cons .detail .flex{width:878px; margin-top:30px;}

.cons .detail .flex .message{display:block; width:230px; padding:22px 0; background:#fff; text-align:center;}
.cons .detail .flex .message .pic{display:block; width:108px; height:108px; margin:0 auto; border-radius:100%; overflow:hidden;}
.cons .detail .flex .message .pic .img{transition-duration:.3s;}
.cons .detail .flex .message:hover .pic .img{opacity:.85;}
.cons .detail .flex .message .name{margin:12px 0 8px; font-size:24px;}
.cons .detail .flex .message .name .level{font-size:18px; font-weight:400; color:#333;}
.cons .detail .flex .message .hospi{font-size:16px; color:#666;}
.cons .detail .flex .message .num{display:flex; margin:20px 3px 0; padding-top:10px; border-top:#e6e9ed 1px solid; }
.cons .detail .flex .message .num .li{float:left; width:24.6%; border-right:#e6e9ed 1px solid;}
.cons .detail .flex .message .num .li:last-child{border-right:none;}
.cons .detail .flex .message .num .li span{font-size:20px; color:#333;}
.cons .detail .flex .message .num .li p{color:#999;}

.cons .detail .flex .content{width:622px; margin-left:26px;}
.cons .detail .flex .content .h1{font-size:28px;}
.cons .detail .flex .content .scan{display:block; margin:10px 0; font-size:16px; color:#999;}
.cons .detail .flex .content .vbox{display:block; width:100%; margin-top:30px; outline:none;}
.cons .detail .flex .content .h3{margin-top:25px; font-size:20px;}
.cons .detail .flex .content .write p,.cons .detail .flex .content .write li,.cons .detail .flex .content .write h3{line-height:30px; font-size:16px; text-align:justify; color:#333;}
.cons .detail .flex .content .write p + h3,.cons .detail .flex .content .write p + strong{padding-top: 15px}
.cons .detail .flex .content .write strong,.cons .detail .flex .content .write h3{font-size: 20px;font-weight:bold;display:block;padding-bottom: 15px}
.cons .detail .flex .content .write img{display:block; width:100%; height:100%; margin:15px 0;}

/*readmore*/
#contTab{display:none;}
.content-more{display:none;}
#contTab:checked ~ .content-more{position:relative; padding:20px 0; text-align:center;}
#contTab:checked ~ .content-more .gradient{position:absolute; left:0; top:-79px; width:100%; height:80px; 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:180px; margin:20px auto 0; line-height:38px; font-size:16px; text-align:center; background:#fff; color:#54acc9; border-radius:19px; color:#999; box-shadow:0 0 4px #ccc; transition:box-shadow .3s; cursor:pointer;}
#contTab:checked ~ .content-more:hover .readmore{box-shadow:0 0 12px #ccc;}

.cons .detail .flex .content .h2{margin-top:40px; font-size:22px;}

.cons .detail .com_ml{margin-top:10px;}
.cons .detail .com_ml .li{padding:20px 0; border-bottom:#e6e9ed 1px solid;}
.cons .detail .com_ml .li:last-child{border:none;}
.cons .detail .com_ml .li .img{transition-duration:.3s;}
.cons .detail .com_ml .li:hover .img{opacity:.85;}
.cons .detail .com_ml .li .ipit{display:block;}
.cons .detail .com_ml .li .ipit .ip{float:left; position:relative; width:230px; margin-right:15px; overflow:hidden;}
.cons .detail .com_ml .li .ipit .it{float:left; width:377px;}
.cons .detail .com_ml .li .ipit .it .tit{margin-top:3px; font-size:18px;}
.cons .detail .com_ml .li .ipit .it .txt{margin:10px 0 8px; line-height:24px; text-align:justify; color:#666;}
.cons .detail .com_ml .li .ipit .it .time{display:block; color:#999;}

.cons .detail .com_ml .art_li .ipit .ip{height:130px;}
.cons .detail .com_ml .art_li .ipit .ip .img{position:absolute; top:50%; height:152px; margin-top:-76px;}
.cons .detail .com_ml .vdo_li .ipit .ip{height:129px;}
.cons .detail .com_ml .vdo_li .iconfont{padding-left:2px;}
.cons .detail .com_ml .ado_li .ipit .ip{height:91px;}
.cons .detail .com_ml .ans_li .q{font-size:18px; font-weight:700;}
.cons .detail .com_ml .ans_li .time{margin-left:30px; text-align:left;}

.line1{-webkit-line-clamp:1;}
.line_tit{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
/*side*/
.cons .detail .side{float:right; width:300px; margin-top:30px;}
.cons .detail .side .bar{background:#fafafa; border-radius:3px; overflow:hidden;}
.cons .detail .side .bar dt{margin:15px 0 5px 10px; font-size:18px;}

.cons .detail .edge{width:320px; margin-left:26px;}
/*art*/
.cons .dt .img,.cons .dd .img{transition-duration:.3s;}
.cons .dt:hover .img,.cons .dd:hover .img{opacity:.85;}

.cons .com_fr .dd{display:block; margin:0 10px; padding:15px 0; border-bottom:#e6e9ed 1px solid; overflow:hidden;}
.cons .com_fr .dd:last-child{border-bottom:none;}
.cons .com_fr .dd .pic{float:left; position:relative; margin-right:15px; overflow:hidden;}
.cons .com_fr .dd .pic .play_icon{width:30px; height:30px; margin:-15px 0 0 -15px; line-height:30px;}
.cons .com_fr .dd .pic .iconfont{font-size:15px;}

.cons .com_fr .dd .text .tit{height:24px; font-size:16px; overflow:hidden;}
.cons .com_fr .dd .text .time{display:block; margin-top:5px; color:#999;}

.cons .vdo_fr .dd .text .tit{margin-top:5px;}
.cons .vdo_fr .dd .pic{width:110px; height:62px;}
.cons .vdo_fr .dd .pic .iconfont{padding-left:2px;}
/*audio*/
.cons .ado_fr .dd .pic{width:120px; height:48px;}
.cons .ado_fr .dd .text .time{margin-top:2px;}
/*hospital recommend*/
.hosp-doct-title {
    width: 100%;
    border-bottom: 2px solid #33c19d;
}
.hosp-doct-title li {
    float: left;
    font-size: 16px;
    padding: 5px 30px;
    cursor: pointer;
}
.hosp-doct-title .on {
    background-color: #33c19d;
    color: #fff;
}
.hosp-doct-cont {
    padding: 10px 0;
    max-height: 165px;
    overflow-y: auto;
    overflow-x: hidden;
    /* background-color: #fafafa; */
}
.hosp-doct-cont::-webkit-scrollbar {
    display: none;
}
.hosp-doct-cont li {
    width: 22%;
    padding-right: 10px;
    line-height: 35px;
    font-size: 14px;
    float: left;
}
.hosp-doct-cont li a {
    font-size: 14px;
}
.depart_list {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.depart_list span{
    margin: 5px 5px;
    color: #333;
    font-size: 15px;
}
.depart_li {
    cursor: pointer;
    display: inline-block;
    flex: auto;
    padding: 3px 12px;
    margin: 5px 5px;
    border-radius: 20px;
    text-align: center;
    color: #333;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.09);
    transition: all 0.24s;
}
/*disease department*/
.disea_r_cates {
    padding: 0 12px;
    margin-bottom: 25px;
    border: 1px solid #eee;
}
.disea-title-big {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.disea-title-big h3 {
    font-size: 20px;
    background: linear-gradient(23deg, #ff5a00, #ffa800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.disea-title-big a {
    padding: 0px 12px 1px 15px;
    color: #888;
    font-size: 16px;
    border-radius: 25px;
}
.disea_list-li {
    display: block;
    margin: 15px 0 5px 0;
    text-align: center;
    font-size: 16px;
}

.disea_list-li b {
    padding: 0 0 8px 0;
    border-bottom: 2px solid #ff5a00;
}

.disea_list-li div {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -5px;
    max-height: 210px;
    overflow: hidden;
}

.disea_list-li div a {
    display: inline-block;
    flex: auto;
    padding: 3px 15px;
    margin: 5px 5px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #ddd;
    color: #555;
    font-size: 16px;
}
/*related data*/
.mXgsj{
    margin-bottom: 20px;
}
.mXgsj .titleBar{
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #cccccc;
    color: #739e00;
    padding-bottom: 8px;
}
.mXgsj .titleBar h3{
    float: left;
    font-size: 18px;
    font-family: Microsoft Yahei,Simhei;
    font-weight: normal;
    color: #222;
    font-weight: bolder;
}
.mXgsj .titleBar ul{
    float: right;
}
.mXgsj .titleBar ul li{
    font-size: 16px;
    height: 34px;
    margin: 8px 0 0 0;
    padding: 3px 18px 0;
    line-height: normal;
    float: left;
    color: #ffffff;
}
.mXgsj .titleBar .cur{
    background:url("../../dazhong/img/picBg.png") no-repeat center -104px;

}
.mXgsj .titleBar .cur a{
    color:#fff;
    cursor:pointer;
}
.mXgsj .moduleContent a {
    padding-right: 20px;
    font-size: 14px;
    line-height: 26px;
    color: #4c4c4c;
}
.mXgsj .list .a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 12px 13px 15px;
}

.mXgsj  .list .a .pic {
    position: relative;
    width: 110px;
    /*height: 62px;*/
    margin-right: 12px;
    border-radius: 3px;
    overflow: hidden;
}

.mXgsj  .list .a .pic img {
    transition-duration: .3s;
}

.mXgsj  .list .a .text {
    flex: 1;
}

.mXgsj  .list .a .tit {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.mXgsj  .list .a .txt {
    margin-top: 8px;
    font-size: 13px;
    color: #999;
}
.mXgsj .hosp_li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 12px 13px 15px;
}
.mXgsj  .hosp_li i {
    position: relative;
    display: block;
    width: 116px;
    /*height: 84px;*/
    margin-right: 12px;
    border-radius: 3px;
    overflow: hidden;
}
.mXgsj .hosp_li .alrea {
    width: 80px;
    /*height: 100px;*/
    border-radius: 4px;
    overflow: hidden;
}
.mXgsj .hosp_text {
    flex: 1;
}
.mXgsj  .hosp_text dt h3 a {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

/* ---------------------footer CSS----------------------- */
.footer{margin-top:40px; padding:20px; background:#eee; border-top:1px solid #e2e2e2; color:#aaa; text-align: center}
.footer p{background:#eee; font-size:14px; text-align:center;}
.footer p a{padding:0 10px;}

/* ---------------------backtop CSS----------------------- */
.back{position:fixed; bottom:100px; right:50px;}
.back .code{padding:12px; background:#e6e6e6;}
.back .code i{display:block; width:100px; height:100px; background:url(https://www.cndzys.com/tpl/default/images/content_custom.png) -92px -140px; overflow:hidden;}
.back .code p{margin-top:5px; font-size:16px; text-align:center; color:#7f7f7f;}
.back .top{display:flex; justify-content:center; align-items:center; width:64px; height:64px; margin:20px auto; background:#f7f7f7; border:#d2d2d2 1px solid; border-radius:5px; overflow:hidden; cursor:pointer;}
.back .top:hover{background:#3cac4c; border-color:#3cac4c;}
.back .top .iconfont{font-size:48px; color:#3cac4c;}
.back .top:hover .iconfont{color:#fff;}
/* news */
.doctor_article{background: #fafafa;border-radius: 3px;overflow: hidden;margin-top: 10px}
.doctor_wenda{background: #fafafa;border-radius: 3px;overflow: hidden;margin-top: 20px}
.news{width:31%;}
.news_tit{margin:10px 0 0 10px; font-size:20px; font-weight:500;}
.news_pic{width:140px; height:95px; margin-right:10px; overflow:hidden;}
.news_ul{margin:15px 10px;}
.news_li{height:24px; margin-top:15px; overflow:hidden;}
.news_li .ico{width:20px; margin-right:10px; line-height:20px; border-radius:3px; text-align:center; font-size:13px; color:#fff;background: #e74e91;}

/* ----------------------------------------------------------------通用侧边栏-------------------------------------- */
/* 标题 */
.drug_side {
    padding: 0 15px 10px;
    position: relative;
}

.drug_side_title {
    font-size: 18px;
    color: #333;
    line-height: 64px;
    border-bottom: #f0f0f0 1px solid;
    font-weight: normal;
}

.drug_side_title h2 {
    font-weight: 500;
    font-size: 20px;
    font-family: 'Microsoft Yahei';
    color: #222;
}

/* 资讯 */
.drug_side_zx li a {
    position: relative;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 42px;
    border-bottom: solid;
    border-color: #f0f0f0;
    border-width: 0px;
    transition: all .6s;
}

.drug_side_zx li:hover a {
    left: 8px;
}

.drug_side_zx li a p {
    width: 70%;
    font-size: 16px;
}

.drug_side_zx li a i {
    font-size: 12px;
    color: #999;
}
.hops_art_common{position: relative;margin-top: 20px;margin-bottom: 20px;background: white;}
.hops_art_common-tit{font-size: 16px;color: #333;line-height: 44px;}
.hops_art_self{display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 20px;row-gap: 15px;}
.colum_corre_cot_li {border-radius: 20px;padding: 0 12px;font-size: 16px;border: 1px solid #e7e7e7;}
.colum_corre_cot_li a {display: flex;align-items: center;font-size: 14px;}
.colum_corre_cot_li a i {font-size: 18px;}
.colum_corre_cot_li p{    margin-left: 5px;}
.article .wrap .title {
    border-bottom-color: #358cc8;
}


@font-face {
    font-family: "ttk"; /* Project id 4005981 */
    src: url('https://at.alicdn.com/t/c/font_4005981_2plccpp2jd2.woff2?t=1694674114818') format('woff2'),
    url('https://at.alicdn.com/t/c/font_4005981_2plccpp2jd2.woff?t=1694674114818') format('woff'),
    url('https://at.alicdn.com/t/c/font_4005981_2plccpp2jd2.ttf?t=1694674114818') format('truetype');
}

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

.icon-gonggong-gengduo:before {
    content: "\e651";
}

.icon-waike:before {
    content: "\e67b";
}
.icon-neike:before {
    content: "\e679";
}
.icon-yiyuan2:before {
    content: "\e60d";
}

.icon-bingdu:before {
    content: "\e616";
}
.icon-yiyuan:before {
    content: "\e660";
}
.icon-bingdu-:before {
    content: "\e612";
}
.icon--yiliao-yisheng:before {
    content: "\e62c";
}
.icon-wenda11:before {
    content: "\e65e";
}
.icon-a-kepuzixun2x:before {
    content: "\e632";
}
.icon-shixishengzhaomu:before {
    content: "\ea46";
}

.icon-jiantou_xiangyou:before {
    content: "\eb08";
}

.icon-xiangyoujiantou:before {
    content: "\e65f";
}
.icon-gengduo1::after {
    content: "\e63c";
}