questionnaire.wxss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. .ques_page {
  2. width: 686rpx;
  3. background: #FFFFFF;
  4. border-radius: 8px;
  5. position: absolute;
  6. top: 50%;
  7. left: 50%;
  8. transform: translate(-50%, -50%);
  9. z-index: 1100;
  10. }
  11. .ques_page .bg_page {
  12. position: relative;
  13. width: 100%;
  14. height: 124px;
  15. z-index: 11;
  16. top: -27px;
  17. }
  18. .ques_page .bg_close {
  19. width: 18px;
  20. height: 18px;
  21. position: absolute;
  22. z-index: 12;
  23. top: 12px;
  24. right: 12px;
  25. }
  26. .ques_page .ques_txt {
  27. display: flex;
  28. margin: 40rpx 0 24rpx;
  29. font-size: 32rpx;
  30. font-weight: 500;
  31. line-height: 44rpx;
  32. }
  33. .ques_page .ques_txt text {
  34. color: #F54E45;
  35. margin-right: 10rpx;
  36. }
  37. .ques_page .ques_txt_list {
  38. margin: 40rpx 0 0rpx;
  39. }
  40. .ques_page .ques_main {
  41. margin-top: -19px;
  42. padding: 0 48rpx 0rpx;
  43. }
  44. .ques_page .ques_main .ques_title {
  45. height: 66rpx;
  46. font-size: 48rpx;
  47. font-weight: 400;
  48. color: #111111;
  49. line-height: 66rpx;
  50. text-align: center;
  51. }
  52. .ques_page .ques_main .ques_tips {
  53. margin-top: 24rpx;
  54. font-size: 28rpx;
  55. font-weight: 400;
  56. color: #666666;
  57. line-height: 44rpx;
  58. }
  59. .ques_page .ques_main .ques_star {
  60. width: 100%;
  61. height: 180rpx;
  62. display: flex;
  63. justify-content: center;
  64. align-items: center;
  65. flex-direction: column;
  66. background: #EFF0F1;
  67. border-radius: 4px;
  68. margin-bottom: 56rpx;
  69. }
  70. .ques_page .ques_main .ques_star text {
  71. margin-top: 20rpx;
  72. height: 40rpx;
  73. font-size: 28rpx;
  74. font-weight: 400;
  75. color: #666666;
  76. line-height: 40rpx;
  77. }
  78. .ques_page .ques_list {
  79. max-height: 450rpx;
  80. box-sizing: border-box;
  81. overflow: auto;
  82. padding: 0 48rpx 0rpx;
  83. margin-bottom: 30rpx;
  84. }
  85. .ques_page .ques_list .ques_checkbox {
  86. font-size: 32rpx;
  87. padding: 36rpx 0 0;
  88. }
  89. .ques_page .ques_list .txtarea {
  90. width: 100%;
  91. height: 240rpx;
  92. margin-top: 10px;
  93. padding: 24rpx;
  94. border-radius: 4px;
  95. font-size: 28rpx;
  96. box-sizing: border-box;
  97. border: 1px solid #EFF0F1;
  98. }
  99. .ques_page .footer {
  100. padding: 0 48rpx 40rpx;
  101. }
  102. .ques_page .footer .submit {
  103. height: 80rpx;
  104. font-size: 32rpx;
  105. margin-top: 40rpx;
  106. width: auto!important;
  107. color: #FFFFFF;
  108. background: #04B49C;
  109. border-radius: 20px;
  110. }
  111. .ques_page .footer .submit_noactive {
  112. background: #EFF0F1;
  113. color: #C3C7CB;
  114. }
  115. .ques_page .footer_active {
  116. border-top: 1px solid #ececed;
  117. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  118. }
  119. .ques_pop {
  120. position: absolute;
  121. width: 100%;
  122. height: 100%;
  123. top: 0;
  124. left: 0;
  125. background: #000000;
  126. opacity: 0.2;
  127. z-index: 1100;
  128. overflow: hidden;
  129. }
  130. .ques_pop_active {
  131. z-index: 1200;
  132. }
  133. .dialog_box {
  134. width: 590rpx;
  135. padding-top: 56rpx;
  136. background: #FFFFFF;
  137. border-radius: 8px;
  138. position: absolute;
  139. top: 50%;
  140. left: 50%;
  141. transform: translate(-50%, -50%);
  142. z-index: 1201;
  143. }
  144. .dialog_box .title {
  145. text-align: center;
  146. font-size: 18px;
  147. font-weight: 500;
  148. color: #1F2529;
  149. line-height: 24px;
  150. }
  151. .dialog_box .content {
  152. padding: 66rpx 0 66rpx 64rpx;
  153. }
  154. .dialog_box .content .radio_custom {
  155. display: inline-flex;
  156. width: 100px;
  157. margin-right: 15px;
  158. }
  159. .dialog_box .dialog_footer {
  160. height: 102rpx;
  161. border-top: 1px solid #EFF0F1;
  162. justify-content: space-around;
  163. font-size: 16px;
  164. font-weight: 500;
  165. color: #1F2529;
  166. }
  167. .dialog_box .dialog_footer .dialog_btn {
  168. width: 49%;
  169. height: 100%;
  170. }
  171. .dialog_box .dialog_footer .line {
  172. width: 1px;
  173. background: #EFF0F1;
  174. height: 100%;
  175. }
  176. .radio_span {
  177. color: #666666;
  178. }
  179. .radio_active {
  180. color: #000000;
  181. }