@charset "utf-8";

/** 初始化css **/
*{ margin:0; padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font {font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;vertical-align:top; border:nonel;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:14px;}
ol, ul, li, dl, dt, dd {list-style:none;}
img{border: 0;}
input, button, textarea, checkbox, select, radio, form {vertical-align:top;}
a,ins{color:#444; text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover { color: #ff5370;}
html,body{ height: 100%; font-size: 14px; color: #444;}
input{ outline: none;}

.layout{ width: 1200px; margin: 0 auto; overflow: hidden;}
.fr{float:right}
.fl{float:left}

/* 项目大全 */
.content_left_project{ width: 870px; margin: 24px 30px 0 0;}
/* 概况 */
.xmgk{ box-sizing: border-box; padding: 16px 20px; background: #FAFBFC; border: 1px solid #F5F5F5; margin-top: 10px;}
.xmgk h1{ font-size: 26px; line-height: 30px; color: #333945; font-weight: bold; margin-bottom: 10px;}
.xmgk h1 span{ font-size: 14px; color: #999; margin-left: 15px; font-weight: normal;}
.xmgk p{ font-size: 14px; line-height: 26px; color: #666; text-align: justify;}

/* 项目信息 */
.arc_xm_left{ box-sizing: border-box; border: 1px solid #F5F5F5; padding: 0 20px;}
.xm_ula{ margin-bottom: 20px; overflow: hidden;}
.xm_ula li{ width: 110px; font-size: 14px; line-height: 40px; text-align: center; border-right: 1px solid #F4F5F6;  border-bottom: 1px solid #F4F5F6; font-weight: bold; cursor: pointer; float: left;}
.xm_ula li:nth-child(1){ border-left: 1px solid #F4F5F6;}
.xm_ula li.on{ border-bottom: 0;}
.xm_ula li:nth-child(1).on{ border-left: 1px solid #fff;}
.xm_ula li:nth-child(4).on{ border-right:0;}

.xm_ulb li{ display: none; overflow: hidden; font-size: 14px; line-height: 26px; color: #666; text-align: justify; padding-bottom: 10px;}
.xm_ulb li:nth-child(1){ display: block; padding: 0;}
.xm_ulb li:nth-child(1) dl{overflow: hidden;}
.xm_ulb li:nth-child(1) dl dt{ width: 50%; line-height: 48px; font-size: 14px; color: #5F6570; float: left; border-bottom: 1px solid #F5F5F5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.xm_ulb li:nth-child(1) dl dt span{ color: #9FA3AC; margin-right: 24px;}
.xm_ulb li ins{ display: block; line-height: 48px; color: #9FA3AC; font-size: 12px; text-align: center;}


.xm_left_title{ font-size: 16px; color: #333945; margin: 20px 0 10px; font-weight: bold;}
.xm_con{ font-size: 14px; line-height: 26px; color: #666; text-align: justify;}
.shhl_con{ height: 130px; overflow: hidden;}

.xgzs_img{ width: 450px; border-radius: 2px; height: auto; margin-bottom: 5px;}


/* 术后护理 */
.xm_shhl{ padding-bottom: 12px;}
.shhl_title{ font-size: 14px; line-height: 20px; margin-top: 10px; font-weight: bold; color: #333945; letter-spacing: 0.5px; overflow: hidden;}
.shhl_title:before{ content: ""; width: 6px; height: 6px; border-radius: 6px; margin: 7px 6px 7px 0; background: #DFE3EB; float: left;}
.hfxq p{ border-left: 1px solid #DFE3EB; margin-left: 2.5px; margin-top: -12px; padding-top: 20px; padding-left: 8.5px; text-align: justify;}
.hfxq2{display: none;}

.djzk{ font-size: 14px; line-height: 26px; color: #369; margin-top: 15px; cursor: pointer;}
.djzk span{ font-size: 12px; margin-left: 4px;}
.djsh{ display: none; font-size: 14px; line-height: 26px; color: #369; margin-top: 15px; cursor: pointer;}
.djsh span{ font-size: 12px; margin-left: 4px;}

/* 快捷导航 */
.xm_kjdh{ width: 88px; background: #fff; border: 1px solid #F5F5F5; position: fixed; top: 234px; left: 50%; margin-left: -696px; z-index: 99;}
.xm_kjdh ul{ padding: 0 5px;}
.xm_kjdh ul li{ line-height: 36px; font-size: 13px; color: #666; text-align: center; letter-spacing: 0.5px;}
.xm_kjdh ul li:hover{ color: #5398F4; font-size: 15px;}

.toTop{ display: block; height: 40px; border-top: 1px solid #F5F5F5; text-align: center;}
.toTop img{ width: 18px; height: 12px; margin: 14px 0; }

/* 科普文章 */
.arc_kpwz ul{ margin-top: 20px; overflow: hidden;}
.arc_kpwz ul li{ width: 210px; margin-left: 10px; float: left;}
.arc_kpwz ul li:nth-child(1){ margin-left: 0;}
.kpwz_img{ width: 210px; height: 140px; overflow: hidden; border-radius: 2px;}
.kpwz_img img{ width: 210px; min-height: 140px;}
.arc_kpwz ul li p{ font-size: 14px; line-height: 21px; margin-top: 6px; text-align: justify;font-weight: normal;}


/* 常见问题 */
.arc_tjwd dl{ margin-top: 18px; overflow: hidden;}
.arc_tjwd dl dt{ margin: 30px 0 6px; overflow: hidden;}
.arc_tjwd dl dt:nth-child(1){ margin-top: 0;}
.arc_tjwd dl dt:before{ content: "Q"; display: block; width: 18px; height: 18px; border: 1px solid #999; border-radius: 18px; text-align: center; line-height: 16px; color: #999; margin: 2px 5px 2px 0; font-size: 12px; float: left;}
.arc_tjwd dl dt p{ width: 845px; font-size: 15px; color: #555; font-weight: bold; line-height: 26px; letter-spacing: 0.6px; float: left;}

.arc_tjwd dl dd{ overflow: hidden;}
.arc_tjwd dl dd p{ width: 845px; font-size: 14px; color: #5F6570; line-height: 26px; float: left;font-weight: normal;}
.arc_tjwd dl dd:before{ content: "A"; display: block; width: 18px; height: 18px; border: 1px solid #5398F4; border-radius: 18px; text-align: center; line-height: 16px; color: #5398F4; margin: 2px 5px 2px 0; font-size: 12px; float: left;}

/* 相关案例 */
.arc_xgal ul{ margin-top: 5px; overflow: hidden;}
.arc_xgal ul li{ width: 208px; border: 1px solid #F4F5F6; margin-top: 15px; margin-left: 10px; float: left;}
.arc_xgal ul li:nth-child(1),.arc_xgal ul li:nth-child(5){ margin-left: 0;}
.arc_xgal ul li:hover{ border: 1px solid #5398F4;}
.case_img{ width: 208px; height: 104px; position: relative; overflow: hidden;}
.case_img ins{ display: block; width: 104px; height: 104px; overflow: hidden; float: left;}
.case_img img{ width: 104px; min-height: 104px;}
.case_img p{ position: absolute; bottom: 12px; left: 0; z-index: 1; overflow: hidden;}
.case_img p span{ display: block; width: 50px; font-size: 12px; line-height: 20px; text-align: center; color: #fff; background: #000; margin-right: 54px; border-radius: 0 25px 25px 0; opacity: .4; float: left;}
.case_img p span:nth-child(2){ background: #5398F4; opacity: .6;}
.case_con{ padding: 0 8px; margin: 8px 0; font-size: 14px; line-height: 24px; height: 48px; color: #5F6570; text-align: justify;
  font-weight: normal;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

/* 右边 */
/* 相关项目 */
.arc_xgxm{ width: 298px; border: 1px solid #F5F5F5; overflow: hidden;}
.arc_xgxm ul{ padding: 0 14px;}
.arc_xgxm ul li{ padding: 15px 0; border-bottom: 1px solid #F5F5F5; }
.arc_xgxm ul li:last-child{ border: 0;}
.xgxm_title{ font-size: 16px; line-height: 24px; color: #333945; font-weight: bold;}
.arc_xgxm ul li .p1{ font-size: 12px; line-height: 30px; color: #999;}
.arc_xgxm ul li .p2{ font-size: 14px; line-height: 22px; color: #666; text-align: justify;}


/* 相关医院 */
.rm_ul_pro{ width: 270px; margin: 13px auto 18px;}
.rm_ul_pro li{ height: 75px; margin-top: 18px; overflow: hidden;}
.rm_ul_pro li:first-child{ margin-top: 0;}
.rm_ul_pro .rm_img{ width: 85px; height: 75px; margin-right: 15px; overflow: hidden; float: left;}
.rm_ul_pro .rm_img img{ width: 85px; min-height: 75px;}
.rm_con{ width: 170px; float: left;}
.rm_con .p1{ font-size: 14px; color: #444; font-weight: bold; line-height: 20px;}
.rm_con .p2{ font-size: 12px; line-height: 18px; margin-top: 9px; color: #999;}

/* 相关医生 */
.rm_ul_pro .img_hd_doc{ width: 150px; height: 150px; border-radius: 150px; overflow: hidden; margin-right: 20px; float: left;}
.rm_ul_pro .img_hd_doc img{ width: 150px; min-height: 150px;}
.rm_ul_pro .con_hd_doc{ width: 658px; float: left;}

.rm_ul_pro .rm_img_doc{ width: 75px; height: 75px; border-radius: 78px; margin-right: 15px; overflow: hidden; float: left;}
.rm_ul_pro .rm_img_doc img{ width: 75px; min-height: 75px;}
.rm_con_doc .p1{ font-size: 14px; color: #444; font-weight: bold; line-height: 24px; margin-top: 5px;}
.rm_con_doc .p1>span{ font-size: 12px; font-weight: normal; color: #666; margin-left: 8px;}
.rm_con_doc .p3{ font-size: 12px; line-height: 20px; margin-top: 3px; color: #999;}


/* 百科 */
.dq_ula_ask{ height: 45px; overflow: hidden;}
.dq_ula_ask li{ width: 110px; height: 44px; line-height: 44px; text-align: center;  border-right: 1px solid #F5F5F5; float: left;}
.dq_ula_ask li.cur{ background: url(../images/ask.png) no-repeat; background-size: auto 14px; border-bottom: 1px solid #FFFFFF; color: #5398F4; background-position: 18px 14.5px;}

.ul_list_ask li{ padding: 20px 0; border-bottom: 1px solid #F5F5F5; overflow: hidden;}
.ul_list_ask li:last-child{ border: 0;}

.ul_list_ask li dl{ margin-bottom: 10px; overflow: hidden;}
.ul_list_ask li dt{ font-size: 16px; line-height: 24px; color: #333; font-weight: bold; margin-bottom: 10px;}
.ul_list_ask li dt:before{ content: "Q"; width: 18px; height: 18px; border: 1px solid #5398F4; border-radius: 18px; font-size: 12px; color: #5398F4; text-align: center; line-height: 16px; margin: 2px 8px 0 0; font-weight: normal; float: left;}
.ul_list_ask li dd{ font-size: 14px; line-height: 22px; color: #666; text-align: justify;}
.ul_list_ask li dd:before{ content: "A"; width: 18px; height: 18px; border: 1px solid #B3B3B3; border-radius: 18px; font-size: 12px; color: #B3B3B3; text-align: center; line-height: 16px; margin: 2px 8px 0 0; font-weight: normal; float: left;}
.ul_list_ask li dd p{ width: 800px; float: left;}
.ul_list_ask li .np_sj{ padding-left: 28px;}
.hzhb{border: 1px solid #F5F5F5;margin-bottom: 24px;padding: 0 20px;overflow: hidden;padding-bottom: 10px;}
.hzhb-tit{font-size: 16px;line-height: 40px;color: #333;border-bottom: 1px dashed #F5F5F5;}
.hzhb p{margin-top: 10px;}
.hzhb p a{float: left;text-align: center;font-size: 14px;border: 1px solid #e6e6e6;background: #fafafa;padding: 1px 5px;line-height: 27px;margin: 3px 8px 3px 0;}

body table{
  border-collapse: collapse;
  margin: 0 auto;
  width:50%;

}
body table tr:nth-child(1){
  background-color: #de9c9c;

}

body table th,td{
  text-align: center;
    border: 1px solid #ca8b94;
}
body table tr:nth-child(2n){
  background-color: #fcf1e3;
}
body table tr:hover{
  background-color: #dff0d8;
}
.art_body h3 {
    margin-bottom: 5px;
    margin-top: 25px;
    font-size: 1.2rem;
    color: #555;
    font-weight: bold;
    color: #f90e6d;
}

/*资讯排名css*/
.infoGk>p{
	text-indent: 2em;
	line-height: 26px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #dedede;
}

.infoGk>h2{
	font-size: 18px;
	line-height: 50px;
	margin-bottom: 0;
}

.infoGk>h2::before{
	content: "";
	display: block;
	width: 4px;
	height: 20px;
	margin: 15px 6px 0 0;
	background: #5398F4;
	float: left;
}

.hosTop10 li{
	line-height: 36px;
	border-radius: 18px;
	overflow: hidden;
	background: #a6b3b7;
	margin: 5px 0;
	color: #FFFFFF;
}

.hosTop10 li>span:first-child{
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	margin: 1px 4px 1px 1px;
	text-align: center;
	background: #FFFFFF;
	color: #333;
	float: left;
}

.hosTop10 li>span:last-child{
	font-size: 14px;
	margin-right: 12px;
	float: right;
}

.hosTop10 li:nth-of-type(1){
	width: 98%;
	background: #f5634f;
}

.hosTop10 li:nth-of-type(2){
	width: 95%;
	background: #efa64a;
}

.hosTop10 li:nth-of-type(3){
	width: 92%;
	background: #79b4d7;
}

.hosTop10 li:nth-of-type(4){
	width: 89%;
}

.hosTop10 li:nth-of-type(5){
	width: 86%;
}

.hosTop10 li:nth-of-type(6){
	width: 83%;
}

.hosTop10 li:nth-of-type(7){
	width: 80%;
}

.hosTop10 li:nth-of-type(8){
	width: 77%;
}

.hosTop10 li:nth-of-type(9){
	width: 74%;
}

.hosTop10 li:nth-of-type(10){
	width: 71%;
}


.infoText>h2{
	font-size: 18px;
	line-height: 50px;
	margin: 30px 0 15px;
	border-bottom: 1px dashed #dedede;
}

.infoText>h2::before{
	content: "";
	display: block;
	width: 4px;
	height: 20px;
	margin: 16px 6px 0 0;
	background: #5398F4;
	float: left;
}

.itemList{
	margin-bottom: 30px;
}

.hosItem>.itemList:last-child{
	margin-bottom: 0;
}

.itemList>h3{
	font-size: 16px;
	line-height: 30px;
	color: #5398F4;
	margin-bottom: 10px;
}

.itemList p:nth-of-type(1){
	text-align: center !important; 
}

.itemList p:nth-of-type(1) img{
	border-radius: 8px;
	width: 400px;
	height: auto;
}

.itemList>h4{
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-top: 10px;
}

.itemList>.hos_js{
	line-height: 26px !important;
	margin: 10px 0;
	text-indent: 2em;
}
.itemList>.doc_js{
	line-height: 26px !important;
	text-indent: 2em;
}

.itemList>.pro_jg{
	margin-top: 10px;
	
}

.itemList>.pro_jg>strong{
	font-size: 15px;
	color: #333;
}

.itemList>.pro_jg>span{
	color: #999;
	margin-left: 8px;
}
.arc_zxgs_con img{
    width:400px;
    display: block;
    margin: 0 auto;
    
}
.content_right {
    width: 300px;
    margin-top: 18px;
}
/* 当前位置 */
.com_dqwz{ font-size: 12px;color: #666;line-height: 35px;padding-bottom: 8px;padding-top: 6px;}
.com_dqwz a{ color: #666;}
.rankpming {border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;margin: 1.5em 1.5em .5em;font-size: .95em;}
.rankpming li {line-height: 4em;height:4em;overflow: hidden;border-bottom: 1px solid #f0f0f0;display: flex;}
.rankpming li:first-child{background: #f8e7e8;font-weight: bold;}
.rankpming li:last-child p{text-align:center;width: 100%;color: #d81e06;}
.rankpming li em {display: block;text-align: center;border-right: 1px solid #f0f0f0;}
.rankpming li em:first-child {width: 10%;}
.rankpming li em:nth-child(2) {text-align: left;box-sizing: border-box;width: 30%;padding-left: .5em;}
.rankpming li em:nth-child(3) {width: 25%;box-sizing: border-box;}
.rankpming li em:nth-child(4) {width: 30%;border-right:none;}
.rankpming li:first-child em:nth-child(4),.brandlist li:first-child em:nth-child(5){ background:none;}
.rankpming li em:nth-child(5) {width: 5em;border-left: 1px solid #f0f0f0;box-sizing:border-box;}
.rankpming li:nth-child(2) em:first-child {background: url(/templets/default/images/brand10top1.png) no-repeat center;background-size: 2em;}
.rankpming li:nth-child(3) em:first-child {background: url(/templets/default/images/brand10top2.png) no-repeat center;background-size:2em; }
.rankpming li:nth-child(4) em:first-child {background: url(/templets/default/images/brand10top3.png) no-repeat center;background-size:2em; }

.rankpming li:nth-child(5) em:first-child,
.rankpming li:nth-child(6) em:first-child,
.rankpming li:nth-child(7) em:first-child,
.rankpming li:nth-child(8) em:first-child,
.rankpming li:nth-child(9) em:first-child,
.rankpming li:nth-child(10) em:first-child,
.rankpming li:nth-child(11) em:first-child
 {background: url(/templets/default/images/top10.png) no-repeat center; background-size:2em; font-weight:bold;}
.rankprice{overflow-y: auto;}