main { margin-bottom: 40px !important; } .new_l { width: 78%; float: left; } .new_l .content { padding: 10px 25px; background: #fff; border-radius: 10px; border: 1px solid #ededed; font-size: 16px; } .new_l .new { border-top: 1px solid #dedede; } .qd { background: var(--color) !important; color: #fff !important; } .new_select { display: flex; flex-wrap: wrap; margin: 5px 0 25px; } .new_select a { box-sizing: content-box; margin: 5px 40px 5px 0; min-width: 90px; padding: 0 5px; height: 30px; line-height: 30px; background: #ffffff; border: 1px solid var(--color); color: var(--color); border-radius: 5px; display: block; text-align: center; } .new_select a:hover { background-color: var(--color); color: #fff; } .new_list li { position: relative; padding: 20px 0; min-height: 120px; border-bottom: 1px solid #dedede; overflow: hidden; transition: all .3s; } .new_list li:hover h3 { color: var(--color); } /*.img_box {*/ /* display: block;*/ /* width: 20%;*/ /* height: 145px;*/ /* float: left;*/ /* border-radius: 10px;*/ /* overflow: hidden;*/ /*}*/ .img_box_news{ display: block; width: 20%; height: 145px; float: left; border-radius: 10px; overflow: hidden; } .img_box_news img{ object-fit: cover; max-width: 100%; } .img_box img { object-fit: cover; max-width: 100%; } .new_list .msg { height: 145px; width: 78%; float: right; display: flex; flex-direction: column; justify-content: space-between; } .new_list .msg h3 { color: #333; font-size: 16px; font-weight: 700; transition: color .2s; line-height: 18px; } .new_list .msg .time { width: 100%; } .new_list .msg .time span { font-size: 14px; color: #999; } .new_list .msg p { max-height: 88px; line-height: 22px; font-size: 14px; color: #555; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new_list .visit { float: right; } .new_r { width: 21%; float: right; } .hot_hosp, .hot_doc, .hot_msg { margin-bottom: 10px; padding: 10px; background: #fff; position: relative; border-radius: 8px; border: 1px solid #ededed; } .hot_doc ul li { overflow: hidden; margin: 15px 0; } .hot_doc ul li .msg { float: right; width: 68%; height: 77px; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-around; color: #888; } .hot_doc ul li h3 { line-height: 18px; font-size: 16px; transition: color .2s; color: #000; } .hot_doc ul li p:first-child { line-height: 18px; font-size: 16px; transition: color .2s; color: #000; } .hot_doc .msg p:last-of-type { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .hot_doc ul li p { font-size: 13px; } .hot_doc ul li a img { width: 30%; height: 77px; float: left; border: 1px solid #e8e8e8; border-radius: 5px; object-fit: cover; } .new_r .hot_t { overflow: hidden; padding-bottom: 14px; border-bottom: 1px solid var(--color); } .new_r h2 { width: 150px; line-height: 24px; font-size: 18px; color: var(--color); font-weight: 600; float: left; height: 21px; } .hot_t .more { display: block; line-height: 24px; font-size: 14px; color: #888; float: right; display: flex; align-items: center; } .hot_t .more i { margin-left: 5px; } .new_r ul li:hover h3 a { color: var(--color); } .new_r ul li a img { width: 30%; height: 77px; float: left; border: 1px solid #e8e8e8; border-radius: 5px; } .new_r .hot_hosp ul li h3 { line-height: 18px; font-size: 16px; transition: color .2s; color: #000; } .new_r .hot_hosp ul li p:first-child { line-height: 18px; font-size: 16px; transition: color .2s; color: #000; } .zx { float: right; flex-shrink: 0; width: 80px; height: 30px; line-height: 30px; cursor: pointer; font-size: 16px; color: var(--color); text-align: center; border: 1px solid var(--color); border-radius: 6px; } .new_r .hot_hosp ul li { overflow: hidden; margin: 15px 0; } .new_r .hot_hosp ul li:hover h3 { color: var(--color) !important; } .new_r .hot_hosp ul li .msg { float: right; width: 68%; height: 77px; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-around; color: #888; } .new_r .hot_hosp ul li p { font-size: 13px; } .new_r .hot_hosp ul .msg p:last-of-type { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }