appointmentTime.acss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .hospital-new-component .appointment-time {
  2. background: #F5F5F5;
  3. }
  4. .hospital-new-component .appointment-time .doctor-introduce {
  5. background: #fff;
  6. display: flex;
  7. padding: 32rpx 24rpx;
  8. }
  9. .hospital-new-component .appointment-time .doctor-introduce .avator {
  10. flex: 1;
  11. }
  12. .hospital-new-component .appointment-time .doctor-introduce .avator .img {
  13. width: 120rpx;
  14. height: 120rpx;
  15. border-radius: 50%;
  16. }
  17. .hospital-new-component .appointment-time .doctor-introduce .info {
  18. flex: 5;
  19. padding-left: 20rpx;
  20. }
  21. .hospital-new-component .appointment-time .doctor-introduce .info .title {
  22. margin-bottom: 10rpx;
  23. color: #333;
  24. font-size: 28rpx;
  25. }
  26. .hospital-new-component .appointment-time .doctor-introduce .info .title .doctor-name {
  27. font-weight: bold;
  28. font-size: 30rpx;
  29. }
  30. .hospital-new-component .appointment-time .doctor-introduce .info .desc {
  31. color: #999;
  32. font-size: 26rpx;
  33. margin-bottom: 10rpx;
  34. line-height: 35rpx;
  35. }
  36. .hospital-new-component .appointment-time .doctor-introduce .info .more {
  37. color: #1677FF;
  38. font-size: 26rpx;
  39. }
  40. .hospital-new-component .appointment-time .appointment-rest {
  41. text-align: center;
  42. color: #999;
  43. font-size: 28rpx;
  44. margin: 60rpx 0 30rpx;
  45. }