.hospital-new-component .department-introduction-container { display: flex; flex-wrap: wrap; margin-bottom: -16rpx; } .hospital-new-component .department-introduction { height: 128rpx; width: calc(50% - 8rpx); border-radius: 16rpx; margin: 0 16rpx 16rpx 0; background: #fff; } .hospital-new-component .department-introduction:nth-child(2n) { margin-right: 0; } .hospital-new-component .department-introduction .department-introduction-content { height: 100%; padding: 24rpx; display: flex; } .hospital-new-component .department-introduction .department-introduction-left { margin-right: 24rpx; } .hospital-new-component .department-introduction .department-introduction-left .department-introduction-img { width: 80rpx; height: 80rpx; border-radius: 16rpx; } .hospital-new-component .department-introduction .department-introduction-right { flex: 1; } .hospital-new-component .department-introduction .department-introduction-right .department-introduction-title { font-size: 30rpx; color: #333; margin-bottom: 10rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 25vw; } .hospital-new-component .department-introduction .department-introduction-right .department-introduction-desc { font-size: 26rpx; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 25vw; } .hospital-new-component .no-more-departments { color: #ccc; height: 60px; font-size: 13px; line-height: 60px; text-align: center; }