.main { background: #fff; width: 100%; } .hospital_image { width: 100%; height: 160px; } .name_view { display: flex; margin: 10px; } .line { background: #48c17b; width: 2px; height: 14px; margin-top: 3px; } .title_text { font-size: 14px; color: #222; margin-left: 5px; } .showAll { font-size: 13px; color: #48c17b; position: absolute; right: 20px; padding-right: 5px; } .icon_more { width: 10px; height: 10px; position: absolute; margin-top: 5px; right: 10px; } .hospital_introduce1 { font-size: 13px; color: #666; margin-left: 10px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .hospital_introduce_All { font-size: 13px; color: #666; margin-left: 10px; margin-right: 10px; } .divider10 { height: 10px; background: #eee; margin-top: 10px; } .departname_view { display: flex; margin-left: 10px; margin-top: 10px; } .doctor_view { display: flex; margin-top: 5px; } .doctor_icon { width: 55px; height: 55px; margin-left: 10px; border-radius: 50%; border: 3px solid white; } .content_view { left: 65px; right: 10px; position: absolute; margin-top: 3px; margin-left: 10px; } .name_text { font-size: 14px; color: #222; } .doctor_intro { font-size: 11px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; right: 20px; left: 75px; }