h1 { font: 1.8em/1.2 "Microsoft Yahei"; display: block; margin: 5% 2%; width: 96%; color: #d1314d; text-align: center; } h2 { display: block; font: 1.5em/2.3 "Microsoft Yahei"; background: #ebebeb; border-bottom: 2px #dedede solid; text-align: center; font-weight: bold; color: #333333; } h2 .red { color: #d1314d; } /*文章正文部分*/ .source { font: 1.2em/1 "Microsoft Yahei"; color: #666; text-align: center; width: 100%; display: block; } .online_contact { width: 100%; margin: 3% auto; text-align: center; font: 1.2em/1.3 "Microsoft Yahei"; padding: 4% 0 5% 0; border-top: 1px #aaa dashed; border-bottom: 1px #aaa dashed; } .online_contact span { font-size: 0.8em; } .online_contact .red { color: #d1314d; } .online_contact .center { margin: 0 auto; min-height: 25px; width: 100%; } .online_contact .center img{ width: 100%; } .online_contact .center a { display: inline-block; margin-top: 1%; padding: 0 5%; border-radius: 5px; color: #fff; width: auto; } .content_text { width: 96%; margin: 2% 2% 5% 2%; } .content_text p { text-indent: 2em; font: 1.2em/1.5 "Microsoft Yahei"; color: #666666; } .content_text p img{ max-width:640px; } .content_text .more { text-indent: 2em; font: 1.2em/1.5 "Microsoft Yahei"; color: #d1314d; display: block; } .content_page { width: 96%; margin: 0 2% 2% 2%; } .content_page a { display: block; width: 100%; font: 1.3em/2 "Microsoft Yahei"; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*四个等分咨询按钮*/ .contact_box { width: 96%; margin: 0 2% 3% 2%; } .contact_box.textbox a { padding: 7% 0 5% !important; } .contact_box.textbox a:nth-child(4) item { margin-left: -7%; } .contact_box a { display: block; float: left; width: 25%; background: #26a3e7; padding: 3% 0 1%; } .contact_box a b { font: 1.3em/1 "Microsoft Yahei"; display: block; color: #fff; text-align: center; } .contact_box a span { width: 40%; margin: 0% 30%; display: block; } .contact_box a span img { display: block; width: 100%; } .contact_box a item { color: #fff; text-align: center; width: 100%; font: 1em/1.5 "Microsoft Yahei"; display: block; transform: scale(0.8); } .contact_box a em { color: #fff; text-align: center; width: 100%; font: 1em/2 "Microsoft Yahei"; display: block; } .contact_box a:nth-child(2) { background: #1fd3ce; } .contact_box a:nth-child(3) { background: #f8b451; } .contact_box a:nth-child(4) { background: #fe5b86; } /*新闻文章*/ .hot_newslist { width: 96%; margin: 3% 2%; } .hot_newslist li { width: 96%; float: left; height: auto; padding: 3% 2%; position: relative; background: #f8f8f8; } .hot_newslist li a { display: block; } .hot_newslist li:nth-child(odd) { background: #ececec; } .hot_newslist li span { width: 85%; font: 1.3em/1.5 "Microsoft Yahei"; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot_newslist li em { width: 85%; font: 1.1em/1.5 "Microsoft Yahei"; color: #999; display: block; overflow: hidden; } .hot_newslist li i { font: 2.8em/2 "Microsoft Yahei"; position: absolute; right: 3%; top: 0%; color: #d1314d; } /*医生列表*/ .doctor_list { width: 96%; margin: 2%; } .doctor_list .bd { width: 100%; } .doctor_list .bd li { width: 100%; } .doctor_list .bd li .img { width: 100%; position: relative; border: 1px #ddd solid; } .doctor_list .bd li .img span { position: absolute; left: 45%; top: 10%; color: #d1314d; font: 1.2em/1 "Microsoft Yahei"; } .doctor_list .bd li .img span b { font: 1.5em/1 "Microsoft Yahei"; } .doctor_list .bd li .img em { position: absolute; top: 38%; left: 45%; width: 52%; display: block; overflow: hidden; } .doctor_list .bd li .img em i { width: 7%; display: block; float: left; margin-right: 2%; } .doctor_list .bd li .img img { display: block; width: 100%; } .doctor_list .bd li .img .btn { position: absolute; left: 45%; top: 63%; width: 55%; } .doctor_list .bd li .img a { width: auto; display: inline-block; text-align: center; font: 1em/2 "Microsoft Yahei"; color: #d1314d; border: 1px #d1314d solid; margin-right: 2%; border-radius: 15px; padding: 0 5%; background: #fff; } .doctor_list .bd li .img a:nth-child(2) { color: #fff; background-color: #d1314d; } .doctor_list .bd li .like { width: 100%; } .doctor_list .bd li .like a { color: #666; font: 1.2em/2 "Microsoft Yahei"; } .doctor_list .bd li .like a i { color: #ccc; margin-right: 1%; font-size: 1.3em; } .doctor_list .bd li table { border: 1px #ddd solid; width: 100%; text-align: center; font: 1.2em/2.5 "Microsoft Yahei"; } .doctor_list .bd li table a { display: block; font-weight: bold; color: #fff; } .doctor_list .bd li table .red { background: #d1314d; } .doctor_list .hd { width: 100%; height: 15px; text-align: center; margin: 3% auto 6% auto; } .doctor_list .hd ul { display: inline-block; height: 7px; padding: 3px 5px; font-size: 0; vertical-align: top; } .doctor_list .hd ul li { display: inline-block; width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #fff; margin: 0 5px; vertical-align: top; overflow: hidden; border: 1px #d1314d solid; } .doctor_list .hd ul li.on { background: #d1314d; } /*热门搜索*/ .hot_search { width: 96%; margin: 2%; } .hot_search img{width:100%;} .hot_search .implement_ask { width: 100%; margin: 5% auto; text-align: center; } .hot_search .implement_ask a { display: inline-block; text-align: center; height: 40px; background: #cc2952; border-radius: 5px; padding: 1% 1% 1% 5%; } .hot_search .implement_ask a i { float: left; display: block; width: 22%; position: relative; top: 10%; left: -3%; } .hot_search .implement_ask a i img { width: 100%; } .hot_search .implement_ask a span { float: left; color: #fff; display: block; } .hot_search .implement_ask a:nth-child(2) { background: #f4750e; } .hot_search .online_ask { width: 100%; margin: 3% auto 5% auto; } .hot_search .online_ask input { border: 1px #d1314d solid; padding: 0 2%; } .hot_search .online_ask input[type="text"] { width: 40%; border-radius: 5px; font: 1.2em/2 "Microsoft Yahei"; margin-left: 18%; } .hot_search .online_ask input[type="submit"], .hot_search .online_ask a { border-radius: 5px; font: 1.2em/2 "Microsoft Yahei"; cursor: pointer; background: #d1314d; color: #fff; display: inline-block; text-align: center; } .hot_search table { width: 100%; height: auto; border: 1px #fff solid; text-align: center; margin: 2% 0; } .hot_search table a { display: block; width: 100%; font: 1.2em/1.2 "Microsoft Yahei"; color: #fff; padding: 4% 0; } .hot_search table .t1 { background: #fe5b86; } .hot_search table .t2 { background: #f8b451; } .hot_search table .t3 { background: #ad3de7; } .hot_search table .t4 { background: #1fd3ce; margin-bottom: 1%; } .hot_search table .t5 { background: #f8b451; } .hot_search table .t6 { background: #26a3e7; } .hot_search table .t7 { background: #26a3e7; } .hot_search table .t8 { background: #ad3de7; } /*患者评价*/ h3 { text-align: center; font: 1.7em/1 "Microsoft Yahei"; color: #333; } h3 b { font: 1.2em/1.4 "Microsoft Yahei"; color: #d1314d; font-weight: bold; } h3 em { font-size: 15px; display: inline-block; position: relative; top: -5px; } h3 i { margin-right: 3px; background: url("/mszlhmsyycom/images/ms/about_icon.jpg") no-repeat center; width: 20px; height: 18px; background-size: cover; display: inline-block; position: relative; top: 3px; } .xiaoguo_ck { margin: 2% auto; text-align: center; display: block; width: 45%; } .xiaoguo_ck img{width:100%;} /*反馈*/ .fankui { width: 96%; height: auto; border: 1px #efbcc5 solid; margin: 0 2%; } .fankui .left { width: 22%; font: 1.2em/1.4 "Microsoft Yahei"; background: #d1314d; color: #fff; text-align: center; padding: 3% 0; } .fankui .left b { font-size: 2em; display: block; width: 100%; } .fankui .right { width: 76%; padding: 1% 0 1% 2%; } .fankui .right li { float: left; width: 30%; border: 1px #efbcc5 solid; font: 1em/1.5 "Microsoft Yahei"; text-align: center; margin: 3px 0 3px 0px; margin-right: 2.5%; } /*留言*/ .liuyan { width: 96%; height: auto; margin: 0 2%; } .liuyan li { width: 100%; height: auto; padding: 10px 0; border-bottom: 1px #ddd dashed; font: 1em/1.5 "Microsoft Yahei"; } .liuyan li span { color: #999999; } .liuyan li p { color: #666666; } /*想证实一下这些评价?*/ .zhengshi { text-align: center; width: 96%; height: auto; margin: 0 2%; } .zhengshi .yz { font: 1.8em/2.5 "Microsoft Yahei"; color: #666; } .zhengshi .liaoliao { display: block; font: 1.8em/2.2 "Microsoft Yahei"; color: #fff; background: #d1314d; border-radius: 5px; width: 100%; } .zhengshi .liaoliao em { display: inline-block; background: #fff; color: #d1314d; line-height: 1.6; padding: 0 10px; border-radius: 5px; } .zhengshi .meijie { color: #f4750e; font: 1.5em/3 "Microsoft Yahei"; } .zhengshi .mashang { width: 30%; display: block; margin: 0 auto; } .zhengshi .mashang img { display: block; width: 100%; } /*列表标题*/ .title { display: inline-block; text-align: center; font: 1.6em/1.3 "Microsoft Yahei"; border: 1px #d1314d solid; border-radius: 25px; color: #d1314d; margin: 5% 0 2% 0; padding: 2% 5% 2% 6%; } .title i { display: block; width: 10%; float: left; margin-right: 2%; } .title i img { display: block; width: 100%; } .title span { display: block; float: left; position: relative; } /*医生--打字不方便?电话省时间*/ .doctor_tel { text-align: center; } .doctor_tel img { width: 60%; margin: 5% auto 2% auto; display: block; } .doctor_tel b { font: 2em/1 "Microsoft Yahei"; font-weight: bold; color: #d1314d; } .doctor_tel .zixun { width: 70%; margin: 2% auto 10% auto; } .doctor_tel .zixun .item { width: 30%; margin: 0 10%; float: left; } .doctor_tel .zixun .item a { display: block; width: 100%; } .doctor_tel .zixun .item a img { width: 100%; } @media screen and (min-width: 640px) { h3 em { font-size: 20px; } .fankui .right li { line-height: 1.8; } } @media screen and (max-width: 320px) { .fankui .right li { font-size: 0.8em; margin-right: 0.5%; width: 31.5%; line-height: 2; } .fankui .left { padding: 10% 0; } .contact_box a item { transform: scale(0.6); } .online_contact .center a:nth-child(2) b { display: inline-block; font: 1.2em/1.3 "Microsoft Yahei"; height: auto; } .online_contact .center a:nth-child(2) em { display: block; font: 1.2em/1.4 "Microsoft Yahei"; } }