.inpatient-tabs-container { background-color: #fff; } .inpatient-tabs-container .tabs-out { padding: 0 20rpx; } .inpatient-tabs-container .tabs-out .am-tabs-bar { border-bottom-width: 0rpx !important; } .inpatient-tabs-container .tabs-out .am-tabs-bar-tab { max-width: 12vw; justify-content: flex-start; } .inpatient-tabs-container .function-entrance-out { min-height: 145rpx; } .inpatient-tabs-container .function-entrance-out .function-entrance { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 32rpx 24rpx 0; background: #FFF; border-radius: 16rpx; } .inpatient-tabs-container .function-entrance-out .function-entrance .item-width { width: 25%; margin-bottom: 16rpx; } .inpatient-tabs-container .function-entrance-out .function-entrance .function-entrance-item { color: #333; font-size: 24rpx; display: flex; align-items: center; flex-direction: column; } .inpatient-tabs-container .function-entrance-out .function-entrance .function-entrance-item .icon-img { width: 64rpx; height: 64rpx; border-radius: 22.4rpx; margin-bottom: 16rpx; } .inpatient-tabs-container .inpatient-person { padding: 0 24rpx 32rpx; } .inpatient-tabs-container .inpatient-person .inpatient-person-item { background-color: #F7F7F7; border-radius: 8rpx; padding: 24rpx; margin-top: 16rpx; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top { display: flex; align-items: center; justify-content: space-between; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .item-top-name { display: flex; align-items: center; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .name { color: #333; font-weight: 700; font-size: 28rpx; line-height: 30rpx; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .mark { box-sizing: border-box; height: 30rpx; margin-left: 18rpx; padding: 0 10rpx; color: #1677ff; font-weight: 400; font-size: 20rpx; line-height: 30rpx; background-color: #fff; border: 2rpx solid rgba(22, 119, 255, 0.3); border-radius: 4rpx; display: flex; align-items: center; justify-content: center; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .time { font-weight: 400; font-size: 22rpx; color: #999; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-bottom { margin-top: 16rpx; display: flex; align-items: center; font-weight: 400; font-size: 26rpx; color: #666; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-bottom .weight { color: #333; font-weight: 600; } .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-bottom .distance { margin-right: 32rpx; }