.hospital-new-component .appointment-list { margin: 24rpx 23rpx 0; color: #333; border-radius: 16rpx; background: #fff; } .hospital-new-component .appointment-list .title { height: 105rpx; line-height: 105rpx; border-bottom: 1px solid #E8E8E8; padding-left: 24rpx; } .hospital-new-component .appointment-list .appointment-content { display: flex; align-items: center; background: #fff; height: 90rpx; padding: 0 24rpx; } .hospital-new-component .appointment-list .appointment-content .appointment-time { flex: 4; display: flex; justify-content: space-between; background: #fff; } .hospital-new-component .appointment-list .appointment-content .appointment-time .appointment-time-left { font-size: 28rpx; font-weight: bold; } .hospital-new-component .appointment-list .appointment-content .appointment-time .appointment-time-left .rest-number { font-size: 24rpx; color: #999; font-weight: normal; margin-left: 10rpx; } .hospital-new-component .appointment-list .appointment-content .appointment-time .appointment-time-right { font-size: 32rpx; color: #FF6330; } .hospital-new-component .appointment-list .appointment-content .appointment-btn { flex: 1; padding-left: 20rpx; } .hospital-new-component .appointment-list .appointment-content .appointment-btn .appoint { width: 104rpx; height: 49rpx; line-height: 49rpx; text-align: center; border-radius: 16rpx; background: #1677FF; color: #fff; font-size: 30rpx; }