index.wxss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. page {
  2. padding: 0;
  3. margin: 0;
  4. background-color: rgb(247, 246, 242);
  5. }
  6. .sticky-nav.data-v-4a5102d2 {
  7. position: -webkit-sticky;
  8. position: sticky;
  9. width: 100%;
  10. top: 0;
  11. z-index: 1;
  12. }
  13. .nav-box.data-v-4a5102d2 {
  14. width: 100%;
  15. display: -webkit-box;
  16. display: -webkit-flex;
  17. display: flex;
  18. -webkit-box-align: center;
  19. -webkit-align-items: center;
  20. align-items: center;
  21. background: #fff;
  22. height: 95rpx;
  23. }
  24. .nav-box .answer_back.data-v-4a5102d2 {
  25. width: 45rpx;
  26. height: 45rpx;
  27. padding-left: 20rpx;
  28. padding-right: 215rpx;
  29. }
  30. .nav-box .answer-text.data-v-4a5102d2 {
  31. font-size: 37rpx;
  32. color: #000;
  33. }
  34. .nav-box .answer_operate.data-v-4a5102d2 {
  35. width: 21px;
  36. height: 19px;
  37. padding-left: 260rpx;
  38. }
  39. .master_info_box.data-v-4a5102d2 {
  40. display: -webkit-box;
  41. display: -webkit-flex;
  42. display: flex;
  43. -webkit-box-pack: justify;
  44. -webkit-justify-content: space-between;
  45. justify-content: space-between;
  46. -webkit-box-align: center;
  47. -webkit-align-items: center;
  48. align-items: center;
  49. margin: 10rpx 30rpx 0 30rpx;
  50. }
  51. .master_info_box .master_list_item.data-v-4a5102d2 {
  52. background-color: #fff;
  53. -webkit-border-radius: 12rpx;
  54. border-radius: 12rpx;
  55. }
  56. .master_info_box .master_list_item .master_img_box.data-v-4a5102d2 {
  57. display: -webkit-box;
  58. display: -webkit-flex;
  59. display: flex;
  60. -webkit-box-pack: center;
  61. -webkit-justify-content: center;
  62. justify-content: center;
  63. }
  64. .master_info_box .master_list_item .master_img_box .master_img.data-v-4a5102d2 {
  65. width: 125rpx;
  66. height: 125rpx;
  67. -webkit-border-radius: 50%;
  68. border-radius: 50%;
  69. overflow: hidden;
  70. margin: 20rpx 0;
  71. }
  72. .master_info_box .master_list_item .master_name.data-v-4a5102d2 {
  73. font-size: 35rpx;
  74. text-align: center;
  75. padding-bottom: 15rpx;
  76. }
  77. .master_info_box .master_list_item .master_consult_box.data-v-4a5102d2 {
  78. display: -webkit-box;
  79. display: -webkit-flex;
  80. display: flex;
  81. -webkit-box-orient: horizontal;
  82. -webkit-box-direction: normal;
  83. -webkit-flex-direction: row;
  84. flex-direction: row;
  85. padding: 0 20rpx 20rpx 20rpx;
  86. }
  87. .master_info_box .master_list_item .master_consult_box .master_status.data-v-4a5102d2 {
  88. color: #aeaeae;
  89. font-size: 25rpx;
  90. padding-right: 15rpx;
  91. }
  92. .master_info_box .master_list_item .master_consult_box .consult_count.data-v-4a5102d2 {
  93. color: #ce8562;
  94. font-size: 25rpx;
  95. }
  96. .wrap.data-v-4a5102d2 {
  97. position: fixed;
  98. top: 115rpx;
  99. right: 0;
  100. }
  101. .wrap .answer_operate_wrap.data-v-4a5102d2 {
  102. background-color: #fff;
  103. -webkit-border-radius: 10rpx;
  104. border-radius: 10rpx;
  105. border: 5rpx solid #f7f6f2;
  106. position: relative;
  107. }
  108. .wrap .answer_operate_wrap .operate_list.data-v-4a5102d2 {
  109. margin: 0 5rpx 0 25rpx;
  110. }
  111. .wrap .answer_operate_wrap .operate_list .operate_item.data-v-4a5102d2 {
  112. padding: 27rpx 55rpx 27rpx 20rpx;
  113. display: -webkit-box;
  114. display: -webkit-flex;
  115. display: flex;
  116. -webkit-box-align: center;
  117. -webkit-align-items: center;
  118. align-items: center;
  119. }
  120. .wrap .answer_operate_wrap .operate_list .oprate_icon.data-v-4a5102d2 {
  121. width: 50rpx;
  122. height: 50rpx;
  123. padding-right: 40rpx;
  124. }
  125. .wrap .answer_operate_wrap .operate_list .oprate_content.data-v-4a5102d2 {
  126. font-size: 35rpx;
  127. }
  128. .wrap .answer_operate_wrap_top.data-v-4a5102d2::before {
  129. content: '';
  130. position: absolute;
  131. width: 0;
  132. height: 0;
  133. left: 259rpx;
  134. top: -52rpx;
  135. border: 25rpx solid;
  136. border-color: transparent transparent #ffffff transparent;
  137. z-index: 999;
  138. /*上 右 下 左 */
  139. }
  140. .wrap .answer_operate_wrap_top.data-v-4a5102d2::after {
  141. content: "";
  142. position: absolute;
  143. width: 0;
  144. height: 0;
  145. top: -31rpx;
  146. left: 257rpx;
  147. border-width: 0 29rpx 29rpx;
  148. border-style: solid;
  149. border-color: transparent transparent #f7f6f2;
  150. }