main.wxss 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475
  1. @charset "UTF-8";
  2. /*每个页面公共css */
  3. @font-face {
  4. font-family: "custom-icon"; /* Project id 4929983 */
  5. src:
  6. url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA+AAAsAAAAAG2wAAA8yAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACFUAqkTJxZATYCJANICyYABCAFhQsHgmcbkBZFB3LYOACZ7R2e7P86gZN7Yf2wJNWAxIzkFhVFqY4OGsU+yUL3Aqd15GModLI0LD6yZ1CE7R8LFiq2x6U65hYOjgmep7ny/ZkJTXBTIlCgiGlB3aYEmtT5+rvaCsWKSaYHCAAOJkAAwQBts/MOpA8DjKNmFdo4LNDDSvAWBoPZjRG5SFaZxId+LCrT/Bx9m2pZv3eGxXXM+m2v65+CZZCDEaG4JWDEwpBberQOrcPFnE98qpgjFY/pVrFn5dcTIg4et7qRo7XU5oIlEOaviN7cbHBuNzDhDfH+h/aK96qAJCSgDNIWSREIha5CVZgKo1OhdA2GW7tZBW3xExnlRP2sJ0EAy1izqTkf85eT7IfjB+nOQE4W2K0t+2nXFvxRFsYxVfDTXN8BzZhGcEC1qGvANf3z5TPjI4LC0RCTxTvnbqftnf4a6GoJ+iUyPt8GdccKcAANjCwsR/64C7+hNzhSc2vzxxNgoL713wLzTr8L300xw1GnVbXppa69icEPy27/+OdrUJZ4bB05O2Eg/W88MGg8hICMRRHiE5ES4+BSkYC4gEe9mJf1FbzTfBEMvAtdmmIKCA9iBgiBOAoigDgNIoOogrAQdRAKogUuecV9LIIP7xtEpMVtLEIKHxQRQywD4UC0YxFc+PhnESr4GhSQQHguBxgI1oDz37xJkHpZo0sLNd6zBf2dNCTzVN+mBAWwjsmUsd2p88QDuuHE2J5nK9myxKFdqXmSR4FZz75O1LCv7W+Nm6Z9MrrrRm5KK7obbWE6Q+IkjgcO4tlYk6OopzGKaRFh+7Mv/6q2tEHIhhf3Ix0eFH/iIoF24mot4NLCA01RzIUF1Qhrmwjsxa60oFF1X6hrXdb3/9e2/NNgmBKePXS4NZ2/fJXoKCocYGU5FjigIWQNqpgykiZDjsHIaaUW6shR858GUNX/WkrcGhrk0hQbY17UtQV9LbhBlnA6aOyo7PBBAAxl/7I+/GXJ9iMhBSO4l/C7EYlLo/AgaY3bReNKqCUUYWEHbn4G6+4J/B4XshjEsvQceg0YXfPZ1ZtWpmqfwsobucWmlDKNY2r+JttagtaP3LQdJVtO6y8EGTcbvISKUMy5DTpKpzAXFzTNoch1c28qXOWldg+km64pN8FK0jLzt8aV0pjwADe3gPwGiuoMMlIbEBVbz5bMPlBqjQQsAMaWWGq5Gh3+XF4rX/cyOntAKMUDHoVGSJwqqQ3E4zUQa+8SpU8yHrEUPWm1sP5pFwCnjXyR67hsGsNRxK0rSpMJSsDSVVACoRGQEI5TA1plKjGJ2/9ohwQcizuUPmU/SLjSA1dL91eFOj+YnecJuHp5PG/MTYkiIZDk52e3/df6WpHyzr8CJbzaWt765sq5Y13D3ynFX59SZZPQR7oQJ0V3cLGw0u5RSFpay4HHwAxhblAMg0cKF8uTsYHYFWXILK73W+x1hCCBN9kb2DAJrHgmSMpV2kn0FHvy4PJML1srpcgbSrFA43Tlwk4jvi2l2Yo4+5zIQum+49v2WznTOZaT1Jnackn7T6NL5Zk67JnuiPJlvVZWZ2qlT/kwaYUNZ0TbjA1PmDy1s0R+v6M15Au3s83dZnb/+SmI+Nj1pYkGb8la9a0aHg2lJel/aWucLTbfX5c9letG87w9Vk5nycCxyYTWJPPBxshsQaDl+3ttsa2w//BUohHvPMNtan45McI4tdHFr5TU+ALmADDPpc76TSA991hWKK09UoM8YoKsY+ZLvaRSiRSLSpWKfJw8QoJsQvwwF1uE7W/HdrfDmCwXewNHW6ZFye1/c/Yb7A/4nEMd+u32+x6efdzTcgmwnL3cdVeg4zH/Y7YZRMFRh6PmqQFHA26G3A3TY6xlBq3clfwd0Vk3vNibacgUqp4GmO26ogswtipridv56m2mp0hT0oDArveFCi0Q1o4Sq14wKEt4POFAK/iHmn5HMBlUWT77UiPuw5IZ6jw8Asdrd8ea8Hp1C3ew1YlZzSH5mhKBuJgXNAsJTyf21CAbTnuELakkDldu9Ia7/7d0xRv0TfDIHhDtL/YnbZFAhsbRyC7n69WTFf3fTwPqEX/czEY8q0/F9wGgyNuxQf9x5v4Nvb1J2cMWCs+Uop262z0UuOPKXevHJN7k3XijO8fjlt9E3c73EwdSw8e3eRCRaZwToXdwaPHQ3yKhOaU9ueufR99+Nze3PYG2kj0Mew7x6Awzcvt62m4n6ljkJanU3zPJmEOZr7+peoVSIeVPbXjJNSxmekqRjcyaXP+CCi4zS8XmgjYi70GrXzq2DcBhMroavnXHiStz3iH8rVv7mTJs0cb1L5UX7ZG0hJlLmOfrl4bPdZKPtntlmR9chCw6eHGx5eIgK9DV0BdGYRbdB0YAwhLCCs5hiSN7qoHQC/eClrBB94jWMaX31jvr657A5ydkMEelZ2x6s97VMjTUYi/zpnZTwlAUxtQwiY1hDbUmUcgWEocGiUJrov4x0VrYNKo1FHKAv/MdUOSQE98tLs7NbRFfVMTxF7kZt8NHos1FtgK/tDS/lv+nYG+2NywLJ6a6p/E4kLYZfmszfpyra1yaa6SblgXThm/YVag2CsUXW37r6BKL17c/t2hihgHZySMPE22jImdFCBmJj1uTAL/Qe5fo2fQfRln0dyJrajTVWvSOnmX0o1lGvbdjF20G3MwuaW9m/LKMss9Paa8XzQKSmcfW4bliJm9Yz1M4gZ5+//sEYz+TvuFo4ZeTJ7/Ib19PZ+5jAH7gGw9CDwGHMhy+c1RTw85HAxJGTxAH53vvR/ZPyRqDv8S5HLgAD8MXDiguHkBEgjGC1sgyYU1ITK/Ff5Y9MfpyJ2cn3E1Mj+Ux3AE93AbrD9SHrrecbAjFa2gQT1quB1RFPE0cz4YX9IDXSHi9XsI9/J8kLt2H5hOnDCcbbuRJwrCbeazLhENv+wnqpRtuIoClA/tViemS/w7TJeGJEZgvvIlACk9S+NJeEG148Xd57YR23v3gx1vJv5i/6Tq/UiivmK/XKWajEbwCvrw7jN7yySv1ubWEhuaWoqLlafQUunidz0Gnl217RHXPKFy3tSw/e1b2mh0GO1A4bJpnScI9Mbz/mV5CYZ9r09mMgWgXN2mCYLcRHFGH9Vng6SQAeQn0XX2+J9svj0vlS+P9Tpcdozt0tEljU3onGr+VHOcAkr4lm6QAx7Hmpwkkw9nZ4mSQrQS0geT1aAUagdYgV2ThVbkg9BnjW2hZpZcj/hRkDQIfgnKv9XDRnuFsaJrEzkTPYdZ/BZlNaD1Gvzt+Gd0bMPrNY0Lj2ILX+KFnMa8sKTGYNEMm+J5q6xlGuT25166QZ0zrty7MuyYAnpy8vmzbMfMCPO6rhJGZmH7i0LdCKsxg+f1pe5EBUwu/HTqRnpjJ7DSRMVUJbtXOogDqyJYS3JgqE1kKIk/IYI7a8iPVgtW87ym+kSH5inv2dnEs42k3WW+lnbe01GvNWkUcqKRG4Kmnjyfmifo3Kf3awdNbDSjiIAP1Kpwkck+ncpayc48gdSYu7lX8gnVqcP3VVIFlXKRkbGbiiAH/M1d04wgOFSEwIkJxCN0IZtewQngZO3FCvPfPDDUCuJCcUDFTDd642f9GZNC/eMVhfq1Hk4jx1DRZYqOipvhK3puJf8aIH9/Y8BEY0Lobm5534M+LHlUpp65Ub9WniEA6VNGsyV+dnPzZ9+D7hWrrtBGr9xfi78ELcbbOHELXznmjPf+iFO2Lso9ALB/w9IdVxj0DtS8XF7iFG0eiUSy7kcOrHzoCvkktqLcqM1PljaZWKoRygUAuVFRukabHu8W6sd8dn55aKVQI5HKBQlgp3eJ3U1TlnZnprUKHLetMekzy7e1EIjt7or1w1o7qyys4jmRyRuEa0cggmv/uwhvzTXoqrrq+wTMw9ht0p4wTWVitTtkbYBawl5LlqweU89V37yeJ12Uwxwt+NMbOtiRQWWQi1lcw3PxLTCaLjBcY9xptxYcF5edjk/LpJfsvzh9IPO/v7fOOucf83Efoz0kxdYVVm40ascHhRsmVOesmEeT8u3seaZ73BrFg220DNojapmETl4aD58I4GpdFolkj1rRT8sCTzXujN7D3Pnv5l4AXyWPr1SVrXDiVoK/j1tCpXzgOGOUnKRU5fei7I29vixTu4JU/9fYqqxsSl7AcZsn/62YWLAp9wn7pdfaxueUfaUpguelaHR7PF2VvuO4iOn6vUO08KGbarKm59MIZnDq+eN5HpWeoUBptmcJbCBQ9c3k53JEsOKCS1SgDL2INarHLetWBngrxxTQVSRuwsbZCfCm7P7A40u+eSrCoQxkQvwLg37X/C4EkIawTcvncOSRj3lyKGF5JTt5FVogECop/+seM04wyt5flxVqCpU3fyIJwxzxEQPPvtlXt6jRwGqD8pAsim4V94D09XQU+b60MfAtQHjEFiSv7uw4Ist+pgqjTP/rffuA0xC78YAB2SwZQi621FXLBky4WG1rVXajKd+pSaEHDX8oh+79nOgJubh+lZdIDPxIp/+Jc8EZ24auGfJF3K8fjo44VCvz1Ite7L6YR5aYWVZD/m3sr+B4csbGMSYjPWpxr/QFsKbT0BCi7yfO669QO3kxiaCQMZys8eqO2xQxCg5ixlhMzw3Jj5s22jLCEZev8PBoxATDYNcwWOns8W5HwFHUv5hkaxHyPcCaGt9wY1mzLC1KqRsYh1v3qESI2YjMLkmxbFhZlCpH7bHXxL1TJgJ9suK37Qx8IF4oqLy2Nn2jRp9PCoOoYP/+U51585L07NIaF89yhjLmO0a2LorX1kkvuV688BKKcvyFszCsTiVmtHklJ0E2slzl+nS9ISQzg3VtgUX+QH3Gqr45QyZV+1ie3vpssUA8GSr1QUUtw7uOKhY+SJTI0xARnb6+DpCinI5SzVtS7an153m1q/8LgPDU3S95jHihajDjiiie+BGIllEhiSSSVLONMMnW4ExwBqwTW0KHGyFbtGV6OYNWiwXYENmjMJLv57LEycKDANhTiHzXIR+Dcg31HHrOWjNmLHhrswW/PfQrTF52WxDtDHQdNc245kWWaelw0SUiPm04q/kegk0Jb1nGbF0FzmjHbYkdzbUcznkyHXeliY6/EoxZ6Ki/emw6ma5BSY+68dOzlH9GCvVHACYIdBZ2SuIsH7Ph5GHbxFNHFDvOjCFcZUGeuVgA=') format('woff2');
  7. }
  8. .custom-icon {
  9. font-family: "custom-icon" !important;
  10. font-size: 16px;
  11. font-style: normal;
  12. -webkit-font-smoothing: antialiased;
  13. -moz-osx-font-smoothing: grayscale;
  14. }
  15. .custom-icon-fapiaoguanli:before {
  16. content: "\e63b";
  17. }
  18. .custom-icon-hetongguanli:before {
  19. content: "\e682";
  20. }
  21. .custom-icon-wangzhanjianshe-copy:before {
  22. content: "\e60b";
  23. }
  24. .custom-icon-propagandistVideo:before {
  25. content: "\e603";
  26. }
  27. .custom-icon-appstore-fill:before {
  28. content: "\e853";
  29. }
  30. .custom-icon-trademark:before {
  31. content: "\e8c1";
  32. }
  33. .custom-icon-ruanjianzhuzuoquan:before {
  34. content: "\e637";
  35. }
  36. .custom-icon-shiyongxinxing:before {
  37. content: "\e6a1";
  38. }
  39. .custom-icon-zhichanrebang_waiguanzhuanli:before {
  40. content: "\e672";
  41. }
  42. .custom-icon-shouye-kejixingqiye:before {
  43. content: "\e680";
  44. }
  45. .custom-icon-xuanchuanshouce:before {
  46. content: "\e689";
  47. }
  48. .custom-icon-famingzhuanli:before {
  49. content: "\e783";
  50. }
  51. .custom-icon-xiaochengxu:before {
  52. content: "\e802";
  53. }
  54. .custom-icon-xuanchuanwenan:before {
  55. content: "\ed09";
  56. }
  57. .custom-icon-gaoxinjishuqiyezhengshu:before {
  58. content: "\e794";
  59. }
  60. .custom-icon-zhuanjingtexinqiye:before {
  61. content: "\e678";
  62. }
  63. .custom-icon-chuangxinquan:before {
  64. content: "\e9f4";
  65. }
  66. .text-flex {
  67. display: flex;
  68. justify-content: space-between;
  69. align-items: center;
  70. }
  71. .color-primary {
  72. color: #3c9cff;
  73. }
  74. .color-success {
  75. color: #5ac725;
  76. }
  77. .color-warning {
  78. color: #f9ae3d;
  79. }
  80. .color-error {
  81. color: #f56c6c;
  82. }
  83. .status-tag {
  84. height: 52rpx;
  85. border-radius: 52rpx;
  86. line-height: 52rpx;
  87. padding: 0 30rpx;
  88. font-size: 24rpx;
  89. color: #fff;
  90. }
  91. .status-tag.success {
  92. background-color: #5ac725;
  93. }
  94. .status-tag.primary {
  95. background-color: #3c9cff;
  96. }
  97. .status-tag.info {
  98. background-color: #909399;
  99. }
  100. .status-tag.warning {
  101. background-color: #f9ae3d;
  102. }
  103. .status-tag.error {
  104. background-color: #f56c6c;
  105. }
  106. .common-list {
  107. padding: 30rpx;
  108. box-sizing: border-box;
  109. }
  110. .common-list .common-item {
  111. background-color: #ffffff;
  112. border-radius: 16rpx;
  113. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  114. padding: 30rpx;
  115. position: relative;
  116. margin-bottom: 30rpx;
  117. }
  118. .common-list .common-item .icon {
  119. position: absolute;
  120. top: 30rpx;
  121. right: 30rpx;
  122. width: 60rpx;
  123. height: 60rpx;
  124. border-radius: 16rpx;
  125. display: flex;
  126. align-items: center;
  127. justify-content: center;
  128. }
  129. .common-list .common-item .title {
  130. font-size: 32rpx;
  131. font-weight: 600;
  132. }
  133. .common-list .common-item .date {
  134. font-size: 24rpx;
  135. color: #606266;
  136. margin: 10rpx 0;
  137. }
  138. .common-list .common-item .space {
  139. font-size: 24rpx;
  140. }
  141. .common-list .common-item .other {
  142. margin-top: 20rpx;
  143. }
  144. .common-list .common-item .other .item {
  145. margin-top: 16rpx;
  146. }
  147. .common-list .common-item .other .label {
  148. color: #606266;
  149. font-size: 24rpx;
  150. }
  151. .common-list .common-item .other .value {
  152. margin-top: 6rpx;
  153. font-weight: 400;
  154. }
  155. .common-list .common-item .state {
  156. margin-top: 20rpx;
  157. display: flex;
  158. justify-content: space-between;
  159. }
  160. .common-list .common-item .state .create {
  161. height: 48rpx;
  162. border-radius: 48rpx;
  163. border: 1px solid #3c9cff;
  164. display: flex;
  165. align-items: center;
  166. color: #3c9cff;
  167. padding: 0 10rpx;
  168. }
  169. .common-list .common-item .state .create .name {
  170. font-size: 24rpx;
  171. flex: 1;
  172. max-width: 150rpx;
  173. min-width: 70rpx;
  174. overflow: hidden;
  175. margin-left: 10rpx;
  176. line-height: 36rpx;
  177. padding-right: 10rpx;
  178. }
  179. .hui-button-box {
  180. background-color: #ffffff;
  181. box-shadow: 0px 2px 10px rgba(3, 3, 3, 0.1);
  182. position: fixed;
  183. bottom: 0;
  184. left: 0;
  185. right: 0;
  186. height: 100rpx;
  187. display: flex;
  188. align-items: center;
  189. justify-content: flex-end;
  190. padding-bottom: 0;
  191. padding-bottom: constant(safe-area-inset-bottom);
  192. padding-bottom: env(safe-area-inset-bottom);
  193. padding-right: 40rpx;
  194. padding-left: 40rpx;
  195. }
  196. .hui-button-box .hui-button-view {
  197. height: 100rpx;
  198. display: flex;
  199. align-items: center;
  200. }
  201. .hui-button-box .hui-button {
  202. height: 68rpx;
  203. border-radius: 68rpx;
  204. color: #ffffff;
  205. background: #3c9cff;
  206. border: 1px solid #3c9cff;
  207. flex: 1;
  208. display: flex;
  209. align-items: center;
  210. justify-content: center;
  211. margin: 0 30rpx;
  212. }
  213. .hui-button-box .hui-button.hui-button-light {
  214. color: #3c9cff;
  215. background: #fff;
  216. }
  217. .hui-button-box .hui-button-icon {
  218. margin-right: 10rpx;
  219. }
  220. .hui-detail {
  221. padding: 30rpx;
  222. }
  223. .hui-detail .detail-box {
  224. background-color: #ffffff;
  225. border-radius: 16rpx;
  226. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  227. padding: 30rpx;
  228. position: relative;
  229. margin-bottom: 30rpx;
  230. }
  231. .hui-detail .detail-box.file-box {
  232. padding-bottom: 20rpx;
  233. }
  234. .hui-detail .sub-title {
  235. display: flex;
  236. align-items: center;
  237. margin-left: -8rpx;
  238. }
  239. .hui-detail .sub-title .sub-label {
  240. font-size: 32rpx;
  241. font-weight: 600;
  242. margin-left: 14rpx;
  243. }
  244. .hui-detail .title-box {
  245. padding-left: 90rpx;
  246. position: relative;
  247. min-height: 88rpx;
  248. }
  249. .hui-detail .title-box .title-icon {
  250. width: 70rpx;
  251. height: 70rpx;
  252. text-align: center;
  253. line-height: 70rpx;
  254. background: #3c9cff;
  255. border-radius: 70rpx;
  256. position: absolute;
  257. left: 0;
  258. top: 50%;
  259. margin-top: -35rpx;
  260. }
  261. .hui-detail .title-box .title {
  262. font-size: 32rpx;
  263. font-weight: 600;
  264. margin-bottom: 8rpx;
  265. }
  266. .hui-detail .title-box .date {
  267. font-size: 24rpx;
  268. color: #606266;
  269. }
  270. .hui-detail .other {
  271. margin-top: 20rpx;
  272. }
  273. .hui-detail .other .item {
  274. margin-top: 16rpx;
  275. }
  276. .hui-detail .other .label {
  277. color: #606266;
  278. font-size: 24rpx;
  279. }
  280. .hui-detail .other .value {
  281. margin-top: 10rpx;
  282. font-weight: 400;
  283. }
  284. .hui-detail .other .file-item {
  285. background-color: #ededed;
  286. height: 80rpx;
  287. display: flex;
  288. align-items: center;
  289. border-radius: 12rpx;
  290. padding: 0 14rpx;
  291. }
  292. .hui-detail .other .file-name {
  293. flex: 1;
  294. width: 0;
  295. margin-left: 10rpx;
  296. }
  297. .hui-detail .other .contarct-item {
  298. background-color: #ededed;
  299. border-radius: 12rpx;
  300. padding: 20rpx;
  301. margin-bottom: 20rpx;
  302. }
  303. .hui-detail .other .contarct-content {
  304. display: flex;
  305. justify-content: space-between;
  306. align-items: center;
  307. margin-bottom: 16rpx;
  308. }
  309. .hui-detail .other .contarct-content.last {
  310. margin-bottom: 0rpx;
  311. }
  312. .hui-detail .other .contarct-content.last .content-item {
  313. flex: 1;
  314. width: 0;
  315. }
  316. .hui-detail .other .contarct-content .content-title {
  317. font-size: 32rpx;
  318. font-weight: 500;
  319. }
  320. .hui-detail .other .contarct-content .content-label {
  321. color: #606266;
  322. font-size: 24rpx;
  323. }
  324. .hui-detail .other .contarct-content .content-value {
  325. font-weight: 400;
  326. margin-left: 6rpx;
  327. flex: 1;
  328. width: 0;
  329. }
  330. .hui-detail .other .contarct-content .content-item {
  331. overflow: hidden;
  332. display: flex;
  333. align-items: center;
  334. }
  335. .hui-detail .other .contarct-content .content-item.content-title {
  336. flex: 1;
  337. width: 0;
  338. }
  339. .hui-detail .state {
  340. margin-top: 20rpx;
  341. display: flex;
  342. justify-content: space-between;
  343. }
  344. .hui-detail .state .create {
  345. height: 48rpx;
  346. border-radius: 48rpx;
  347. border: 1px solid #3c9cff;
  348. display: flex;
  349. align-items: center;
  350. color: #3c9cff;
  351. padding: 0 10rpx;
  352. }
  353. .hui-detail .state .create .name {
  354. font-size: 24rpx;
  355. flex: 1;
  356. max-width: 150rpx;
  357. min-width: 70rpx;
  358. overflow: hidden;
  359. margin-left: 10rpx;
  360. line-height: 36rpx;
  361. padding-right: 10rpx;
  362. }
  363. .process-box .process-set-item {
  364. padding-left: 80rpx;
  365. position: relative;
  366. }
  367. .process-box .process-item-title {
  368. padding: 10rpx 0;
  369. display: flex;
  370. align-items: center;
  371. }
  372. .process-box .process-item-title .label {
  373. font-weight: bold;
  374. }
  375. .process-box .process-item-content {
  376. padding: 5px 0;
  377. }
  378. .process-box .process-set-state {
  379. width: 20px;
  380. height: 20px;
  381. border-radius: 50%;
  382. position: absolute;
  383. left: 7px;
  384. top: 6px;
  385. display: flex;
  386. align-items: center;
  387. justify-content: center;
  388. }
  389. .process-box .process-set-state .el-icon-success {
  390. font-size: 20px;
  391. }
  392. .process-box .process-set-state.info {
  393. background: rgba(144, 157, 143, 0.4);
  394. }
  395. .process-box .process-set-state.info .process-set-state-1 {
  396. background: #909d8f;
  397. }
  398. .process-box .process-set-state.info .process-set-state-2 {
  399. background: rgba(144, 157, 143, 0.6);
  400. }
  401. .process-box .process-set-state.waiting {
  402. background: rgba(255, 125, 0, 0.4);
  403. }
  404. .process-box .process-set-state.waiting .process-set-state-1 {
  405. background: #ff7d00;
  406. }
  407. .process-box .process-set-state.waiting .process-set-state-2 {
  408. background: rgba(255, 125, 0, 0.6);
  409. }
  410. .process-box .process-set-state.waiting .el-icon-success {
  411. color: #ff7d00;
  412. }
  413. .process-box .process-set-state.success {
  414. background: rgba(0, 180, 42, 0.4);
  415. }
  416. .process-box .process-set-state.success .process-set-state-1 {
  417. background: #00b42a;
  418. }
  419. .process-box .process-set-state.success .process-set-state-2 {
  420. background: rgba(0, 180, 42, 0.6);
  421. }
  422. .process-box .process-set-state.error {
  423. background: rgba(245, 63, 63, 0.4);
  424. }
  425. .process-box .process-set-state.error .process-set-state-1 {
  426. background: #f53f3f;
  427. }
  428. .process-box .process-set-state.error .process-set-state-2 {
  429. background: rgba(245, 63, 63, 0.6);
  430. }
  431. .process-box .process-set-state.state-last {
  432. background: #fff;
  433. }
  434. .process-box .process-set-state-1 {
  435. width: 8px;
  436. height: 8px;
  437. border-radius: 50%;
  438. }
  439. .process-box .process-set-state-2 {
  440. width: 14px;
  441. height: 14px;
  442. border-radius: 50%;
  443. display: flex;
  444. align-items: center;
  445. justify-content: center;
  446. }
  447. .process-box .line {
  448. position: absolute;
  449. left: 16px;
  450. width: 2px;
  451. }
  452. .process-box .line.info {
  453. background: rgba(144, 157, 143, 0.4);
  454. }
  455. .process-box .line.waiting {
  456. background: rgba(255, 125, 0, 0.4);
  457. }
  458. .process-box .line.success {
  459. background: rgba(0, 180, 42, 0.4);
  460. }
  461. .process-box .line.error {
  462. background: rgba(245, 63, 63, 0.4);
  463. }
  464. .process-box .line-top {
  465. top: 0;
  466. height: 6px;
  467. }
  468. .process-box .line-bottom {
  469. top: 26px;
  470. bottom: 0;
  471. }
  472. page {
  473. background-color: #f3f4f6;
  474. font-size: 28rpx;
  475. }