/**hospitalList.wxss 医院列表 联系医院**/ .item{ position: relative; height: 136px; display: flex; flex-direction: row; align-items: center; background: white; margin-bottom:5px; } /*item左边布局-----------------------*/ .item-left{ width: 18.67%; height: 136px; } .item__logo{ width: 45px; height: 45px; border-radius: 250px; position: absolute; top: 15px; left: 10px; } /*item中间布局----------------------*/ .item-middle{ width: 69.33%; height: 136px; } .item-middle__title{ color: #5e5e5e; font: medium; font-size: 17px; margin-top: 20px; line-height: 17px; } .item-middle__specialty{ color: #ee7289; font: normal; font-size: 11px; line-height: 11px; margin-top: 8px; display: flex; flex-direction: row; } .item-middle__description{ color: #858585; font: lighter; font-size: 12px; line-height: 150%; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .item-middle__specialty__middle{ margin-left: 10px; } .item-middle__specialty__right{ margin-left: 15px } .stars-star{ width: 10px; height: 10px; } /*item右边布局--------------------------*/ .item-right{ width: 12%; } .item-right__right{ width: 17.5px; height: 17.5px; margin-left: 50%; transform: translateX(-50%); margin-right: 2px; }