@charset "utf-8";
/**@description: m 医院大全 @update: yzl ( 2020-06-17 )**/
/**list_cityall**/
.filter-bg{ width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: #000; opacity: 0.4; filter: alpha(opacity=40); display: none; }
/*服务条件筛选--start*/
.filter-box{ border-bottom: 1px solid #e0e0e0; position: relative; z-index: 3; background: #fff; }
.filter-box .filter-nav{ height: 48px; }
.filter-box .filter-nav span{ color: #333; }
.filter-box a{ height: 48px; line-height: 48px;color: #666; display: block; float: left; margin-left: -1px; font-size: 16px; text-align: center; width: 100%; }
.filter-box a span{ display: inline-block; position: relative; padding-right: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.filter-box a span b{ position: absolute; right: 0; top: 17px; display: block; width: 12px; height: 18px; background: url(../images/largelist.png) no-repeat -82px 0; background-size: 150px; }
.filter-box a.now{ color: #ff5c77; }
.filter-box a.now span b{ background-position: -61px 0; }
/*服务条件筛选--end*/
/*地区条件*/ /*先去掉overflow：hidden，看是否可以解决隐藏确定按钮的问题*/
.filter-list{ background: #fff; padding-bottom: 30px; position: relative; display: none; z-index: 3; }
.filter-list div.close{ position: absolute; bottom: 0; left: 0; z-index: 2; background: #fff; display: block; width: 100%; height: 30px; }
.filter-list div.close > span{ position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -14px; display: block; width: 28px; height: 16px; background: url(../images/largelist.png) no-repeat 0 -33px; background-size: 150px; }
.filter-list .lev1-box{ width: 100%; overflow-y: auto; }
.filter-list .lev1-box > li{ border-top: 1px solid #e5e5e5; height: 45px; line-height: 45px; padding-left: 15px; background: #fff; }
.filter-list .lev1-box > li:first-child{ border: none; }
.filter-list .lev1-box > li.now{ border-left: 2px solid #ff5c77; padding-left: 13px; background: #fff; }
.filter-list .lev1-box > li > a{ position: relative; display: block; width: 100%; height: 45px; line-height: 45px; font-size: 14px; color: #333; }
.filter-list .show-list > li > a{ color: #999; }
.filter-list .show-list > li{ background: #f9f9f9; }
.filter-list .lev1-box > li.now > a{ color: #ff5c77; }
.filter-list .lev1-box > li > a > i{ display: block; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin-top: -10px; background: url(../images/largelist.png) no-repeat -102px -1px; background-size: 150px auto; }
.filter-list .lev1-box > li.now > a > i{ background-position: -128px -1px; }
.pop3-cont .lev1-box > li > a > i{ display: none; }
.pop3-cont .lev1-box > li.now > a > i{ display: block; }
.filter-list .lev1-box > li .lev2-box{ background: #fff; position: absolute; top: 0; left: 30%; width: 70%; z-index: 1; display: none; }
.filter-list .lev1-box > li .lev2-box > li{ height: 45px; line-height: 45px; padding-left: 15px; }
.filter-list .lev1-box > li .lev2-box > li > a{ position: relative; display: block; height: 45px; line-height: 45px; font-size: 14px; color: #333; border-bottom: 1px solid #e5e5e5;}
.filter-list .lev1-box > li .show-list > li{ background: #fff; }
.filter-list .lev1-box > li .show-list > li.now{ padding-right: 50%; }
.filter-list .lev1-box > li .show-list > li > a{ color: #999; }
.filter-list .lev1-box > li .lev2-box > li.now > a{ color: #ff5c77; background: #fff; padding-right: 20px; position: relative; z-index: 2; top: 0; right: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.filter-list .lev1-box > li .lev2-box > li > a > i{ display: block; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin-top: -10px; background: url(../images/largelist.png) no-repeat -102px -1px; background-size: 150px auto; }
.pop1-cont .lev1-box > li .lev2-box > li > a > i{ background-position: -102px 30px; }
.filter-list .lev1-box > li .lev2-box > li.now a > i{ background-position: -128px -1px; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box{ background: #fff; position: absolute; top: 0; left: 50%; width: 50%; z-index: 3; border-left: 1px solid #e5e5e5; display: none; margin-left: -1px; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li{ height: auto; padding-left: 15px; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li > a{ line-height: 20px; position: relative; display: block; border-bottom: 1px solid #e5e5e5; padding: 12px 30px 13px 0; font-size: 14px; color: #333; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li:last-child > a{ border: none; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li.now > a{ color: #ff5c77; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li > a > i{ display: block; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin-top: -10px; background: url(../images/largelist.png) no-repeat -102px 50px; background-size: 150px auto; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li.now > a > i{ background-position: -128px -1px; }
/**tmp css*/
.content div.strategy:nth-child(4) { display: block !important;}
.list_style{ background-color: #fff;}
.list_style>ul>li {padding: 2%; border-bottom: 1px solid #eaeaea;}
.list_style>ul>li a {display: block;color: #333;}
.list_style>ul>li div {display: inline-block; width: 58%; height: 100%;vertical-align: middle;}
.list_style>ul>li h4 {line-height: 1.5em; font-size: 1.1em; color: #333;}
.list_style>ul>li h4 span { margin-left: 1em; color: #a8a8a8;font-size: .7em;}
.list_style>ul>li p {text-align: justify;line-height: 1.7em; font-size: 1em; color: #a8a8a8;}
.list_style>ul>li time { display: block;  margin-top: .2rem;line-height: 2em;font-size: .9em;color: #a8a8a8}
.list_style>ul>li img { display: inline-block; width: 34%; margin-left: 6%; vertical-align: middle;}
.pages {text-align: center; padding: 1em;line-height: 1.7em;}
.pages li {/* float: left; */padding:.2em .5em;margin-right: .5em;border: 1px #ececec solid;}
.pages a,select{margin-left: .5em;}
/**article_hosmx**/
.consul img{ width: 100%;}
.content_show{ background-color: #fff;}
.hosheader{border-bottom: 1px solid #efefef; padding: 15px 0;}
.hosheader .doctor-top img{ width: 60%; display: block; margin: 0 auto; border-radius: 60%;}
.hosheader .doctor-name {text-align: center; padding-top: 15px;font-size: 1.5em; line-height: 1.5em;color: #333;}
.hosheader .doctor-name small {padding-left: .5em; color: #777; font-size: .7em;}
.hosheader .doctor-type { text-align: center; font-size: .6rem;color: #555;}

.jour-box {margin: 1em auto 0;}
.jour-box .hot-title {border-bottom: solid 1px #f0f0f0;padding: .2em 1em; color: #333; font-size: 1.1em;}

.doctor-info-list { font-size: 1em;}
.doctor-info-list li { /*height: 3em;*/ line-height: 3em; color: #666; padding-left:1em; border-bottom: 1px solid #efefef;}
.doctor-info-list li b { color:red;}
.doctor-info-list li:nth-child(1) { display: none!important;}
.doctor-info-list ul .doctor-detail { margin: 8px 15px 0;}
.doctor-info-list ul .doctor-detail p { text-align: justify; color: #777; overflow: hidden; line-height: 26px;}
.doctor-detail img { max-width: 90%;height: auto!important;margin: auto;display: block}
.doctor-info-list ul .jour-box>p{ text-align: center;color: red; font-weight: bold;}

.mb15 { margin-bottom: 15px}
.hot-product .hot-title { display: block;border-bottom: solid 1px #f0f0f0; padding: 0 15px;  color: #333;font-size: 15px; height: 39px;line-height: 39px;}
.doctor {border-bottom: solid 1px #ededed;display: block; padding: 22px 15px 10px;}
.doctor .solid .doctor_img { width: 2.5rem; height: 2.5rem; border-radius: 2.5rem;  background: #e6e6e6; margin-right: .5rem; overflow: hidden;}
.doctor .solid .doctor_img img {  width: 100%; border-radius: 50%;}
.doctor .solid .doctor_name { font-size: 13px; color: #575757; overflow: hidden; -webkit-flex: 1; flex: 1;}
.doctor .solid .doctor_name a { color: #575757; display: block; width: 100%;}
.doctor .solid .doctor_name span { display: block; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; padding-bottom: 7px;}

.case-list { border-bottom: 1px solid #f0f0f0}
.main_jour { padding: 10px;}
.jour_name,.jour_text a {font-size: 14px;color: #777;}
.jour_icon { display: inline; width: 1.5rem; height: 1.5rem; border-radius: 50%; vertical-align: middle}
.jour_name { padding-left: 10px; width: 90%;}
.jour_name em { width: 18px; height: 24px}
.jour_text a { line-height: 26px}
.jour_pic {overflow: hidden;margin-top: .5rem;}
.jour_pic a,.jour_pic img {width: 100%;}
.jour_pic span { width: 45%; overflow: hidden; display: block; float: left; position: relative}
.jour_pic span img { max-width: 100%; vertical-align: middle;}
.jour_pic span:nth-child(2) { margin-left: .55rem}
.jour_pic em { padding: 2px 5px; background: rgba(0,0,0,.5); border-top-right-radius: 6px; font-size: 12px; color: #fff;position: absolute; bottom: 0;left: 0}
.get-more { display: block; text-align: center; height: 40px; line-height: 40px; font-size: .7rem; color: #777; background-color: #fff;border-bottom: 1px solid #f0f0f0}

.doctor #v { width: 1.6rem; height: .8rem; vertical-align: middle; position: absolute; right: 0;top: 0}

.doctor-detail h2,.doctor-detail h3,.doctor-detail h4,.doctor-detail h5{padding-bottom: .5em; font-size: 1.2em;display: inline-block;border-bottom:1px solid #f85959; margin-bottom: .5em; text-indent: -1.9em;}