.shebei_list { width: 96%; margin: 2%; } .shebei_list li { float: left; width: 100%; height: auto; border-bottom: 1px #ccc dashed; padding: 2% 0; } .shebei_list li img { width: 100% !important; } .shebei_list li .left { width: 49%; float: left; } .shebei_list li .right { width: 50%; float: right; } .shebei_list li .small { margin: 3% 0; } .shebei_list li p { font: 1.1em/1.5 "Microsoft Yahei"; color: #666; } .shebei_list li h3 { font: 1.4em/1.8 "Microsoft Yahei"; color: #333; } .shebei_list li .center p { text-align: left; } /*热门搜索*/ .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: auto; background: #cc2952; border-radius: 5px; padding: 2% 2% 2% 5%; } .hot_search .implement_ask a i { float: left; display: block; width: 30%; position: relative; left: -5%; top: 0px; } .hot_search .implement_ask a i img { width: 100%; display: block; } .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:nth-child(1) { width: auto; } .hot_search .implement_ask a:nth-child(2) { background: #f4750e; width: auto; } .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; } /*医生--打字不方便?电话省时间*/ .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 (min-width: 640px) { .hot_search .implement_ask a:nth-child(1) { width: 30%; } .hot_search .implement_ask a:nth-child(2) { width: 30.5%; } }