doctorInfo.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. .p_doctor_item {
  2. padding: 30upx;
  3. align-items: flex-start;
  4. margin: 30upx 0;
  5. background-color: #fff;
  6. border-radius: 24upx;
  7. }
  8. .p_doctor_item:nth-last-child(1) {
  9. margin-bottom: 0;
  10. }
  11. .p_doctor_img_con {
  12. width: 88upx;
  13. height: 88upx;
  14. border-radius: 50upx;
  15. position: relative;
  16. margin-right: 20upx;
  17. flex-shrink: 0;
  18. margin-top: 4px;
  19. }
  20. .p_doctor_img {
  21. border-radius: 50%;
  22. }
  23. .p_doctor_state {
  24. width: 68upx;
  25. font-size: 18upx;
  26. height: 28upx;
  27. color: #fff;
  28. background: #13C287;
  29. border: 2upx solid #FFFFFF;
  30. border-radius: 14upx;
  31. text-align: center;
  32. position: absolute;
  33. left: 50%;
  34. bottom: 0;
  35. transform: translateX(-50%);
  36. }
  37. .p_doctor_item_con {
  38. width: 100%;
  39. }
  40. .p_doctor_item:nth-last-child(1) .p_doctor_item_con::before {
  41. border-bottom: 0;
  42. }
  43. .p_doctor_infocon {
  44. width: 100%;
  45. }
  46. .p_doctor_tit {
  47. display: flex;
  48. align-items: center;
  49. }
  50. .p_doctor_name {
  51. font-size: 34upx;
  52. font-weight: 500;
  53. }
  54. .p_doctor_tip {
  55. height: 32upx;
  56. background: #FFF0E1;
  57. padding: 0 12upx;
  58. margin-left: 16upx;
  59. border-radius: 50px;
  60. }
  61. .p_doctor_star {
  62. width: 24upx;
  63. height: 24upx;
  64. }
  65. .p_doctor_starval {
  66. font-size: 26upx;
  67. font-family: DINPro;
  68. font-weight: 500;
  69. color: #FF9D35;
  70. margin-left: 9upx;
  71. }
  72. .p_doctor_rescription {
  73. font-size: 22upx;
  74. font-weight: 500;
  75. color: #FF9D35;
  76. }
  77. .p_doctor_info {
  78. font-size: 28upx;
  79. margin-top: 8upx;
  80. }
  81. .p_doctor_btn {
  82. min-width: 144upx;
  83. height: 52upx;
  84. border-radius: 8px;
  85. font-size: 28upx;
  86. color: #FFFFFF;
  87. padding: 0 17upx;
  88. position: relative;
  89. margin-bottom: 10upx;
  90. margin-right: -5upx;
  91. }
  92. .p_doctor_item_introduce {
  93. font-size: 24upx;
  94. margin: 10upx 0;
  95. }
  96. .p_doctor_item_describe {
  97. font-size: 28upx;
  98. color: #333333;
  99. }
  100. .p_doctor_item_describe .p_color_9 {
  101. margin: 0 10upx;
  102. }
  103. .p_doctor_work_type {
  104. margin-top: 30upx;
  105. }
  106. .p_doctor_type_item_img {
  107. width: 38upx;
  108. height: 38upx;
  109. margin-right: 10upx;
  110. flex-shrink: 0;
  111. }
  112. .p_doctor_type_item_val {
  113. font-size: 28upx;
  114. font-family: PingFang-SC-Medium;
  115. color: #FF921F;
  116. }
  117. .p_doctor_type_item_tit {
  118. font-size: 28upx;
  119. }
  120. .p_doctor_type_item_err {
  121. font-size: 28upx;
  122. font-family: Source Han Sans CN;
  123. font-weight: 500;
  124. color: #AAADBD;
  125. }