yyghClinicMsg.wxss 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. .content_inner {
  2. padding: 200rpx 30rpx 0;
  3. display: inline-block;
  4. width: 100%;
  5. }
  6. .content_inner_item {
  7. margin: 30rpx 0;
  8. padding: 30rpx 0;
  9. border-radius: 24rpx;
  10. background: #fff;
  11. overflow: hidden;
  12. }
  13. .content_inner_item_tit {
  14. height: 110rpx;
  15. display: flex;
  16. align-items: center;
  17. padding: 0 30rpx;
  18. font-size: 32rpx;
  19. }
  20. .doctor_item {
  21. padding: 0 30rpx;
  22. }
  23. .doctor_item_nav {
  24. display: flex;
  25. position: relative;
  26. padding: 20rpx 0;
  27. }
  28. .doctor_item_nav_img {
  29. width: 110rpx;
  30. height: 103rpx;
  31. border-radius: 50%;
  32. margin-right: 23rpx;
  33. overflow: hidden;
  34. }
  35. .doctor_item_nav_tit {
  36. width: 82%;
  37. }
  38. .doctor_item_nav_subtit_val {
  39. font-size: 32rpx;
  40. font-family: PingFang SC;
  41. font-weight: 800;
  42. color: #222326;
  43. margin-right: 12rpx;
  44. }
  45. .doctor_item_nav_subtit_txt {
  46. height: 36rpx;
  47. line-height: 28rpx;
  48. font-size: 24rpx;
  49. font-family: PingFang SC;
  50. color: var(--auxiliaryColor);
  51. padding: 0rpx 7rpx;
  52. position: relative;
  53. display: inline-block;
  54. background: #FFFBF4;
  55. border: 1rpx solid #FADAB2;
  56. }
  57. .doctor_item_nav_info {
  58. font-size: 28rpx;
  59. font-family: Source Han Sans CN;
  60. font-weight: 500;
  61. color: #62626D;
  62. line-height: 40rpx;
  63. margin-top: 10rpx;
  64. overflow: hidden;
  65. text-overflow: ellipsis;
  66. display: -webkit-box;
  67. -webkit-line-clamp: 2;
  68. line-clamp: 2;
  69. -webkit-box-orient: vertical;
  70. }
  71. .time_list {
  72. display: flex;
  73. flex-wrap: wrap;
  74. align-items: center;
  75. padding: 0 30rpx;
  76. }
  77. .time_item {
  78. margin: 23rpx 2% 0 0;
  79. width: 32%;
  80. height: 110rpx;
  81. line-height: 110rpx;
  82. background: #F1F1F6;
  83. border-radius: 20rpx;
  84. font-size: 28rpx;
  85. color: #222326;
  86. text-align: center;
  87. position: relative;
  88. }
  89. .time_item:nth-child(3n){
  90. margin-right: 0;
  91. }
  92. .time_item_img {
  93. width: 61rpx;
  94. height: 54rpx;
  95. position: absolute;
  96. right: 0;
  97. top: 0;
  98. }
  99. .time_item_stop view{
  100. color: #8A8A99;
  101. }
  102. .price {
  103. font-size: 32rpx;
  104. color: #fa4844;
  105. }
  106. .subtit {
  107. color: #a6a6a6;
  108. font-size: 28rpx;
  109. }
  110. .number_list {
  111. display: flex;
  112. align-items: center;
  113. flex-wrap: wrap;
  114. padding: 0 30rpx 12rpx;
  115. -webkit-overflow-scrolling: touch;
  116. }
  117. .number_item {
  118. font-size: 28rpx;
  119. font-family: PingFang SC;
  120. font-weight: 500;
  121. color: #43434A;
  122. width: 23%;
  123. height: 110rpx;
  124. margin: 0 2.5% 22rpx 0;
  125. background: #F1F1F6;
  126. border-radius: 20rpx;
  127. display: flex;
  128. flex-direction: column;
  129. align-items: center;
  130. justify-content: center;
  131. }
  132. .number_item:nth-child(4n){
  133. margin-right: 0;
  134. }
  135. .number_item_time {
  136. margin-top: 6rpx;
  137. text-align: center;
  138. }
  139. /* 列表号源 */
  140. .number_list_sec{
  141. -webkit-overflow-scrolling: touch;
  142. }
  143. .number_item_sec {
  144. display: flex;
  145. align-items: center;
  146. justify-content: space-between;
  147. padding: 0 30rpx;
  148. height: 100rpx;
  149. font-size: 32rpx;
  150. color: rgba(85, 85, 85, 1);
  151. }
  152. .circle {
  153. margin-right: 22rpx;
  154. width: 42rpx;
  155. height: 42rpx;
  156. }
  157. .border:before{
  158. border-radius: 0;
  159. }
  160. /* 查询 switch*/
  161. .other_dept_box view {
  162. width: 100%;
  163. padding-top: 28rpx ;
  164. margin-top: 23rpx;
  165. box-sizing: border-box;
  166. justify-content: space-between;
  167. }
  168. .other_dept_box view text {
  169. font-size: 32rpx;
  170. color: #333;
  171. }
  172. /* 多科室 */
  173. .scheduling_dept_box {
  174. margin: 8rpx 0 12rpx;
  175. padding-left: 30rpx;
  176. }
  177. .scheduling_deptName_box view {
  178. width: 14rpx;
  179. height: 14rpx;
  180. border-radius: 14rpx;
  181. margin-right: 20rpx;
  182. }
  183. .scheduling_deptName_box text {
  184. font-size: 32rpx;
  185. color: #333;
  186. }
  187. .scheduling_dept_box image {
  188. transform: rotate(270deg);
  189. }
  190. .scheduling_list {
  191. flex-wrap: wrap;
  192. justify-content: flex-start;
  193. }
  194. .transform_rotate_90 {
  195. transform: rotate(90deg) !important;
  196. }
  197. .transform_rotate_180 {
  198. transform: rotate(180deg) !important;
  199. }
  200. .public_btn{
  201. margin: 0 30rpx;
  202. height: 88rpx;
  203. line-height: 88rpx;
  204. }
  205. /* 候补 */
  206. .wait_con{
  207. padding:0 30rpx;
  208. }
  209. .wait_head {
  210. margin: 0 auto;
  211. background: #f8f4ea;
  212. border-radius: 10rpx 10rpx 0px 0px;
  213. padding: 30rpx 45rpx;
  214. font-size: 30rpx;
  215. font-family: PingFang SC;
  216. color: #d18e09;
  217. line-height: 40rpx;
  218. position: relative;
  219. transform-style: preserve-3d;
  220. }
  221. .wait_head::before,
  222. .wait_head::after {
  223. content: "";
  224. display: block;
  225. width: 16rpx;
  226. height: 16rpx;
  227. border-radius: 50px;
  228. background-color: #f6e8ce;
  229. position: absolute;
  230. bottom: 0;
  231. transform: translateZ(-1px);
  232. }
  233. .wait_head::before {
  234. left: -8rpx;
  235. }
  236. .wait_head::after {
  237. right: -8rpx;
  238. }
  239. .wait_list {
  240. padding: 20rpx 0;
  241. background-color: #fff;
  242. }
  243. .wait_item {
  244. font-size: 28rpx;
  245. font-family: PingFang SC;
  246. color: #999;
  247. line-height: 54rpx;
  248. }