index.rpx.scss 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. .page{
  2. background: #F7F7F7;
  3. }
  4. .state{
  5. background: #FFFFFF;
  6. padding: 24rpx 0;
  7. font-size: 32rpx;
  8. font-family: PingFangSC-Regular, PingFang SC;
  9. font-weight: 400;
  10. color: #93D21A;
  11. line-height: 44rpx;
  12. }
  13. .box_4{
  14. font-size: 28rpx;
  15. font-family: PingFangSC-Regular, PingFang SC;
  16. font-weight: 400;
  17. color: #333333;
  18. line-height: 44rpx;
  19. margin-top: 18rpx;
  20. }
  21. .detail{
  22. margin-top: 24rpx;
  23. background: #FFFFFF;
  24. padding: 0 32rpx;
  25. }
  26. .serviceAttrDesc{
  27. width: 108rpx;
  28. height: 56rpx;
  29. background: #FFE05C;
  30. border-radius: 0rpx 0rpx 12rpx 12rpx;
  31. opacity: 0.2;
  32. font-size: 24rpx;
  33. font-family: PingFangSC-Regular, PingFang SC;
  34. font-weight: 400;
  35. color: #333333;
  36. line-height: 56rpx;
  37. text-align: center;
  38. }
  39. .serviceType{
  40. font-size: 28rpx;
  41. font-family: PingFangSC-Medium, PingFang SC;
  42. font-weight: bold;
  43. color: #333333;
  44. line-height: 40rpx;
  45. }
  46. .key{
  47. font-size: 24rpx;
  48. font-family: PingFangSC-Regular, PingFang SC;
  49. font-weight: 400;
  50. color: #666666;
  51. line-height: 44rpx;
  52. }
  53. .value{
  54. height: 36rpx;
  55. font-size: 24rpx;
  56. font-family: PingFangSC-Regular, PingFang SC;
  57. font-weight: 400;
  58. color: #333333;
  59. line-height: 44rpx;
  60. }
  61. .planNumber{
  62. font-size: 40rpx;
  63. font-family: PingFangSC-Semibold, PingFang SC;
  64. font-weight: 600;
  65. color: #333333;
  66. line-height: 68rpx;
  67. text-align: center;
  68. }
  69. .plan{
  70. font-size: 20rpx;
  71. font-family: PingFangSC-Regular, PingFang SC;
  72. font-weight: 400;
  73. color: #999999;
  74. line-height: 28rpx;
  75. }
  76. .scan{
  77. width: 200rpx;
  78. height: 64rpx;
  79. background: #FFE05C;
  80. border-radius: 32rpx;
  81. margin-top: 32rpx;
  82. font-size: 24rpx;
  83. font-family: PingFangSC-Regular, PingFang SC;
  84. font-weight: 400;
  85. color: #333333;
  86. line-height: 64rpx;
  87. text-align: center;
  88. }
  89. .line{
  90. width: 686rpx;
  91. height: 2rpx;
  92. background: #EEEEEE;
  93. margin-top: 32rpx;
  94. }
  95. .right{
  96. width: 620rpx;
  97. }
  98. .projectState{
  99. font-size: 24rpx;
  100. font-family: PingFangSC-Regular, PingFang SC;
  101. font-weight: 400;
  102. color: #93D21A;
  103. line-height: 44rpx;
  104. }
  105. .projectMoney{
  106. font-size: 28rpx;
  107. font-family: PingFangSC-Medium, PingFang SC;
  108. font-weight: 500;
  109. color: #ED569F;
  110. line-height: 44rpx;
  111. }
  112. .bottom{
  113. width: 750rpx;
  114. height: 212rpx;
  115. background: #FFFFFF;
  116. position: fixed;
  117. bottom: 0;
  118. }
  119. .bottomHeight{
  120. height: 236rpx;
  121. background: #F7F7F7;
  122. }
  123. .allMoney{
  124. font-size: 24rpx;
  125. font-family: PingFangSC-Regular, PingFang SC;
  126. font-weight: 400;
  127. color: #333333;
  128. line-height: 40rpx;
  129. margin-top: 24rpx;
  130. margin-left: 64rpx;
  131. }
  132. .unpaid{
  133. font-size: 24rpx;
  134. font-family: PingFangSC-Regular, PingFang SC;
  135. font-weight: 400;
  136. color: #333333;
  137. line-height: 108rpx;
  138. margin-left: 32rpx;
  139. }
  140. .preferentialPrice{
  141. font-size: 36rpx;
  142. font-family: PingFangSC-Medium, PingFang SC;
  143. font-weight: 500;
  144. color: #111111;
  145. line-height: 108rpx;
  146. margin-left: 16rpx;
  147. }
  148. .originalPrice{
  149. font-size: 24rpx;
  150. font-family: PingFangSC-Regular, PingFang SC;
  151. font-weight: 400;
  152. color: #333333;
  153. line-height: 108rpx;
  154. margin-left: 16rpx;
  155. text-decoration:line-through;
  156. }
  157. .priceDetail{
  158. font-size: 24rpx;
  159. font-family: PingFangSC-Regular, PingFang SC;
  160. font-weight: 400;
  161. color: #333333;
  162. line-height: 108rpx;
  163. margin-left: 32rpx;
  164. }
  165. .bottomBtn{
  166. width: 686rpx;
  167. height: 108rpx;
  168. background: #FFF6CE;
  169. border-radius: 60rpx;
  170. margin-left: 32rpx;
  171. }
  172. .btn{
  173. width: 220rpx;
  174. height: 108rpx;
  175. background: #FFE05C;
  176. border-radius: 0rpx 60rpx 60rpx 0rpx;
  177. font-size: 32rpx;
  178. font-family: PingFangSC-Medium, PingFang SC;
  179. font-weight: bold;
  180. color: #111111;
  181. line-height: 108rpx;
  182. text-align: center;
  183. }
  184. .borderBottom{
  185. margin-top: 32rpx;
  186. border-bottom: 1px solid #F7F7F7;
  187. padding-bottom: 32rpx;
  188. }
  189. .appealView{
  190. width: 700rpx;
  191. height: 500rpx;
  192. border-radius: 15rpx;
  193. background: #FFFFFF;
  194. }
  195. .popupTitle{
  196. font-size: 28rpx;
  197. font-family: PingFangSC-Medium, PingFang SC;
  198. margin-top: 24rpx;
  199. text-align: center;
  200. }
  201. .leftBtn{
  202. width: 140rpx;
  203. height: 70rpx;
  204. background: #F7F7F7;
  205. line-height: 70rpx;
  206. text-align: center;
  207. }
  208. .rightBtn{
  209. width: 140rpx;
  210. height: 70rpx;
  211. border-radius: 15rpx;
  212. background: #F7F7F7;
  213. line-height: 70rpx;
  214. text-align: center;
  215. }
  216. .textareaView{
  217. width: 650rpx;
  218. height: 350rpx;
  219. }
  220. .textarea{
  221. background: #f7f7f7;
  222. font-size: 28rpx;
  223. line-height: 40rpx;
  224. padding: 24rpx;
  225. }