.date_list { background-color: #fff; padding: 20rpx 6rpx 20rpx 30rpx; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; z-index: 2; } .date_item { width: 140rpx; height: 144rpx; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; background: #F1F1F6; color: #222326; border-radius: 24rpx; margin-right:24rpx; font-size: 32rpx; vertical-align: middle; } .month { margin-top: 10rpx; } .date_item_all { font-size: 32rpx; } .doctor_list { padding: 0 30rpx; display: inline-block; width: 100%; margin-top: 290rpx; } .doctor_list.doctor_list100{ margin-top: 100rpx; } .doctor_item { background: #fff; border-radius: 24rpx; margin: 30rpx 0; padding: 20rpx 30rpx 32rpx; } .doctor_item_nav { display: flex; position: relative; padding: 17rpx 0; } .doctor_item_nav_img { width: 88.3rpx; height: 88.3rpx; border-radius: 50%; margin-right: 25rpx; overflow: hidden; } .doctor_item_nav_tit { width: 82%; } .doctor_item_nav_subtit_val { font-size: 32rpx; font-family: PingFang SC; font-weight: 800; color: #222326; margin-right: 12rpx; } .doctor_item_nav_subtit_txt { height: 36rpx; line-height: 28rpx; font-size: 24rpx; font-family: PingFang SC; color: var(--auxiliaryColor); padding: 0rpx 7rpx; position: relative; display: inline-block; background: #FFFBF4; border: 1rpx solid #FADAB2; } .doctor_item_nav_info { font-size: 28rpx; font-family: Source Han Sans CN; font-weight: 500; color: #62626D; line-height: 40rpx; margin-top: 10rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .time_list { display: flex; flex-wrap: wrap; align-items: center; } .time_item { margin: 23rpx 2% 0 0; width: 32%; height: 110rpx; line-height: 110rpx; background: #F1F1F6; border-radius: 20rpx; font-size: 28rpx; color: #222326; text-align: center; position: relative; } .time_item:nth-child(3n){ margin-right: 0; } .nav { height: 100rpx; padding:0 30rpx; background-color: #fff; border-radius: 0 0 30rpx 30rpx; font-size: 30rpx; color: #43434A; position: relative; z-index: 2; } .nav_val { margin-right: 30rpx; } .nav_inner { display: flex; align-items: center; justify-content: space-between; height: 100%; } .nav_tit_val { white-space: nowrap; } .bottom { width: 16rpx; height: 16rpx; margin-left: 16rpx; } .time_item_img { width: 61rpx; height: 54rpx; position: absolute; right: 0; top: 0; } .time_item_stop view{ color: #8A8A99; } .scheduling_dept_box { margin: 24rpx 0 12rpx; } .scheduling_deptName_box view { width: 14rpx; height: 14rpx; border-radius: 14rpx; margin-right: 20rpx; } .scheduling_deptName_box text { font-size: 32rpx; color: #333; } .scheduling_dept_box image { transform: rotate(270deg); } .scheduling_list { flex-wrap: wrap; justify-content: flex-start; } .transform_rotate_90 { transform: rotate(90deg) !important; } .transform_rotate_180 { transform: rotate(180deg) !important; } .other_dept_box view { width: 100%; padding-top: 28rpx ; margin-top: 23rpx; box-sizing: border-box; justify-content: space-between; } .other_dept_box view text { font-size: 32rpx; color: #333; } .non_schedul { padding-top: 30rpx; box-sizing: border-box; font-size: 30rpx; color: #999; }