*{ margin: 0; padding: 0;}
body{ margin: 0; padding: 0; max-width: 640px; margin: 0 auto;}
.clear{ clear: both;}
ul li{list-style: none outside none}
a{ text-decoration: none;}
em{font-style:normal;}

/*wap_top*/
.wap_top{ width:100%; height: 3rem; background: #ff6800;}
.wap_top a{ float: left; width: 10%; height: 3rem; line-height: 3; background-position: center 9px; color: #fff; text-align: center;}
.wap_top span{ width: 90%; color: white; font-size: 18px; font-weight: normal; line-height: 3.2rem; text-align: center; display: block;}

/*wap_banner*/
.wap_banner{ width:100%; position: relative; margin-top:1%;}
.wap_banner a{ position: relative; display: block; color: #333;}
.wap_banner img{ width:100%; height:auto; display: block;}
.wap_banner p{ position: absolute; top: 0; right: 0; padding: .5%; background: #dedede; opacity: 0.8; font-size: .7rem;}



/*wap_nav*/
.wap_nav{ height: 50px; line-height: 50px; color: white; background: #007cc3; font-size: 14px;}
.wap_nav a{width: 16.4%; display: block; float: left; height: 50px; border-right: 1px solid #4f84d4; line-height: 50px; text-align: center; color: white;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px;}

/*hospital-introduce*/
.hospital-introduce{ padding: 1% 2% 0;}
.index_info { clear: both; border-bottom: #dfdfdf 1px dashed; }
.introduce-top { height: 120px; position: relative; overflow: hidden; float: left;}
.introduce-top img { width: 140px; height: 120px; float: left; margin-right: 20px;}
.introduce-top h2{ font-size:18px;}
.gk{ padding: 12px 12px 0; font-size: 12px; line-height: 22px; color: #666; text-indent: 2em;}
.gk p{ margin-top: -10px; padding-bottom: 8px; height: 100px;width: 200px; margin-left: 140px;}
.gk p a{ color: #007cc3;}
.introduce-txt { font-size: 12px; line-height: 27px; color: #007cc3; padding-top: 10px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.introduce-txt li { border-bottom: #dfdfdf 1px dashed;}
.introduce-txt li a{ color: #007cc3; padding-right: 20px; background-size: 8px auto; display: block; overflow: hidden; text-overflow: ellipsis;}
.readmore{ text-align: center; font-size: 12px; line-height: 33px; border: #ccc 1px solid; border-radius: 33px; background: #f7f7f7; margin: 18px 0;}
.readmore a{ color: #333; display: block;}

/*wap_doctor*/
.wap_doctor{ width:100%; margin-top: 2%;}
.wap_doctor dl{ width:100%;}
.wap_doctor dt{height: 30px; line-height: 30px; font-size: 16px; padding: 0 12px; background: #f2f2f2; color: #007cc3; font-weight: bold; margin-top: 12px;}
.wap_doctor dd{ width:100%; margin-top: 2%;}
.doclist { padding: 0 12px;}
.doclist li{ height: 65px; padding: 15px 0; position: relative; border-bottom: #dfdfdf 1px dashed; overflow: hidden; font-size: 12px; color: #666; line-height: 22px;}
.doclist li a{color: #333;}
.doclist li img{ width: 65px; height: 65px; float: left; margin-right: 12px;}
.doclist li strong{ font-size: 14px; color: #007cc3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.doclist li strong a{ color: #007cc3;}
.doclist li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; width: 200px;}
.doclist li span{ display: block; position: absolute; right: 0; top: 15px; font-size: 12px; line-height: 12px; padding: 7px; background: #007cc3; color: white;}
.doclist li span:last-child{margin-top: 40px; background: #ff9777;}
.doclist li span a{ display: block; color: white;}

/*entry*/
.entry { display: flex;}
.entry span{ flex-grow: 1;}
.entry span a{color: #333;}
.entry span img{ width: 100%;}

/*hot_news*/
.hot_news{ width:100%; margin-top: 2%;padding-bottom: 9%;}
.hot_news dl{ width:100%;}
.hot_news dt{height: 30px; line-height: 30px; font-size: 16px; padding: 0 12px; background: #f2f2f2; color: #007cc3; font-weight: bold; margin-top: 12px;}
.hot_news dd{ width:100%; margin-top: 2%;}
.ts { padding: 0 12px;}
.ts li{ padding: 12px 0; border-bottom: #dfdfdf 1px dashed; font-size: 12px; color: #666; line-height: 20px;}
.ts li strong{ font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #007cc3; font-weight: 600;}
.ts li strong a{ color: #666;}
.ts li p{ overflow: hidden; text-overflow: ellipsis; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.ts li p a{ color: #F60;}

/*wap_yyhj*/
.wap_yyhj{ width:100%; margin-top: 2%;}
.wap_yyhj dl{ width:100%;}
.wap_yyhj dt{height: 30px; line-height: 30px; font-size: 16px; padding: 0 12px; background: #f2f2f2; color: #007cc3; font-weight: bold; margin-top: 12px;}
.wap_yyhj dd{ width:100%; margin-top: 2%;}
.hj{ padding: 0 12px;}
.entry { display: flex;}
.entry.zn span{ margin: 15px 8px;flex-grow: 1;}
.entry.zn span a{color: #333;}
.entry.zn span a img{ width:100%; height:auto;}

/*footer*/
.footer{ padding: 12px; background: #333; overflow: hidden; padding-bottom: 15%;}
.footer .friend-link{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999999;}
.footer .friend-link a, .footer .friend-link span{ color: #999999; font-size: 10px; line-height: 30px;}
.footer .address{ text-align: center; color: white; font-size: 12px;}
.footer .address strong{ font-size: 14px; color: #007cc3; line-height: 14px; margin-top: 8px; display: block;}
.footer .address p{ line-height: 18px;}
