h1 { display: inline-block; text-align: center; padding: 0 7%; font: 1.6em/1.8 "Microsoft Yahei"; border: 1px #d1314d solid; border-radius: 25px; color: #d1314d; margin: 5% 0 2% 0; } .zljs_list { width: 96%; margin: 2%; height: auto; } .zljs_list li { float: left; width: 100%; border-bottom: 1px #ccc dashed; padding: 4% 0 3%; } .zljs_list li img { width: 100%; } .zljs_list li .left { width: 31%; float: left; } .zljs_list li .left img { width: 86%; margin: 0 7% 4% 7%; } .zljs_list li .left span { width: 100%; text-align: center; display: block; border: 1px #ccc solid; color: #d1314d; position: relative; font: 1em/2.5 "Microsoft Yahei"; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zljs_list li .left span:before { height: 2px; width: 30%; margin-left: -15%; left: 50%; top: -1px; position: absolute; content: ''; display: block; background: #d1314d; box-sizing: border-box; } .zljs_list li .right { width: 67%; float: right; } .zljs_list li .right h2 { font: 1.6em/1 "Microsoft Yahei"; color: #333; background: url("/mszlhmsyycom/images/ms/daosanjiao.png") no-repeat left top 10%; display: block; background-size: 8%; padding: 0% 0 3% 9%; } .zljs_list li.cen h2 { font: 1.8em/1 "Microsoft Yahei"; color: #333; margin: 0% auto 5% auto; width: 100%; text-align: center; display: block; } .zljs_list li.cen h2 i { display: inline-block; margin-right: 1%; } .zljs_list li.cen a { width: 49%; margin-left: 1%; display: block; float: left; } /*热门搜索*/ .hot_search { width: 96%; margin: 2%; } .hot_search a 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: auto; background: #cc2952; border-radius: 5px; padding: 2% 1% 2% 3%; } .hot_search .implement_ask a i { float: left; display: block; width: 20%; position: relative; left: -2%; top: 4px; } .hot_search .implement_ask a i img { width: 100%; } .hot_search .implement_ask a span { float: left; color: #fff; display: inline-block; text-align: left; line-height: 1.6; } .hot_search .implement_ask a b { font-weight: bold; font-size: 1.3em; line-height: 1; } .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: 13%; } .hot_search .online_ask input[type="submit"], .hot_search .online_ask a { width: 30%; border-radius: 5px; font: 1.2em/2 "Microsoft Yahei"; cursor: pointer; background: #d1314d; color: #fff; display: inline-block; text-align: center; } /*医生--打字不方便?电话省时间*/ .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 5% 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 (max-width: 320px) { .zljs_list li .left span { line-height: 2; } }