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