bkui-vue 0.0.1-beta.17 → 0.0.1-beta.170

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (570) hide show
  1. package/README.md +7 -3
  2. package/dist/index.cjs.js +171 -0
  3. package/dist/index.esm.js +35199 -0
  4. package/dist/index.umd.js +171 -0
  5. package/dist/style.css +1 -4602
  6. package/dist/style.variable.css +1 -0
  7. package/lib/affix/affix.css +3 -0
  8. package/lib/affix/affix.d.ts +47 -0
  9. package/lib/affix/affix.less +5 -0
  10. package/lib/affix/affix.variable.css +116 -0
  11. package/lib/affix/index.d.ts +143 -0
  12. package/lib/affix/index.js +1 -0
  13. package/lib/alert/alert.css +5 -3
  14. package/lib/alert/alert.less +7 -3
  15. package/lib/alert/alert.variable.css +29 -6
  16. package/lib/alert/index.js +1 -1
  17. package/lib/animate-number/index.js +1 -1
  18. package/lib/backtop/backtop.css +8 -0
  19. package/lib/backtop/backtop.d.ts +2 -2
  20. package/lib/backtop/backtop.less +8 -0
  21. package/lib/backtop/backtop.variable.css +32 -3
  22. package/lib/backtop/index.d.ts +7 -7
  23. package/lib/backtop/index.js +1 -1
  24. package/lib/badge/badge.css +5 -5
  25. package/lib/badge/badge.d.ts +29 -8
  26. package/lib/badge/badge.less +5 -6
  27. package/lib/badge/badge.variable.css +29 -8
  28. package/lib/badge/index.d.ts +71 -21
  29. package/lib/badge/index.js +1 -1
  30. package/lib/breadcrumb/breadcrumb-item.d.ts +1 -1
  31. package/lib/breadcrumb/breadcrumb.css +51 -0
  32. package/lib/breadcrumb/breadcrumb.d.ts +1 -1
  33. package/lib/breadcrumb/breadcrumb.variable.css +75 -3
  34. package/lib/breadcrumb/index.d.ts +5 -5
  35. package/lib/breadcrumb/index.js +1 -1
  36. package/lib/button/button.css +92 -45
  37. package/lib/button/button.d.ts +51 -6
  38. package/lib/button/button.less +88 -47
  39. package/lib/button/button.variable.css +116 -48
  40. package/lib/button/index.d.ts +85 -14
  41. package/lib/button/index.js +1 -1
  42. package/lib/card/card.css +96 -1
  43. package/lib/card/card.d.ts +47 -6
  44. package/lib/card/card.less +50 -2
  45. package/lib/card/card.variable.css +120 -4
  46. package/lib/card/index.d.ts +113 -17
  47. package/lib/card/index.js +1 -1
  48. package/lib/cascader/cascader-panel.d.ts +66 -0
  49. package/lib/cascader/cascader.css +150 -0
  50. package/lib/cascader/cascader.d.ts +289 -0
  51. package/lib/cascader/cascader.less +170 -0
  52. package/lib/cascader/cascader.variable.css +263 -0
  53. package/lib/cascader/index.d.ts +792 -0
  54. package/lib/cascader/index.js +1 -0
  55. package/lib/cascader/interface.d.ts +47 -0
  56. package/lib/cascader/node.d.ts +25 -0
  57. package/lib/cascader/store.d.ts +19 -0
  58. package/lib/checkbox/checkbox-group.d.ts +16 -0
  59. package/lib/checkbox/checkbox.css +38 -6
  60. package/lib/checkbox/checkbox.d.ts +16 -14
  61. package/lib/checkbox/checkbox.less +48 -6
  62. package/lib/checkbox/checkbox.variable.css +62 -9
  63. package/lib/checkbox/common.d.ts +3 -3
  64. package/lib/checkbox/index.d.ts +40 -23
  65. package/lib/checkbox/index.js +1 -1
  66. package/lib/checkbox/type.d.ts +3 -7
  67. package/lib/code-diff/code-diff.css +186 -0
  68. package/lib/code-diff/code-diff.d.ts +80 -0
  69. package/lib/code-diff/code-diff.less +238 -0
  70. package/lib/code-diff/code-diff.variable.css +299 -0
  71. package/lib/code-diff/index.d.ts +154 -0
  72. package/lib/code-diff/index.js +1 -0
  73. package/lib/collapse/collapse-panel.d.ts +75 -0
  74. package/lib/collapse/collapse.css +28 -12
  75. package/lib/collapse/collapse.d.ts +11 -52
  76. package/lib/collapse/collapse.less +54 -29
  77. package/lib/collapse/collapse.variable.css +141 -12
  78. package/lib/collapse/index.d.ts +116 -16
  79. package/lib/collapse/index.js +1 -1
  80. package/lib/collapse/props.d.ts +123 -0
  81. package/lib/collapse/utils.d.ts +11 -0
  82. package/lib/color-picker/color-picker.css +275 -0
  83. package/lib/color-picker/color-picker.d.ts +144 -0
  84. package/lib/color-picker/color-picker.less +325 -0
  85. package/lib/color-picker/color-picker.variable.css +388 -0
  86. package/lib/color-picker/index.d.ts +254 -0
  87. package/lib/color-picker/index.js +1 -0
  88. package/lib/color-picker/utils.d.ts +37 -0
  89. package/lib/components.d.ts +26 -6
  90. package/lib/components.js +1 -0
  91. package/lib/container/col.d.ts +51 -0
  92. package/lib/container/container.css +91 -0
  93. package/lib/container/container.d.ts +83 -0
  94. package/lib/container/container.less +20 -0
  95. package/lib/container/container.variable.css +204 -0
  96. package/lib/container/index.d.ts +223 -0
  97. package/lib/container/index.js +1 -0
  98. package/lib/container/row.d.ts +4 -0
  99. package/lib/date-picker/date-picker.css +18 -2
  100. package/lib/date-picker/date-picker.d.ts +54 -137
  101. package/lib/date-picker/date-picker.less +23 -2
  102. package/lib/date-picker/date-picker.variable.css +42 -5
  103. package/lib/date-picker/index.d.ts +93 -32
  104. package/lib/date-picker/index.js +1 -1
  105. package/lib/date-picker/interface.d.ts +10 -1
  106. package/lib/date-picker/props.d.ts +161 -0
  107. package/lib/date-picker/time-picker.d.ts +381 -0
  108. package/lib/date-picker/utils.d.ts +22 -1
  109. package/lib/dialog/dialog.css +78 -21
  110. package/lib/dialog/dialog.d.ts +264 -52
  111. package/lib/dialog/dialog.less +56 -22
  112. package/lib/dialog/dialog.variable.css +78 -21
  113. package/lib/dialog/index.d.ts +581 -115
  114. package/lib/dialog/index.js +1 -1
  115. package/lib/dialog/props.d.ts +132 -0
  116. package/lib/directives/clickoutside.d.ts +3 -23
  117. package/lib/directives/index.js +2 -15
  118. package/lib/directives/index.js.LICENSE.txt +14 -0
  119. package/lib/directives/tooltips.d.ts +1 -1
  120. package/lib/dist.index.js +1 -0
  121. package/lib/divider/divider.d.ts +1 -1
  122. package/lib/divider/divider.variable.css +24 -3
  123. package/lib/divider/index.d.ts +4 -4
  124. package/lib/divider/index.js +1 -1
  125. package/lib/divider/props.d.ts +21 -0
  126. package/lib/dropdown/const.d.ts +4 -0
  127. package/lib/dropdown/dropdown.css +12 -5
  128. package/lib/dropdown/dropdown.d.ts +35 -4
  129. package/lib/dropdown/dropdown.less +48 -34
  130. package/lib/dropdown/dropdown.variable.css +36 -8
  131. package/lib/dropdown/index.d.ts +75 -14
  132. package/lib/dropdown/index.js +1 -1
  133. package/lib/exception/exception.css +40 -14
  134. package/lib/exception/exception.d.ts +10 -3
  135. package/lib/exception/exception.less +59 -22
  136. package/lib/exception/exception.variable.css +64 -17
  137. package/lib/exception/index.d.ts +23 -8
  138. package/lib/exception/index.js +1 -1
  139. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  140. package/lib/fixed-navbar/fixed-navbar.variable.css +24 -3
  141. package/lib/fixed-navbar/index.d.ts +40 -5
  142. package/lib/fixed-navbar/index.js +1 -1
  143. package/lib/form/compose-form-item.d.ts +16 -0
  144. package/lib/form/form-item.d.ts +21 -24
  145. package/lib/form/form.css +102 -10
  146. package/lib/form/form.d.ts +38 -41
  147. package/lib/form/form.less +145 -34
  148. package/lib/form/form.variable.css +215 -10
  149. package/lib/form/index.d.ts +303 -3
  150. package/lib/form/index.js +1 -1
  151. package/lib/form/type.d.ts +8 -6
  152. package/lib/form/validator.d.ts +1 -0
  153. package/lib/icon/angle-double-down-line.d.ts +4 -0
  154. package/lib/icon/angle-double-down-line.js +1 -0
  155. package/lib/icon/angle-double-left-line.d.ts +4 -0
  156. package/lib/icon/angle-double-left-line.js +1 -0
  157. package/lib/icon/angle-double-left.js +1 -15
  158. package/lib/icon/angle-double-right-line.d.ts +4 -0
  159. package/lib/icon/angle-double-right-line.js +1 -0
  160. package/lib/icon/angle-double-right.js +1 -15
  161. package/lib/icon/angle-double-up-line.d.ts +4 -0
  162. package/lib/icon/angle-double-up-line.js +1 -0
  163. package/lib/icon/angle-down-fill.js +1 -15
  164. package/lib/icon/angle-down-line.js +1 -15
  165. package/lib/icon/angle-down.js +1 -15
  166. package/lib/icon/angle-left.js +1 -15
  167. package/lib/icon/angle-right.js +1 -15
  168. package/lib/icon/angle-up-fill.js +1 -15
  169. package/lib/icon/angle-up.js +1 -15
  170. package/lib/icon/archive-fill.d.ts +4 -0
  171. package/lib/icon/archive-fill.js +1 -0
  172. package/lib/icon/arrows-left.js +1 -15
  173. package/lib/icon/arrows-right.d.ts +4 -0
  174. package/lib/icon/arrows-right.js +1 -0
  175. package/lib/icon/audio-fill.d.ts +4 -0
  176. package/lib/icon/audio-fill.js +1 -0
  177. package/lib/icon/bk.d.ts +4 -0
  178. package/lib/icon/bk.js +1 -0
  179. package/lib/icon/circle.js +1 -15
  180. package/lib/icon/close-line.d.ts +4 -0
  181. package/lib/icon/close-line.js +1 -0
  182. package/lib/icon/close.js +1 -15
  183. package/lib/icon/code.js +1 -15
  184. package/lib/icon/cog-shape.js +1 -15
  185. package/lib/icon/collapse-left.js +1 -15
  186. package/lib/icon/copy.js +1 -15
  187. package/lib/icon/data-shape.d.ts +4 -0
  188. package/lib/icon/data-shape.js +1 -0
  189. package/lib/icon/del.d.ts +4 -0
  190. package/lib/icon/del.js +1 -0
  191. package/lib/icon/doc-fill.d.ts +4 -0
  192. package/lib/icon/doc-fill.js +1 -0
  193. package/lib/icon/done.js +1 -15
  194. package/lib/icon/down-shape.js +1 -15
  195. package/lib/icon/down-small.js +1 -15
  196. package/lib/icon/edit-line.d.ts +4 -0
  197. package/lib/icon/edit-line.js +1 -0
  198. package/lib/icon/ellipsis.d.ts +4 -0
  199. package/lib/icon/ellipsis.js +1 -0
  200. package/lib/icon/enlarge-line.d.ts +4 -0
  201. package/lib/icon/enlarge-line.js +1 -0
  202. package/lib/icon/error.js +1 -15
  203. package/lib/icon/excel-fill.d.ts +4 -0
  204. package/lib/icon/excel-fill.js +1 -0
  205. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  206. package/lib/icon/exclamation-circle-shape.js +1 -0
  207. package/lib/icon/eye.js +1 -15
  208. package/lib/icon/filliscreen-line.d.ts +4 -0
  209. package/lib/icon/filliscreen-line.js +1 -0
  210. package/lib/icon/folder-open.js +1 -15
  211. package/lib/icon/folder-shape-open.js +1 -15
  212. package/lib/icon/folder-shape.js +1 -15
  213. package/lib/icon/folder.js +1 -15
  214. package/lib/icon/funnel.d.ts +4 -0
  215. package/lib/icon/funnel.js +1 -0
  216. package/lib/icon/help-document-fill.js +1 -15
  217. package/lib/icon/help-fill.js +1 -15
  218. package/lib/icon/image-fill.d.ts +4 -0
  219. package/lib/icon/image-fill.js +1 -0
  220. package/lib/icon/img-error.d.ts +4 -0
  221. package/lib/icon/img-error.js +1 -0
  222. package/lib/icon/img-placehoulder.d.ts +4 -0
  223. package/lib/icon/img-placehoulder.js +1 -0
  224. package/lib/icon/index.d.ts +36 -0
  225. package/lib/icon/index.js +1 -15
  226. package/lib/icon/info-line.js +1 -15
  227. package/lib/icon/info.js +1 -15
  228. package/lib/icon/left-shape.d.ts +4 -0
  229. package/lib/icon/left-shape.js +1 -0
  230. package/lib/icon/left-turn-line.d.ts +4 -0
  231. package/lib/icon/left-turn-line.js +1 -0
  232. package/lib/icon/narrow-line.d.ts +4 -0
  233. package/lib/icon/narrow-line.js +1 -0
  234. package/lib/icon/original .d.ts +4 -0
  235. package/lib/icon/original .js +1 -0
  236. package/lib/icon/pdf-fill.d.ts +4 -0
  237. package/lib/icon/pdf-fill.js +1 -0
  238. package/lib/icon/play-shape.js +1 -15
  239. package/lib/icon/plus.js +1 -15
  240. package/lib/icon/ppt-fill.d.ts +4 -0
  241. package/lib/icon/ppt-fill.js +1 -0
  242. package/lib/icon/qq.d.ts +4 -0
  243. package/lib/icon/qq.js +1 -0
  244. package/lib/icon/right-shape.js +1 -15
  245. package/lib/icon/right-turn-line.d.ts +4 -0
  246. package/lib/icon/right-turn-line.js +1 -0
  247. package/lib/icon/search.js +1 -15
  248. package/lib/icon/share.js +1 -15
  249. package/lib/icon/spinner.js +1 -15
  250. package/lib/icon/success.js +1 -15
  251. package/lib/icon/switcher-loading.js +1 -15
  252. package/lib/icon/text-file.js +1 -15
  253. package/lib/icon/text-fill.d.ts +4 -0
  254. package/lib/icon/text-fill.js +1 -0
  255. package/lib/icon/tree-application-shape.js +1 -15
  256. package/lib/icon/unfull-screen.d.ts +4 -0
  257. package/lib/icon/unfull-screen.js +1 -0
  258. package/lib/icon/unvisible.js +1 -15
  259. package/lib/icon/up-shape.d.ts +4 -0
  260. package/lib/icon/up-shape.js +1 -0
  261. package/lib/icon/upload.d.ts +4 -0
  262. package/lib/icon/upload.js +1 -0
  263. package/lib/icon/video-fill.d.ts +4 -0
  264. package/lib/icon/video-fill.js +1 -0
  265. package/lib/icon/warn.js +1 -15
  266. package/lib/icon/weixin.d.ts +4 -0
  267. package/lib/icon/weixin.js +1 -0
  268. package/lib/image/image-viewer.css +142 -0
  269. package/lib/image/image-viewer.d.ts +73 -0
  270. package/lib/image/image-viewer.less +168 -0
  271. package/lib/image/image-viewer.variable.css +142 -0
  272. package/lib/image/image.css +37 -0
  273. package/lib/image/image.d.ts +93 -0
  274. package/lib/image/image.less +44 -0
  275. package/lib/image/image.variable.css +37 -0
  276. package/lib/image/index.d.ts +246 -0
  277. package/lib/image/index.js +1 -0
  278. package/lib/image/props.d.ts +71 -0
  279. package/lib/index.d.ts +0 -1
  280. package/lib/index.js +1 -0
  281. package/lib/info-box/index.d.ts +23 -0
  282. package/lib/info-box/index.js +1 -0
  283. package/lib/input/index.d.ts +212 -47
  284. package/lib/input/index.js +1 -15
  285. package/lib/input/input.css +232 -17
  286. package/lib/input/input.d.ts +143 -13
  287. package/lib/input/input.less +180 -18
  288. package/lib/input/input.variable.css +253 -16
  289. package/lib/link/index.d.ts +4 -4
  290. package/lib/link/index.js +1 -1
  291. package/lib/link/link.css +12 -12
  292. package/lib/link/link.d.ts +1 -1
  293. package/lib/link/link.less +16 -14
  294. package/lib/link/link.variable.css +36 -15
  295. package/lib/loading/index.d.ts +135 -19
  296. package/lib/loading/index.js +1 -1
  297. package/lib/loading/loading.css +177 -98
  298. package/lib/loading/loading.d.ts +96 -12
  299. package/lib/loading/loading.less +84 -73
  300. package/lib/loading/loading.variable.css +201 -101
  301. package/lib/menu/index.d.ts +12 -20
  302. package/lib/menu/index.js +1 -1
  303. package/lib/menu/menu.css +51 -0
  304. package/lib/menu/menu.d.ts +6 -15
  305. package/lib/menu/menu.variable.css +75 -3
  306. package/lib/menu/submenu.variable.css +24 -3
  307. package/lib/menu/utils.d.ts +1 -1
  308. package/lib/message/index.js +1 -1
  309. package/lib/message/message.css +24 -3
  310. package/lib/message/message.less +27 -2
  311. package/lib/message/message.variable.css +48 -6
  312. package/lib/message/messageConstructor.d.ts +43 -7
  313. package/lib/modal/index.d.ts +473 -60
  314. package/lib/modal/index.js +1 -1
  315. package/lib/modal/modal.css +25 -1
  316. package/lib/modal/modal.d.ts +181 -23
  317. package/lib/modal/modal.less +33 -1
  318. package/lib/modal/modal.variable.css +25 -1
  319. package/lib/modal/props.mixin.d.ts +77 -10
  320. package/lib/navigation/index.d.ts +310 -1
  321. package/lib/navigation/index.js +1 -1
  322. package/lib/navigation/navigation.css +1 -1
  323. package/lib/navigation/navigation.d.ts +10 -1
  324. package/lib/navigation/navigation.less +1 -1
  325. package/lib/navigation/navigation.variable.css +25 -4
  326. package/lib/notify/index.js +1 -1
  327. package/lib/notify/notify.css +24 -4
  328. package/lib/notify/notify.less +27 -4
  329. package/lib/notify/notify.variable.css +48 -7
  330. package/lib/notify/notifyConstructor.d.ts +50 -6
  331. package/lib/pagination/index.d.ts +410 -0
  332. package/lib/pagination/index.js +1 -0
  333. package/lib/pagination/pagination.css +205 -0
  334. package/lib/pagination/pagination.d.ts +230 -0
  335. package/lib/pagination/pagination.less +228 -0
  336. package/lib/pagination/pagination.variable.css +318 -0
  337. package/lib/pagination/type.d.ts +6 -0
  338. package/lib/pagination/use-limit.d.ts +8 -0
  339. package/lib/pagination/use-list.d.ts +8 -0
  340. package/lib/pagination/use-small-list.d.ts +5 -0
  341. package/lib/pagination/use-total.d.ts +5 -0
  342. package/lib/popover/index.d.ts +114 -14
  343. package/lib/popover/index.js +1 -1
  344. package/lib/popover/popover.css +4 -0
  345. package/lib/popover/popover.d.ts +53 -5
  346. package/lib/popover/popover.less +4 -0
  347. package/lib/popover/popover.variable.css +28 -3
  348. package/lib/popover/props.d.ts +28 -1
  349. package/lib/popover2/arrow.d.ts +2 -0
  350. package/lib/popover2/const.d.ts +10 -0
  351. package/lib/popover2/content.d.ts +24 -0
  352. package/lib/popover2/index.d.ts +505 -0
  353. package/lib/popover2/index.js +1 -0
  354. package/lib/popover2/plugin-popover.d.ts +7 -0
  355. package/lib/popover2/popover2.css +25 -0
  356. package/lib/popover2/popover2.d.ts +213 -0
  357. package/lib/popover2/popover2.less +35 -0
  358. package/lib/popover2/popover2.variable.css +138 -0
  359. package/lib/popover2/props.d.ts +112 -0
  360. package/lib/popover2/reference.d.ts +2 -0
  361. package/lib/popover2/root.d.ts +16 -0
  362. package/lib/popover2/use-floating.d.ts +20 -0
  363. package/lib/popover2/use-platform.d.ts +30 -0
  364. package/lib/popover2/use-popover-init.d.ts +13 -0
  365. package/lib/popover2/use-popper-id.d.ts +7 -0
  366. package/lib/preset.js +1 -0
  367. package/lib/process/index.d.ts +7 -7
  368. package/lib/process/index.js +1 -15
  369. package/lib/process/process.d.ts +2 -2
  370. package/lib/process/process.variable.css +24 -3
  371. package/lib/progress/index.d.ts +16 -16
  372. package/lib/progress/index.js +1 -1
  373. package/lib/progress/progress.css +51 -0
  374. package/lib/progress/progress.d.ts +5 -5
  375. package/lib/progress/progress.variable.css +75 -3
  376. package/lib/radio/common.d.ts +5 -5
  377. package/lib/radio/index.d.ts +30 -19
  378. package/lib/radio/index.js +1 -1
  379. package/lib/radio/radio-button.d.ts +7 -8
  380. package/lib/radio/radio-group.d.ts +16 -0
  381. package/lib/radio/radio.css +62 -57
  382. package/lib/radio/radio.d.ts +4 -4
  383. package/lib/radio/radio.less +181 -172
  384. package/lib/radio/radio.variable.css +88 -62
  385. package/lib/radio/type.d.ts +10 -5
  386. package/lib/rate/index.d.ts +24 -1
  387. package/lib/rate/index.js +1 -1
  388. package/lib/rate/rate.d.ts +11 -0
  389. package/lib/rate/star.d.ts +1 -1
  390. package/lib/resize-layout/index.d.ts +336 -0
  391. package/lib/resize-layout/index.js +1 -0
  392. package/lib/resize-layout/resize-layout.css +189 -0
  393. package/lib/resize-layout/resize-layout.d.ts +127 -0
  394. package/lib/resize-layout/resize-layout.less +233 -0
  395. package/lib/resize-layout/resize-layout.variable.css +302 -0
  396. package/lib/select/common.d.ts +20 -31
  397. package/lib/select/index.d.ts +1095 -458
  398. package/lib/select/index.js +1 -15
  399. package/lib/select/option.d.ts +16 -4
  400. package/lib/select/optionGroup.d.ts +1 -77
  401. package/lib/select/select.css +265 -81
  402. package/lib/select/select.d.ts +435 -126
  403. package/lib/select/select.less +364 -184
  404. package/lib/select/select.variable.css +290 -85
  405. package/lib/select/selectTagInput.d.ts +92 -0
  406. package/lib/select/type.d.ts +38 -0
  407. package/lib/shared/dom.d.ts +3 -0
  408. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +0 -1
  409. package/lib/shared/index.d.ts +17 -4
  410. package/lib/shared/index.js +1 -1
  411. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +33 -3
  412. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +10 -2
  413. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +7 -3
  414. package/lib/shared/token.d.ts +4 -0
  415. package/lib/shared/utils.d.ts +12 -0
  416. package/lib/shared/vue-types.d.ts +11 -7
  417. package/lib/sideslider/index.d.ts +365 -61
  418. package/lib/sideslider/index.js +1 -1
  419. package/lib/sideslider/sideslider.css +54 -10
  420. package/lib/sideslider/sideslider.d.ts +169 -26
  421. package/lib/sideslider/sideslider.less +71 -13
  422. package/lib/sideslider/sideslider.variable.css +78 -13
  423. package/lib/slider/index.d.ts +414 -1
  424. package/lib/slider/index.js +1 -15
  425. package/lib/slider/slider-button.d.ts +5 -0
  426. package/lib/slider/slider.d.ts +14 -2
  427. package/lib/slider/slider.variable.css +24 -3
  428. package/lib/steps/index.d.ts +7 -7
  429. package/lib/steps/index.js +1 -15
  430. package/lib/steps/steps.css +14 -3
  431. package/lib/steps/steps.d.ts +2 -2
  432. package/lib/steps/steps.less +23 -3
  433. package/lib/steps/steps.variable.css +38 -6
  434. package/lib/styles/index.d.ts +13 -0
  435. package/lib/styles/mixins/clearfix.css +8 -0
  436. package/lib/styles/mixins/clearfix.less +10 -0
  437. package/lib/styles/mixins/clearfix.variable.css +8 -0
  438. package/lib/styles/mixins/mixins.css +51 -0
  439. package/lib/styles/mixins/mixins.less +2 -0
  440. package/lib/styles/mixins/mixins.variable.css +51 -0
  441. package/lib/styles/mixins/scroll.css +17 -0
  442. package/lib/styles/mixins/scroll.less +22 -0
  443. package/lib/styles/mixins/scroll.variable.css +130 -0
  444. package/lib/styles/reset.css +36 -0
  445. package/lib/styles/reset.less +26 -0
  446. package/lib/styles/reset.variable.css +36 -0
  447. package/lib/styles/themes/themes.less +30 -3
  448. package/lib/swiper/index.d.ts +181 -0
  449. package/lib/swiper/index.js +1 -0
  450. package/lib/swiper/swiper.css +91 -0
  451. package/lib/swiper/swiper.d.ts +65 -0
  452. package/lib/swiper/swiper.less +107 -0
  453. package/lib/swiper/swiper.variable.css +91 -0
  454. package/lib/switcher/index.d.ts +37 -14
  455. package/lib/switcher/index.js +1 -1
  456. package/lib/switcher/switcher.css +57 -6
  457. package/lib/switcher/switcher.d.ts +16 -5
  458. package/lib/switcher/switcher.less +5 -26
  459. package/lib/switcher/switcher.variable.css +81 -9
  460. package/lib/tab/index.d.ts +110 -222
  461. package/lib/tab/index.js +1 -1
  462. package/lib/tab/props.d.ts +194 -0
  463. package/lib/tab/tab-nav.d.ts +66 -87
  464. package/lib/tab/tab-panel.d.ts +40 -15
  465. package/lib/tab/tab.css +25 -1
  466. package/lib/tab/tab.d.ts +18 -42
  467. package/lib/tab/tab.less +31 -19
  468. package/lib/tab/tab.variable.css +49 -4
  469. package/lib/table/const.d.ts +66 -1
  470. package/lib/table/index.d.ts +347 -12
  471. package/lib/table/index.js +1 -1
  472. package/lib/table/plugins/head-filter.css +72 -0
  473. package/lib/table/plugins/head-filter.less +93 -0
  474. package/lib/table/plugins/head-filter.variable.css +185 -0
  475. package/lib/table/plugins/head-sort.css +22 -0
  476. package/lib/table/plugins/head-sort.less +28 -0
  477. package/lib/table/plugins/head-sort.variable.css +135 -0
  478. package/lib/table/plugins/settings.css +129 -0
  479. package/lib/table/plugins/settings.less +157 -0
  480. package/lib/table/plugins/settings.variable.css +242 -0
  481. package/lib/table/props.d.ts +156 -4
  482. package/lib/table/render.d.ts +61 -6
  483. package/lib/table/table.css +1124 -15
  484. package/lib/table/table.d.ts +158 -8
  485. package/lib/table/table.less +217 -24
  486. package/lib/table/table.variable.css +1159 -29
  487. package/lib/table/use-common.d.ts +72 -0
  488. package/lib/table/utils.d.ts +52 -3
  489. package/lib/tag/index.d.ts +189 -22
  490. package/lib/tag/index.js +1 -1
  491. package/lib/tag/tag.css +112 -0
  492. package/lib/tag/tag.d.ts +83 -7
  493. package/lib/tag/tag.less +127 -2
  494. package/lib/tag/tag.variable.css +136 -3
  495. package/lib/tag-input/common.d.ts +24 -0
  496. package/lib/tag-input/index.d.ts +913 -0
  497. package/lib/tag-input/index.js +1 -0
  498. package/lib/tag-input/list-tag-render.d.ts +47 -0
  499. package/lib/tag-input/tag-input.css +209 -0
  500. package/lib/tag-input/tag-input.d.ts +383 -0
  501. package/lib/tag-input/tag-input.less +251 -0
  502. package/lib/tag-input/tag-input.variable.css +322 -0
  503. package/lib/tag-input/tag-props.d.ts +135 -0
  504. package/lib/tag-input/tag-render.d.ts +38 -0
  505. package/lib/time-picker/index.d.ts +904 -0
  506. package/lib/time-picker/index.js +1 -0
  507. package/lib/time-picker/time-picker.css +215 -0
  508. package/lib/time-picker/time-picker.less +260 -0
  509. package/lib/time-picker/time-picker.variable.css +328 -0
  510. package/lib/timeline/index.d.ts +4 -4
  511. package/lib/timeline/index.js +1 -1
  512. package/lib/timeline/timeline.css +5 -5
  513. package/lib/timeline/timeline.d.ts +1 -1
  514. package/lib/timeline/timeline.less +6 -5
  515. package/lib/timeline/timeline.variable.css +29 -8
  516. package/lib/transfer/const.d.ts +5 -0
  517. package/lib/transfer/index.d.ts +365 -0
  518. package/lib/transfer/index.js +1 -0
  519. package/lib/transfer/props.d.ts +54 -0
  520. package/lib/transfer/transfer.css +139 -0
  521. package/lib/transfer/transfer.d.ts +160 -0
  522. package/lib/transfer/transfer.less +144 -0
  523. package/lib/transfer/transfer.variable.css +252 -0
  524. package/lib/tree/constant.d.ts +45 -0
  525. package/lib/tree/index.d.ts +340 -44
  526. package/lib/tree/index.js +1 -1
  527. package/lib/tree/props.d.ts +114 -0
  528. package/lib/tree/tree.css +175 -14
  529. package/lib/tree/tree.d.ts +157 -15
  530. package/lib/tree/tree.less +70 -26
  531. package/lib/tree/tree.variable.css +288 -14
  532. package/lib/tree/use-empty.d.ts +6 -0
  533. package/lib/tree/use-node-action.d.ts +12 -0
  534. package/lib/tree/use-node-async.d.ts +5 -0
  535. package/lib/tree/use-node-attribute.d.ts +33 -0
  536. package/lib/tree/use-node-drag.d.ts +3 -0
  537. package/lib/tree/use-search.d.ts +11 -0
  538. package/lib/tree/use-tree-init.d.ts +15 -0
  539. package/lib/tree/util.d.ts +31 -13
  540. package/lib/upload/index.d.ts +580 -0
  541. package/lib/upload/index.js +1 -0
  542. package/lib/upload/props.d.ts +113 -0
  543. package/lib/upload/upload-list.d.ts +47 -0
  544. package/lib/upload/upload-trigger.d.ts +54 -0
  545. package/lib/upload/upload.css +422 -0
  546. package/lib/upload/upload.d.ts +252 -0
  547. package/lib/upload/upload.less +461 -0
  548. package/lib/upload/upload.type.d.ts +78 -0
  549. package/lib/upload/upload.variable.css +535 -0
  550. package/lib/upload/use-ajax-upload.d.ts +3 -0
  551. package/lib/upload/use-file-handler.d.ts +44 -0
  552. package/lib/virtual-render/index.d.ts +30 -7
  553. package/lib/virtual-render/index.js +1 -1
  554. package/lib/virtual-render/props.d.ts +10 -0
  555. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  556. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  557. package/lib/virtual-render/virtual-render.css +17 -24
  558. package/lib/virtual-render/virtual-render.d.ts +15 -4
  559. package/lib/virtual-render/virtual-render.less +2 -31
  560. package/lib/virtual-render/virtual-render.variable.css +130 -24
  561. package/lib/volar.components.d.ts +100 -0
  562. package/package.json +104 -84
  563. package/README_EN.md +0 -89
  564. package/dist/bkui-vue.cjs.js +0 -12058
  565. package/dist/bkui-vue.esm.js +0 -12009
  566. package/dist/bkui-vue.umd.js +0 -12061
  567. package/lib/form/common.d.ts +0 -3
  568. package/lib/icon/help.js +0 -15
  569. package/lib/icon/icon.js +0 -15
  570. package/lib/styles/index.js +0 -1
package/dist/style.css CHANGED
@@ -1,4602 +1 @@
1
- html,
2
- body {
3
- padding: 0;
4
- margin: 0;
5
- }
6
- * {
7
- box-sizing: border-box;
8
- }
9
- /**
10
- * HTML5 display definitions
11
- * ==========================================================================
12
- *
13
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
14
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
15
- * Correct `block` display not defined for `main` in IE 11.
16
- */
17
- article,
18
- aside,
19
- details,
20
- figcaption,
21
- figure,
22
- footer,
23
- header,
24
- hgroup,
25
- main,
26
- menu,
27
- nav,
28
- section,
29
- summary {
30
- display: block;
31
- }
32
- /**
33
- * 1. Correct `inline-block` display not defined in IE 8/9.
34
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
35
- */
36
- audio,
37
- canvas,
38
- progress,
39
- video {
40
- /* 1 */
41
- display: inline-block;
42
- /* 2 */
43
- vertical-align: baseline;
44
- }
45
- /**
46
- * Prevent modern browsers from displaying `audio` without controls.
47
- * Remove excess height in iOS 5 devices.
48
- */
49
- audio:not([controls]) {
50
- display: none;
51
- height: 0;
52
- }
53
- /**
54
- * Address `[hidden]` styling not present in IE 8/9/10.
55
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
56
- */
57
- [hidden],
58
- template {
59
- display: none;
60
- }
61
- /**
62
- * Links
63
- * ==========================================================================
64
- *
65
- * Remove the gray background color from active links in IE 10.
66
- */
67
- a {
68
- background-color: transparent;
69
- }
70
- /**
71
- * Improve readability of focused elements when they are also in an
72
- * active/hover state.
73
- */
74
- a:active,
75
- a:hover {
76
- outline: 0;
77
- }
78
- /**
79
- * Text-level semantics
80
- * ==========================================================================
81
- *
82
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
83
- */
84
- abbr[title] {
85
- border-bottom: 1px dotted;
86
- }
87
- /**
88
- * Embedded content
89
- * ==========================================================================
90
- *
91
- * Remove border when inside `a` element in IE 8/9/10.
92
- */
93
- img {
94
- border: 0;
95
- }
96
- /**
97
- * Correct overflow not hidden in IE 9/10/11.
98
- */
99
- svg:not(:root) {
100
- overflow: hidden;
101
- }
102
- /**
103
- * Grouping content
104
- * ==========================================================================
105
- *
106
- * Address margin not present in IE 8/9 and Safari.
107
- */
108
- figure {
109
- margin: 1em 40px;
110
- }
111
- /**
112
- * Address differences between Firefox and other browsers.
113
- */
114
- hr {
115
- height: 0;
116
- box-sizing: content-box;
117
- }
118
- /**
119
- * Address odd `em`-unit font size rendering in all browsers.
120
- *
121
- * Forms
122
- * ==========================================================================
123
- *
124
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
125
- * styling of `select`, unless a `border` property is set.
126
- *
127
- * 1. Correct color not being inherited.
128
- * Known issue: affects color of disabled elements.
129
- * 2. Correct font properties not being inherited.
130
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
131
- */
132
- button,
133
- input,
134
- optgroup,
135
- select,
136
- textarea {
137
- /* 3 */
138
- margin: 0;
139
- /* 2 */
140
- font: inherit;
141
- /* 1 */
142
- color: inherit;
143
- }
144
- /**
145
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
146
- */
147
- button {
148
- overflow: visible;
149
- }
150
- /**
151
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
152
- * All other form control elements do not inherit `text-transform` values.
153
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
154
- * Correct `select` style inheritance in Firefox.
155
- */
156
- button,
157
- select {
158
- text-transform: none;
159
- }
160
- /**
161
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
162
- * 2. Correct inability to style clickable `input` types in iOS.
163
- * 3. Improve usability and consistency of cursor style between image-type `input` and others.
164
- */
165
- button,
166
- html input[type='button'],
167
- input[type='reset'],
168
- input[type='submit'] {
169
- /* 3 */
170
- cursor: pointer;
171
- /* 2 */
172
- appearance: button;
173
- }
174
- /* Re-set default cursor for disabled elements. */
175
- button[disabled],
176
- html input[disabled] {
177
- cursor: default;
178
- }
179
- /* Remove inner padding and border in Firefox 4+. */
180
- button::-moz-focus-inner,
181
- input::-moz-focus-inner {
182
- padding: 0;
183
- border: 0;
184
- }
185
- /**
186
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
187
- */
188
- input {
189
- line-height: normal;
190
- }
191
- /**
192
- * It's recommended that you don't attempt to style these elements.
193
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
194
- *
195
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
196
- * 2. Remove excess padding in IE 8/9/10.
197
- */
198
- input[type='checkbox'],
199
- input[type='radio'] {
200
- /* 2 */
201
- padding: 0;
202
- /* 1 */
203
- box-sizing: border-box;
204
- }
205
- /**
206
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
207
- * `font-size` values of the `input`, it causes the cursor style of the
208
- * decrement button to change from `default` to `text`.
209
- */
210
- input[type='number']::-webkit-inner-spin-button,
211
- input[type='number']::-webkit-outer-spin-button {
212
- height: auto;
213
- }
214
- ::-ms-clear,
215
- ::-ms-reveal {
216
- display: none;
217
- }
218
- input[type='text']::-ms-clear {
219
- display: none;
220
- }
221
- input[type='text']::-ms-reveal {
222
- display: none;
223
- }
224
- /**
225
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
226
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
227
- */
228
- input[type='search'] {
229
- /* 2 */
230
- box-sizing: content-box;
231
- /* 1 */
232
- appearance: textfield;
233
- }
234
- /**
235
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
236
- * Safari (but not Chrome) clips the cancel button when the search input has
237
- * padding (and `textfield` appearance).
238
- */
239
- input[type='search']::-webkit-search-cancel-button,
240
- input[type='search']::-webkit-search-decoration {
241
- appearance: none;
242
- }
243
- /**
244
- * Define consistent border, margin, and padding.
245
- */
246
- fieldset {
247
- padding: 0.35em 0.625em 0.75em;
248
- margin: 0 2px;
249
- border: 1px solid #c0c0c0;
250
- }
251
- /**
252
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
253
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
254
- */
255
- legend {
256
- /* 2 */
257
- padding: 0;
258
- /* 1 */
259
- border: 0;
260
- }
261
- /**
262
- * Remove default vertical scrollbar in IE 8/9/10/11.
263
- */
264
- textarea {
265
- overflow: auto;
266
- }
267
- /**
268
- * Don't inherit the `font-weight` (applied by a rule above).
269
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
270
- */
271
- optgroup {
272
- font-weight: bold;
273
- }
274
- .bk-alert {
275
- position: relative;
276
- font-size: 12px;
277
- color: #63656e;
278
- text-align: left;
279
- word-wrap: break-word;
280
- border: 1px solid;
281
- border-radius: 2px;
282
- }
283
- .bk-alert .bk-alert-icon-info {
284
- margin-right: 8px;
285
- font-size: 16px;
286
- }
287
- .bk-alert .icon-close {
288
- font-size: 17px;
289
- }
290
- .bk-alert-wraper {
291
- display: flex;
292
- padding: 8px 10px;
293
- }
294
- .bk-alert-info {
295
- background-color: #f0f8ff;
296
- border-color: #c5daff;
297
- }
298
- .bk-alert-info .bk-alert-icon-info {
299
- color: #3a84ff;
300
- }
301
- .bk-alert-success {
302
- background-color: #f2fff4;
303
- border-color: #94f5a4;
304
- }
305
- .bk-alert-success .bk-alert-icon-info {
306
- color: #2dcb56;
307
- }
308
- .bk-alert-warning {
309
- background-color: #fff4e2;
310
- border-color: #ffdfac;
311
- }
312
- .bk-alert-warning .bk-alert-icon-info {
313
- color: #ff9c01;
314
- }
315
- .bk-alert-error {
316
- background-color: #ffeded;
317
- border-color: #ffd2d2;
318
- }
319
- .bk-alert-error .bk-alert-icon-info {
320
- color: #ea3636;
321
- }
322
- .bk-alert-content {
323
- display: flex;
324
- flex: 1;
325
- flex-direction: column;
326
- overflow: hidden;
327
- }
328
- .bk-alert-title {
329
- line-height: 16px;
330
- }
331
- .bk-alert-close {
332
- padding: 8px 12px 0 6px;
333
- margin-top: -8px;
334
- margin-right: -10px;
335
- font-size: 12px;
336
- white-space: nowrap;
337
- cursor: pointer;
338
- }
339
- .bk-alert-leave-leave {
340
- opacity: 1;
341
- }
342
- .bk-alert-leave-leave-active {
343
- overflow: hidden;
344
- transition: opacity 0.15s, height 0.2s;
345
- }
346
- .bk-alert-leave-leave-to {
347
- opacity: 0;
348
- }
349
- @keyframes loading-scale-animate {
350
- 0% {
351
- transform: scale(1);
352
- }
353
- 100% {
354
- transform: scale(0.6);
355
- }
356
- }
357
- @keyframes fade {
358
- 100% {
359
- background-color: transparent;
360
- }
361
- }
362
- .bk-fade-transtion .bk-fade-enter-active,
363
- .bk-fade-transtion .bk-fade-leave-active {
364
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
365
- }
366
- .bk-fade-transtion .bk-fade-enter,
367
- .bk-fade-transtion .bk-fade-leave-to {
368
- opacity: 0;
369
- }
370
- .bk-backtop {
371
- position: fixed;
372
- display: flex;
373
- width: 52px;
374
- height: 52px;
375
- cursor: pointer;
376
- background: #fff;
377
- border-radius: 50%;
378
- opacity: 1;
379
- box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
380
- align-items: center;
381
- justify-content: center;
382
- }
383
- .bk-fade-enter-active,
384
- .bk-fade-leave-active {
385
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
386
- }
387
- .bk-fade-enter,
388
- .bk-fade-leave-to {
389
- opacity: 0;
390
- }
391
- .bk-badge-main {
392
- position: relative;
393
- display: inline-block;
394
- }
395
- .bk-badge-main .bk-badge {
396
- position: relative;
397
- display: inline-block;
398
- height: 16px;
399
- padding: 1px 5px;
400
- font-size: 12px;
401
- line-height: 16px;
402
- text-align: center;
403
- background-color: white;
404
- border-radius: 18px;
405
- }
406
- .bk-badge-main .bk-badge.pinned {
407
- position: absolute;
408
- }
409
- .bk-badge-main .bk-badge.pinned.top-right {
410
- top: 0;
411
- right: 0;
412
- transform: translate(50%, -50%) scale(1, 1);
413
- }
414
- .bk-badge-main .bk-badge.pinned.top-right.fade-center-enter,
415
- .bk-badge-main .bk-badge.pinned.top-right.fade-center-leave-active {
416
- opacity: 0;
417
- transform: translate(50%, -50%) scale(0, 0);
418
- }
419
- .bk-badge-main .bk-badge.pinned.right {
420
- top: 50%;
421
- right: 0%;
422
- transform: translate(100%, -50%) scale(1, 1);
423
- }
424
- .bk-badge-main .bk-badge.pinned.right.fade-center-enter,
425
- .bk-badge-main .bk-badge.pinned.right.fade-center-leave-active {
426
- opacity: 0;
427
- transform: translate(50%, -50%) scale(0, 0);
428
- }
429
- .bk-badge-main .bk-badge.pinned.bottom-right {
430
- right: 0;
431
- bottom: 0;
432
- transform: translate(50%, 50%) scale(1, 1);
433
- }
434
- .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,
435
- .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {
436
- opacity: 0;
437
- transform: translate(50%, 50%) scale(0, 0);
438
- }
439
- .bk-badge-main .bk-badge.pinned.top-left {
440
- top: 0;
441
- left: 0;
442
- transform: translate(-50%, -50%) scale(1, 1);
443
- }
444
- .bk-badge-main .bk-badge.pinned.top-left.fade-center-enter,
445
- .bk-badge-main .bk-badge.pinned.top-left.fade-center-leave-active {
446
- opacity: 0;
447
- transform: translate(-50%, -50%) scale(0, 0);
448
- }
449
- .bk-badge-main .bk-badge.pinned.bottom-left {
450
- bottom: 0;
451
- left: 0;
452
- transform: translate(-50%, 50%) scale(1, 1);
453
- }
454
- .bk-badge-main .bk-badge.pinned.bottom-left.fade-center-enter,
455
- .bk-badge-main .bk-badge.pinned.bottom-left.fade-center-leave-active {
456
- opacity: 0;
457
- transform: translate(-50%, 50%) scale(0, 0);
458
- }
459
- .bk-badge-main .bk-badge.bk-danger {
460
- color: white;
461
- background-color: #ea3636;
462
- border: 2px solid white;
463
- }
464
- .bk-badge-main .bk-badge.bk-danger.is-icon {
465
- color: #ea3636;
466
- background-color: white;
467
- border-color: white;
468
- }
469
- .bk-badge-main .bk-badge.bk-warning {
470
- color: white;
471
- background-color: #ff9c01;
472
- border: 2px solid white;
473
- }
474
- .bk-badge-main .bk-badge.bk-warning.is-icon {
475
- color: #ff9c01;
476
- background-color: white;
477
- border-color: white;
478
- }
479
- .bk-badge-main .bk-badge.bk-success {
480
- color: white;
481
- background-color: #2dcb56;
482
- border: 2px solid white;
483
- }
484
- .bk-badge-main .bk-badge.bk-success.is-icon {
485
- color: #2dcb56;
486
- background-color: white;
487
- border-color: white;
488
- }
489
- .bk-badge-main .bk-badge.bk-primary {
490
- color: white;
491
- background-color: #3a84ff;
492
- border: 2px solid white;
493
- }
494
- .bk-badge-main .bk-badge.bk-primary.is-icon {
495
- color: #3a84ff;
496
- background-color: white;
497
- border-color: white;
498
- }
499
- .bk-badge-main .bk-badge.dot {
500
- width: 6px;
501
- height: 6px;
502
- min-width: 6px;
503
- padding: 0;
504
- border: 1px solid white;
505
- }
506
- .bk-badge-main .bk-badge.bk-badge-icon {
507
- display: inline-block;
508
- padding: 0;
509
- padding-bottom: 1px;
510
- font-size: 16px;
511
- }
512
- @keyframes loading-scale-animate {
513
- 0% {
514
- transform: scale(1);
515
- }
516
- 100% {
517
- transform: scale(0.6);
518
- }
519
- }
520
- @keyframes fade {
521
- 100% {
522
- background-color: transparent;
523
- }
524
- }
525
- .bk-fade-transtion .bk-fade-enter-active,
526
- .bk-fade-transtion .bk-fade-leave-active {
527
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
528
- }
529
- .bk-fade-transtion .bk-fade-enter,
530
- .bk-fade-transtion .bk-fade-leave-to {
531
- opacity: 0;
532
- }
533
- .bk-breadcrumb {
534
- display: flex;
535
- font-size: 14px;
536
- color: #979ba5;
537
- align-items: center;
538
- }
539
- .bk-breadcrumb::after {
540
- clear: both;
541
- }
542
- .bk-breadcrumb-separator {
543
- margin: 0 9px;
544
- font-weight: bold;
545
- }
546
- .bk-breadcrumb-separator[class*=icon] {
547
- margin: 0 6px;
548
- font-weight: normal;
549
- }
550
- .bk-breadcrumb-goback {
551
- margin-right: 12px;
552
- color: #0082ff;
553
- cursor: pointer;
554
- }
555
- .bk-breadcrumb-goback svg {
556
- font-size: 26px;
557
- }
558
- .bk-breadcrumb-item-inner.is-link,
559
- .bk-breadcrumb-item-inner a {
560
- color: #63656e;
561
- text-decoration: none;
562
- }
563
- .bk-breadcrumb-item-inner.is-link:hover,
564
- .bk-breadcrumb-item-inner a:hover {
565
- color: #0082ff;
566
- cursor: pointer;
567
- }
568
- .bk-breadcrumb-item:last-child {
569
- color: #979ba5;
570
- }
571
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner,
572
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner a,
573
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover,
574
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover {
575
- cursor: text;
576
- }
577
- .bk-breadcrumb-item:last-child .bk-breadcrumb-separator {
578
- display: none;
579
- }
580
- .bk-button {
581
- display: inline-block;
582
- height: 32px;
583
- min-width: 64px;
584
- padding: 0 15px;
585
- font-size: 14px;
586
- color: #63656e;
587
- text-align: center;
588
- text-decoration: none;
589
- white-space: nowrap;
590
- vertical-align: middle;
591
- cursor: pointer;
592
- background-color: white;
593
- border: 1px solid #c4c6cc;
594
- border-radius: 2px;
595
- outline: none;
596
- box-sizing: border-box;
597
- transition: background-color ease 0.3s;
598
- appearance: none;
599
- }
600
- .bk-button.bk-button-primary {
601
- background-color: #3a84ff;
602
- color: white;
603
- border-color: #3a84ff;
604
- }
605
- .bk-button.bk-button-primary:hover {
606
- background-color: #5594fa;
607
- border-color: #5594fa;
608
- }
609
- .bk-button.bk-button-primary:active {
610
- background-color: #2c77f4;
611
- border-color: #2c77f4;
612
- }
613
- .bk-button.bk-button-primary.is-disabled {
614
- background-color: #dcdee5;
615
- border-color: #dcdee5;
616
- }
617
- .bk-button.bk-button-primary.is-outline {
618
- color: #3a84ff;
619
- border-color: #3a84ff;
620
- background-color: white;
621
- }
622
- .bk-button.bk-button-primary.is-outline:hover {
623
- background-color: #5594fa;
624
- border-color: #5594fa;
625
- color: white;
626
- }
627
- .bk-button.bk-button-primary.is-text {
628
- color: #3a84ff;
629
- background: none;
630
- border: none;
631
- }
632
- .bk-button.bk-button-primary.is-text:hover {
633
- color: #5594fa;
634
- }
635
- .bk-button.bk-button-hover-primary:hover {
636
- background-color: #5594fa;
637
- border-color: #5594fa;
638
- color: white;
639
- }
640
- .bk-button.bk-button-warning {
641
- background-color: #ff9c01;
642
- color: white;
643
- border-color: #ff9c01;
644
- }
645
- .bk-button.bk-button-warning:hover {
646
- background-color: #ffb848;
647
- border-color: #ffb848;
648
- }
649
- .bk-button.bk-button-warning:active {
650
- background-color: #eb9000;
651
- border-color: #eb9000;
652
- }
653
- .bk-button.bk-button-warning.is-disabled {
654
- background-color: #dcdee5;
655
- border-color: #dcdee5;
656
- }
657
- .bk-button.bk-button-warning.is-outline {
658
- color: #ff9c01;
659
- border-color: #ff9c01;
660
- background-color: white;
661
- }
662
- .bk-button.bk-button-warning.is-outline:hover {
663
- background-color: #ffb848;
664
- border-color: #ffb848;
665
- color: white;
666
- }
667
- .bk-button.bk-button-warning.is-text {
668
- color: #ff9c01;
669
- background: none;
670
- border: none;
671
- }
672
- .bk-button.bk-button-warning.is-text:hover {
673
- color: #ffb848;
674
- }
675
- .bk-button.bk-button-hover-warning:hover {
676
- background-color: #ffb848;
677
- border-color: #ffb848;
678
- color: white;
679
- }
680
- .bk-button.bk-button-success {
681
- background-color: #2dcb56;
682
- color: white;
683
- border-color: #2dcb56;
684
- }
685
- .bk-button.bk-button-success:hover {
686
- background-color: #45e35f;
687
- border-color: #45e35f;
688
- }
689
- .bk-button.bk-button-success:active {
690
- background-color: #1ab943;
691
- border-color: #1ab943;
692
- }
693
- .bk-button.bk-button-success.is-disabled {
694
- background-color: #dcdee5;
695
- border-color: #dcdee5;
696
- }
697
- .bk-button.bk-button-success.is-outline {
698
- color: #2dcb56;
699
- border-color: #2dcb56;
700
- background-color: white;
701
- }
702
- .bk-button.bk-button-success.is-outline:hover {
703
- background-color: #45e35f;
704
- border-color: #45e35f;
705
- color: white;
706
- }
707
- .bk-button.bk-button-success.is-text {
708
- color: #2dcb56;
709
- background: none;
710
- border: none;
711
- }
712
- .bk-button.bk-button-success.is-text:hover {
713
- color: #45e35f;
714
- }
715
- .bk-button.bk-button-hover-success:hover {
716
- background-color: #45e35f;
717
- border-color: #45e35f;
718
- color: white;
719
- }
720
- .bk-button.bk-button-danger {
721
- background-color: #ea3636;
722
- color: white;
723
- border-color: #ea3636;
724
- }
725
- .bk-button.bk-button-danger:hover {
726
- background-color: #ff5656;
727
- border-color: #ff5656;
728
- }
729
- .bk-button.bk-button-danger:active {
730
- background-color: #db2626;
731
- border-color: #db2626;
732
- }
733
- .bk-button.bk-button-danger.is-disabled {
734
- background-color: #dcdee5;
735
- border-color: #dcdee5;
736
- }
737
- .bk-button.bk-button-danger.is-outline {
738
- color: #ea3636;
739
- border-color: #ea3636;
740
- background-color: white;
741
- }
742
- .bk-button.bk-button-danger.is-outline:hover {
743
- background-color: #ff5656;
744
- border-color: #ff5656;
745
- color: white;
746
- }
747
- .bk-button.bk-button-danger.is-text {
748
- color: #ea3636;
749
- background: none;
750
- border: none;
751
- }
752
- .bk-button.bk-button-danger.is-text:hover {
753
- color: #ff5656;
754
- }
755
- .bk-button.bk-button-hover-danger:hover {
756
- background-color: #ff5656;
757
- border-color: #ff5656;
758
- color: white;
759
- }
760
- .bk-button.bk-button-small {
761
- min-width: 48px;
762
- height: 26px;
763
- padding: 0 12px;
764
- }
765
- .bk-button.bk-button-large {
766
- min-width: 74px;
767
- height: 38px;
768
- padding: 0 20px;
769
- }
770
- .bk-button:hover {
771
- border-color: #979ba5;
772
- }
773
- .bk-button:active {
774
- color: #3a84ff;
775
- border-color: #3a84ff;
776
- }
777
- .bk-button.is-disabled {
778
- color: #dcdee5;
779
- cursor: auto;
780
- border-color: #dcdee5;
781
- }
782
- .bk-button.is-text {
783
- font-size: 14px;
784
- color: #63656e;
785
- text-decoration: none;
786
- cursor: pointer;
787
- background: none;
788
- border: none;
789
- outline: none;
790
- }
791
- .bk-button-group {
792
- display: inline-block;
793
- font-size: 0;
794
- }
795
- .bk-button-group.bk-button-group-small .bk-button {
796
- min-width: 48px;
797
- height: 26px;
798
- padding: 0 12px;
799
- }
800
- .bk-button-group.bk-button-group-large .bk-button {
801
- min-width: 74px;
802
- height: 38px;
803
- padding: 0 20px;
804
- }
805
- .bk-button-group .bk-button {
806
- height: 32px;
807
- min-width: 64px;
808
- margin: 0 0 0 -1px;
809
- border-radius: 0;
810
- }
811
- .bk-button-group .bk-button:not(.is-disabled) {
812
- color: #63656e;
813
- background-color: white;
814
- border-color: #c4c6cc;
815
- }
816
- .bk-button-group .bk-button:first-child {
817
- border-radius: 2px 0 0 2px;
818
- }
819
- .bk-button-group .bk-button:last-child {
820
- border-radius: 0 2px 2px 0;
821
- }
822
- .bk-button-group .bk-button:only-child {
823
- border-radius: 2px;
824
- }
825
- .bk-button-group .bk-button:hover:not(.is-disabled),
826
- .bk-button-group .bk-button.is-selected:not(.is-disabled) {
827
- position: relative;
828
- z-index: 1;
829
- color: #3a84ff;
830
- background-color: white;
831
- border-color: #3a84ff;
832
- }
833
- @keyframes loading-scale-animate {
834
- 0% {
835
- transform: scale(1);
836
- }
837
- 100% {
838
- transform: scale(0.6);
839
- }
840
- }
841
- @keyframes fade {
842
- 100% {
843
- background-color: transparent;
844
- }
845
- }
846
- .bk-fade-transtion .bk-fade-enter-active,
847
- .bk-fade-transtion .bk-fade-leave-active {
848
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
849
- }
850
- .bk-fade-transtion .bk-fade-enter,
851
- .bk-fade-transtion .bk-fade-leave-to {
852
- opacity: 0;
853
- }
854
- .bk-card {
855
- position: relative;
856
- display: inline-block;
857
- width: 100%;
858
- text-align: left;
859
- cursor: pointer;
860
- background: white;
861
- border: 1px solid #dcdee5;
862
- border-radius: 2px;
863
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
864
- }
865
- .bk-card .bk-card-head {
866
- position: relative;
867
- width: 100%;
868
- height: 50px;
869
- padding: 0 20px;
870
- line-height: 50px;
871
- border-bottom: 1px solid #f0f2f5;
872
- }
873
- .bk-card .bk-card-head .title {
874
- font-weight: 600;
875
- color: #63656e;
876
- display: inline-block;
877
- max-width: 85%;
878
- overflow: hidden;
879
- text-overflow: ellipsis;
880
- white-space: nowrap;
881
- }
882
- .bk-card .bk-card-body {
883
- width: 100%;
884
- padding: 0 20px;
885
- text-align: left;
886
- }
887
- .bk-card .bk-card-footer {
888
- width: 100%;
889
- height: 50px;
890
- line-height: 50px;
891
- border-top: 1px solid #f0f2f5;
892
- }
893
- .bk-card-border-none {
894
- border: none;
895
- }
896
- .bk-checkbox {
897
- display: inline-block;
898
- margin-right: 30px;
899
- font-size: 14px;
900
- letter-spacing: normal;
901
- color: #63656e;
902
- cursor: pointer;
903
- user-select: none;
904
- }
905
- .bk-checkbox.is-checked .bk-checkbox-input {
906
- background: #3a84ff;
907
- border-color: #3a84ff;
908
- transition: all 0.1s;
909
- }
910
- .bk-checkbox.is-checked .bk-checkbox-input::after {
911
- position: absolute;
912
- top: 1px;
913
- left: 5px;
914
- width: 4px;
915
- height: 8px;
916
- border: 2px solid #fff;
917
- border-top: 0;
918
- border-left: 0;
919
- content: '';
920
- transform: scaleY(1) rotate(45deg);
921
- transform-origin: center;
922
- }
923
- .bk-checkbox.is-disabled {
924
- color: #c4c6cc;
925
- cursor: not-allowed;
926
- }
927
- .bk-checkbox.is-disabled .bk-checkbox-input {
928
- background: #fafbfd;
929
- border-color: #dcdee5;
930
- }
931
- .bk-checkbox.is-disabled .bk-checkbox-input::after {
932
- background: #dcdee5;
933
- }
934
- .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
935
- background: #dcdee5;
936
- }
937
- .bk-checkbox .bk-checkbox-input {
938
- position: relative;
939
- display: inline-block;
940
- width: 16px;
941
- height: 16px;
942
- margin-right: 5px;
943
- vertical-align: middle;
944
- border: 1px solid #979ba5;
945
- border-radius: 2px;
946
- }
947
- .bk-checkbox .bk-checkbox-original {
948
- position: absolute;
949
- top: 0;
950
- left: 0;
951
- z-index: -1;
952
- width: 0;
953
- height: 0;
954
- }
955
- .bk-checkbox .bk-checkbox-label {
956
- display: inline-block;
957
- line-height: 18px;
958
- vertical-align: middle;
959
- }
960
- .bk-collapse-wrapper .bk-collapse-item {
961
- text-align: left;
962
- }
963
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
964
- position: relative;
965
- height: 42px;
966
- padding: 0 10px;
967
- overflow: hidden;
968
- font-size: 14px;
969
- line-height: 42px;
970
- color: #63656e;
971
- text-overflow: ellipsis;
972
- cursor: pointer;
973
- }
974
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
975
- position: absolute;
976
- right: 10px;
977
- }
978
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
979
- font-size: 20px;
980
- }
981
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
982
- display: none;
983
- padding: 0 10px;
984
- font-size: 13px;
985
- color: #979ba5;
986
- }
987
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active {
988
- display: block;
989
- }
990
- .bk-modal-wrapper.bk-dialog-wrapper {
991
- position: relative;
992
- }
993
- .bk-modal-wrapper.bk-dialog-wrapper * {
994
- box-sizing: border-box;
995
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
996
- }
997
- .bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
998
- overflow: auto;
999
- }
1000
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
1001
- position: absolute;
1002
- top: 0;
1003
- right: 0;
1004
- left: 0;
1005
- height: 30px;
1006
- }
1007
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
1008
- position: absolute;
1009
- top: 5px;
1010
- right: 5px;
1011
- display: flex;
1012
- width: 26px;
1013
- height: 26px;
1014
- font-size: 22px;
1015
- font-weight: 700;
1016
- line-height: 26px;
1017
- color: #979ba5;
1018
- text-align: center;
1019
- cursor: pointer;
1020
- border-radius: 50%;
1021
- transform: rotate(45deg);
1022
- justify-content: center;
1023
- align-items: center;
1024
- }
1025
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
1026
- padding: 24px;
1027
- font-size: 20px;
1028
- line-height: 1;
1029
- }
1030
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
1031
- display: inline-block;
1032
- width: 100%;
1033
- overflow: hidden;
1034
- font-size: 24px;
1035
- color: #313238;
1036
- text-overflow: ellipsis;
1037
- white-space: nowrap;
1038
- }
1039
- .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
1040
- height: calc(100% - 132px);
1041
- padding: 3px 24px 26px;
1042
- margin-bottom: 58px;
1043
- font-size: 14px;
1044
- line-height: 1.5;
1045
- color: #63656e;
1046
- }
1047
- .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
1048
- position: absolute;
1049
- right: 0;
1050
- bottom: 0;
1051
- left: 0;
1052
- height: 58px;
1053
- padding: 12px 24px;
1054
- background-color: #fafbfd;
1055
- border-top: 1px solid #dcdee5;
1056
- border-radius: 2px;
1057
- }
1058
- .bk-exception-wrapper {
1059
- position: relative;
1060
- display: flex;
1061
- width: 100%;
1062
- align-items: center;
1063
- flex-direction: column;
1064
- }
1065
- .bk-exception-wrapper .bk-exception-img {
1066
- display: flex;
1067
- width: 480px;
1068
- height: 240px;
1069
- align-items: center;
1070
- justify-content: center;
1071
- }
1072
- .bk-exception-wrapper .bk-exception-img.part-img {
1073
- width: 120px;
1074
- height: 100px;
1075
- }
1076
- .bk-exception-wrapper .bk-exception-img .exception-image {
1077
- display: block;
1078
- height: 100%;
1079
- vertical-align: middle;
1080
- object-fit: contain;
1081
- }
1082
- .bk-exception-wrapper .bk-exception-text {
1083
- font-size: 24px;
1084
- color: #63656e;
1085
- text-align: center;
1086
- }
1087
- .bk-exception-wrapper .bk-exception-text.part-text {
1088
- font-size: 14px;
1089
- }
1090
- .bk-fixed-navbar {
1091
- position: fixed;
1092
- right: 10px;
1093
- width: 52px;
1094
- padding: 22px 14px;
1095
- background: #fff;
1096
- border-radius: 26px;
1097
- opacity: 1;
1098
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
1099
- box-sizing: border-box;
1100
- }
1101
- .bk-fixed-navbar.middle {
1102
- top: 50%;
1103
- transform: translateY(-50%);
1104
- }
1105
- .bk-fixed-navbar.bottom {
1106
- bottom: 10%;
1107
- }
1108
- .bk-fixed-navbar.top {
1109
- top: 10%;
1110
- }
1111
- .bk-fixed-navbar .fixed-navbar-item {
1112
- display: flex;
1113
- color: #63656e;
1114
- align-items: center;
1115
- justify-content: center;
1116
- flex-direction: column;
1117
- }
1118
- .bk-fixed-navbar .fixed-navbar-item:hover {
1119
- color: #3a84ff;
1120
- cursor: pointer;
1121
- }
1122
- .bk-fixed-navbar .fixed-navbar-item:not(:last-of-type) {
1123
- margin-bottom: 25px;
1124
- }
1125
- .bk-fixed-navbar .fixed-navbar-item .icon {
1126
- margin-bottom: 5px;
1127
- font-size: 17px;
1128
- }
1129
- .bk-fixed-navbar .fixed-navbar-item .text {
1130
- font-size: 12px;
1131
- }
1132
- @keyframes loading-scale-animate {
1133
- 0% {
1134
- transform: scale(1);
1135
- }
1136
- 100% {
1137
- transform: scale(0.6);
1138
- }
1139
- }
1140
- @keyframes fade {
1141
- 100% {
1142
- background-color: transparent;
1143
- }
1144
- }
1145
- .bk-fade-transtion .bk-fade-enter-active,
1146
- .bk-fade-transtion .bk-fade-leave-active {
1147
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1148
- }
1149
- .bk-fade-transtion .bk-fade-enter,
1150
- .bk-fade-transtion .bk-fade-leave-to {
1151
- opacity: 0;
1152
- }
1153
- .bk-input {
1154
- display: flex;
1155
- align-items: stretch;
1156
- height: 32px;
1157
- font-size: 12px;
1158
- border: 1px solid #c4c6cc;
1159
- border-radius: 2px;
1160
- transition: all 0.3s;
1161
- }
1162
- .bk-input--suffix-icon {
1163
- padding-right: 10px;
1164
- font-size: 16px;
1165
- line-height: 1;
1166
- color: #c4c6cc;
1167
- align-self: center;
1168
- }
1169
- .bk-input--large {
1170
- height: 38px;
1171
- font-size: 16px;
1172
- }
1173
- .bk-input--small {
1174
- height: 26px;
1175
- font-size: 12px;
1176
- }
1177
- .bk-input.is-focused:not(.is-readonly) {
1178
- border-color: #3a84ff;
1179
- outline: 0;
1180
- box-shadow: 0px 0px 3px 0px #a3c5fd;
1181
- }
1182
- .bk-input.is-disabled {
1183
- cursor: not-allowed;
1184
- background-color: #fafbfd;
1185
- opacity: 1;
1186
- }
1187
- .bk-input--prefix-area,
1188
- .bk-input--suffix-area {
1189
- display: flex;
1190
- padding: 0 10px;
1191
- color: #63656e;
1192
- background-color: #f4f6fa;
1193
- border-right: 1px solid #c4c6cc;
1194
- align-items: center;
1195
- }
1196
- .bk-input--suffix-area {
1197
- border: 0;
1198
- border-left: 1px solid #c4c6cc;
1199
- }
1200
- .bk-input--max-length {
1201
- align-self: center;
1202
- padding-right: 10px;
1203
- }
1204
- .bk-input--max-length span {
1205
- color: #979ba5;
1206
- }
1207
- .bk-input--text {
1208
- padding: 0 10px;
1209
- font-size: 12px;
1210
- line-height: 1;
1211
- color: #63656e;
1212
- background-color: white;
1213
- background-image: none;
1214
- border: none;
1215
- outline: none;
1216
- box-sizing: border-box;
1217
- transition: all 0.3s;
1218
- flex: 1;
1219
- }
1220
- .bk-input--text[type='search']::-webkit-search-decoration,
1221
- .bk-input--text[type='search']::-webkit-search-cancel-button,
1222
- .bk-input--text[type='search']::-webkit-search-results-button,
1223
- .bk-input--text[type='search']::-webkit-search-results-decoration {
1224
- appearance: none;
1225
- }
1226
- .bk-input--text [type=search]::-ms-clear {
1227
- display: none;
1228
- width: 0;
1229
- height: 0;
1230
- }
1231
- .bk-input--text [type=search]::-ms-reveal {
1232
- display: none;
1233
- width: 0;
1234
- height: 0;
1235
- }
1236
- .bk-input--text[type='number']::-webkit-inner-spin-button,
1237
- .bk-input--text[type='number']::-webkit-outer-spin-button {
1238
- margin: 0;
1239
- appearance: none;
1240
- }
1241
- .bk-input--text::placeholder {
1242
- color: #c4c6cc;
1243
- }
1244
- .bk-input--number-control {
1245
- width: 26px;
1246
- height: 100%;
1247
- font-size: 0;
1248
- flex-direction: column;
1249
- }
1250
- .bk-input--number-control span {
1251
- display: block;
1252
- height: 50%;
1253
- overflow: hidden;
1254
- color: #c4c6cc;
1255
- }
1256
- .bk-input--number-control svg {
1257
- font-size: 16px;
1258
- }
1259
- .bk-input--number-control span:first-child {
1260
- transform: rotate(180deg);
1261
- }
1262
- .bk-input--number-control span:hover {
1263
- background-color: #f4f6fa;
1264
- }
1265
- .bk-link {
1266
- font-size: 14px;
1267
- text-decoration: none;
1268
- }
1269
- .bk-link.is-disabled {
1270
- cursor: not-allowed;
1271
- }
1272
- .bk-link.has-underline {
1273
- text-decoration: underline;
1274
- }
1275
- .bk-link.default {
1276
- color: #63656e;
1277
- }
1278
- .bk-link.default.is-disabled {
1279
- color: #dcdee5;
1280
- }
1281
- .bk-link.default:hover {
1282
- color: #979ba5;
1283
- }
1284
- .bk-link.primary {
1285
- color: #3a84ff;
1286
- }
1287
- .bk-link.primary.is-disabled {
1288
- color: #a3c5fd;
1289
- }
1290
- .bk-link.primary:hover {
1291
- color: #699df4;
1292
- }
1293
- .bk-link.success {
1294
- color: #2dcb56;
1295
- }
1296
- .bk-link.success.is-disabled {
1297
- color: #94f5a4;
1298
- }
1299
- .bk-link.success:hover {
1300
- color: #45e35f;
1301
- }
1302
- .bk-link.warning {
1303
- color: #ff9c01;
1304
- }
1305
- .bk-link.warning.is-disabled {
1306
- color: #ffd695;
1307
- }
1308
- .bk-link.warning:hover {
1309
- color: #ffb848;
1310
- }
1311
- .bk-link.danger {
1312
- color: #ea3636;
1313
- }
1314
- .bk-link.danger:hover {
1315
- color: #ff5656;
1316
- }
1317
- .bk-link.danger.is-disabled {
1318
- color: #fd9c9c;
1319
- }
1320
- .bk-dropdown {
1321
- display: inline-block;
1322
- }
1323
- .bk-dropdown .bk-dropdown-content {
1324
- display: none;
1325
- box-shadow: 0 2px 6px rgba(51, 60, 72, 0.1);
1326
- }
1327
- .bk-dropdown .bk-dropdown-content[data-show] {
1328
- display: block;
1329
- }
1330
- .bk-dropdown-menu {
1331
- min-width: 100%;
1332
- padding: 5px 0;
1333
- margin: 0;
1334
- background: #fff;
1335
- border: 1px solid #dcdee5;
1336
- border-radius: 2px;
1337
- box-sizing: border-box;
1338
- }
1339
- .bk-dropdown-menu::-webkit-scrollbar {
1340
- width: 4px;
1341
- height: 4px;
1342
- }
1343
- .bk-dropdown-menu::-webkit-scrollbar-thumb {
1344
- background: #dde4eb;
1345
- border-radius: 20px;
1346
- box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
1347
- }
1348
- .bk-dropdown-item {
1349
- display: block;
1350
- height: 32px;
1351
- padding: 0 16px;
1352
- font-size: 12px;
1353
- line-height: 33px;
1354
- color: #63656e;
1355
- white-space: nowrap;
1356
- list-style: none;
1357
- cursor: pointer;
1358
- }
1359
- .bk-dropdown-item:hover {
1360
- color: #3a84ff;
1361
- background-color: #eaf3ff;
1362
- }
1363
- @keyframes loading-scale-animate {
1364
- 0% {
1365
- transform: scale(1);
1366
- }
1367
- 100% {
1368
- transform: scale(0.6);
1369
- }
1370
- }
1371
- @keyframes fade {
1372
- 100% {
1373
- background-color: transparent;
1374
- }
1375
- }
1376
- .bk-fade-transtion .bk-fade-enter-active,
1377
- .bk-fade-transtion .bk-fade-leave-active {
1378
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1379
- }
1380
- .bk-fade-transtion .bk-fade-enter,
1381
- .bk-fade-transtion .bk-fade-leave-to {
1382
- opacity: 0;
1383
- }
1384
- .bk-loading-wrapper {
1385
- position: static;
1386
- display: inline-block;
1387
- font-size: 0;
1388
- }
1389
- .bk-loading-wrapper.bk-nested-loading {
1390
- position: relative;
1391
- }
1392
- .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
1393
- position: absolute;
1394
- top: 50%;
1395
- left: 50%;
1396
- z-index: 4;
1397
- transform: translate(-50%, -50%);
1398
- }
1399
- .bk-loading-wrapper .bk-loading-mask {
1400
- opacity: 0.5;
1401
- }
1402
- .bk-loading-wrapper .bk-loading-mask::after {
1403
- position: absolute;
1404
- top: 0;
1405
- right: 0;
1406
- bottom: 0;
1407
- left: 0;
1408
- z-index: 10;
1409
- width: 100%;
1410
- height: 100%;
1411
- background-color: rgba(255, 255, 255, 0.9);
1412
- content: '';
1413
- }
1414
- .bk-loading-wrapper .bk-loading-indicator {
1415
- font-size: 14px;
1416
- }
1417
- .bk-loading-wrapper .bk-loading-indicator .dot-1 {
1418
- background-color: #ea3636;
1419
- animation-delay: 0.1s;
1420
- }
1421
- .bk-loading-wrapper .bk-loading-indicator .dot-2 {
1422
- background-color: #ff9c01;
1423
- animation-delay: 0.25s;
1424
- }
1425
- .bk-loading-wrapper .bk-loading-indicator .dot-3 {
1426
- background-color: #2dcb56;
1427
- animation-delay: 0.4s;
1428
- }
1429
- .bk-loading-wrapper .bk-loading-indicator .dot-4 {
1430
- background-color: #3a84ff;
1431
- animation-delay: 0.55s;
1432
- margin-right: 0;
1433
- }
1434
- .bk-loading-wrapper .bk-loading-indicator .oval-1 {
1435
- transform: rotate(-135deg);
1436
- animation-delay: 0.6s;
1437
- }
1438
- .bk-loading-wrapper .bk-loading-indicator .oval-2 {
1439
- transform: rotate(-90deg);
1440
- animation-delay: 0.75s;
1441
- }
1442
- .bk-loading-wrapper .bk-loading-indicator .oval-3 {
1443
- transform: rotate(-45deg);
1444
- animation-delay: 0.9s;
1445
- }
1446
- .bk-loading-wrapper .bk-loading-indicator .oval-4 {
1447
- transform: rotate(0deg);
1448
- animation-delay: 1.05s;
1449
- }
1450
- .bk-loading-wrapper .bk-loading-indicator .oval-5 {
1451
- transform: rotate(45deg);
1452
- animation-delay: 1.2s;
1453
- }
1454
- .bk-loading-wrapper .bk-loading-indicator .oval-6 {
1455
- transform: rotate(90deg);
1456
- animation-delay: 1.35s;
1457
- }
1458
- .bk-loading-wrapper .bk-loading-indicator .oval-7 {
1459
- transform: rotate(135deg);
1460
- animation-delay: 1.5s;
1461
- }
1462
- .bk-loading-wrapper .bk-loading-indicator .oval-8 {
1463
- transform: rotate(180deg);
1464
- animation-delay: 1.65s;
1465
- }
1466
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
1467
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
1468
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
1469
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
1470
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
1471
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
1472
- background-color: #2dcb56;
1473
- }
1474
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
1475
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
1476
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
1477
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
1478
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
1479
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
1480
- background-color: #ea3636;
1481
- }
1482
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
1483
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
1484
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
1485
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
1486
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
1487
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
1488
- background-color: #ff9c01;
1489
- }
1490
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
1491
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
1492
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
1493
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
1494
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
1495
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
1496
- background-color: #3a84ff;
1497
- }
1498
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
1499
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
1500
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
1501
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
1502
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
1503
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
1504
- background-color: white;
1505
- }
1506
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
1507
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
1508
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
1509
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
1510
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
1511
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
1512
- background-color: #c4c6cc;
1513
- }
1514
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
1515
- height: 40px;
1516
- }
1517
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
1518
- height: 22px;
1519
- }
1520
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
1521
- width: 6px;
1522
- height: 6px;
1523
- margin-right: 6px;
1524
- }
1525
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
1526
- margin-right: 0;
1527
- }
1528
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {
1529
- width: 4px;
1530
- height: 5px;
1531
- border-radius: 5px;
1532
- transform-origin: center 11px;
1533
- }
1534
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
1535
- font-size: 12px;
1536
- }
1537
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
1538
- height: 52px;
1539
- }
1540
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
1541
- width: 20px;
1542
- height: 20px;
1543
- margin-right: 12px;
1544
- }
1545
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
1546
- margin-right: 0;
1547
- }
1548
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {
1549
- width: 8px;
1550
- height: 12px;
1551
- border-radius: 12px;
1552
- transform-origin: center 26px;
1553
- }
1554
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
1555
- font-size: 14px;
1556
- }
1557
- .bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
1558
- margin-top: 8px;
1559
- font-size: 14px;
1560
- line-height: normal;
1561
- color: #63656e;
1562
- text-align: center;
1563
- }
1564
- .bk-loading-wrapper .bk-loading-indicator .dot {
1565
- display: inline-block;
1566
- width: 14px;
1567
- height: 14px;
1568
- margin-right: 10px;
1569
- border-radius: 50%;
1570
- transform: scale(0.6);
1571
- animation-duration: 0.8s;
1572
- animation-iteration-count: infinite;
1573
- animation-name: loading-scale-animate;
1574
- animation-direction: normal;
1575
- }
1576
- .bk-loading-wrapper .bk-loading-indicator .oval {
1577
- position: absolute;
1578
- width: 6px;
1579
- height: 8px;
1580
- background-color: #63656e;
1581
- border-radius: 8px;
1582
- animation-duration: 1.2s;
1583
- animation-iteration-count: infinite;
1584
- animation-name: fade;
1585
- transform-origin: center 20px;
1586
- animation-direction: normal;
1587
- }
1588
- .bk-modal-wrapper {
1589
- position: absolute;
1590
- top: 50%;
1591
- left: 50%;
1592
- background: #fff;
1593
- transform: translate(-50%, -50%);
1594
- }
1595
- .bk-modal-wrapper .bk-modal-body {
1596
- height: 100%;
1597
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1598
- }
1599
- .bk-popover .bk-popover-reference {
1600
- display: inline-block;
1601
- }
1602
- .bk-popover .fade-in-enter-active,
1603
- .bk-popover .fade-in-linear-leave-active {
1604
- transition: opacity 200ms linear;
1605
- }
1606
- .bk-popover .fade-in-enter,
1607
- .bk-popover .fade-in-leave,
1608
- .bk-popover .fade-in-leave-active {
1609
- opacity: 0;
1610
- }
1611
- .bk-popover-content {
1612
- display: none;
1613
- padding: 7px 14px;
1614
- font-size: 12px;
1615
- color: #fff;
1616
- background: #26323d;
1617
- border-radius: 4px;
1618
- box-sizing: border-box;
1619
- }
1620
- .bk-popover-content[data-theme^='dark'] {
1621
- color: #fff;
1622
- background: #26323d;
1623
- }
1624
- .bk-popover-content[data-theme^='light'] {
1625
- color: #26323d;
1626
- background-color: #fff;
1627
- box-shadow: 0 0 6px 0 #dcdee5;
1628
- }
1629
- .bk-popover-content[data-theme^='light'][data-show] {
1630
- box-shadow: 0 0 6px 0 #dcdee5;
1631
- }
1632
- .bk-popover-content[data-show] {
1633
- display: block;
1634
- }
1635
- .bk-popover-content .arrow {
1636
- position: absolute;
1637
- width: 8px;
1638
- height: 8px;
1639
- background: inherit;
1640
- visibility: hidden;
1641
- }
1642
- .bk-popover-content .arrow::before {
1643
- position: absolute;
1644
- width: 8px;
1645
- height: 8px;
1646
- background: inherit;
1647
- content: '';
1648
- visibility: visible;
1649
- transform: rotate(45deg);
1650
- }
1651
- .bk-popover-content[data-popper-placement^='top'] > .arrow {
1652
- bottom: -4px;
1653
- }
1654
- .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
1655
- top: -4px;
1656
- }
1657
- .bk-popover-content[data-popper-placement^='left'] > .arrow {
1658
- right: -4px;
1659
- }
1660
- .bk-popover-content[data-popper-placement^='right'] > .arrow {
1661
- left: -4px;
1662
- }
1663
- @keyframes loading-scale-animate {
1664
- 0% {
1665
- transform: scale(1);
1666
- }
1667
- 100% {
1668
- transform: scale(0.6);
1669
- }
1670
- }
1671
- @keyframes fade {
1672
- 100% {
1673
- background-color: transparent;
1674
- }
1675
- }
1676
- .bk-fade-transtion .bk-fade-enter-active,
1677
- .bk-fade-transtion .bk-fade-leave-active {
1678
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1679
- }
1680
- .bk-fade-transtion .bk-fade-enter,
1681
- .bk-fade-transtion .bk-fade-leave-to {
1682
- opacity: 0;
1683
- }
1684
- .bk-progress {
1685
- display: inline-block;
1686
- }
1687
- .bk-progress .progress-outer {
1688
- display: flex;
1689
- width: 100%;
1690
- align-items: center;
1691
- }
1692
- .bk-progress .progress-bar {
1693
- position: relative;
1694
- width: 100%;
1695
- height: 4px;
1696
- text-align: center;
1697
- vertical-align: middle;
1698
- background: #f0f1f5;
1699
- border-radius: 50px;
1700
- }
1701
- .bk-progress .progress-bar.bk-progress-small {
1702
- height: 2px;
1703
- }
1704
- .bk-progress .progress-bar.bk-progress-normal {
1705
- height: 4px;
1706
- }
1707
- .bk-progress .progress-bar.bk-progress-large {
1708
- height: 12px;
1709
- }
1710
- .bk-progress .progress-inner {
1711
- position: absolute;
1712
- top: 0;
1713
- left: 0;
1714
- width: 50%;
1715
- height: 100%;
1716
- border-radius: 50px;
1717
- transition: width 0.5s ease;
1718
- }
1719
- .bk-progress .progress-inner.bk-primary {
1720
- background: #3a84ff;
1721
- }
1722
- .bk-progress .progress-inner.bk-success {
1723
- background: #2dcb56;
1724
- }
1725
- .bk-progress .progress-inner.bk-warning {
1726
- background: #ff9c01;
1727
- }
1728
- .bk-progress .progress-inner.bk-danger {
1729
- background: #ea3636;
1730
- }
1731
- .bk-progress .inner-text {
1732
- width: 100%;
1733
- height: 100%;
1734
- color: #fff;
1735
- text-align: center;
1736
- }
1737
- .bk-progress .progress-text {
1738
- width: 7%;
1739
- text-align: center;
1740
- }
1741
- .bk-progress .progress-circle-text {
1742
- position: absolute;
1743
- top: 50%;
1744
- left: 0;
1745
- width: 100%;
1746
- margin: 0;
1747
- text-align: center;
1748
- transform: translateY(-50%);
1749
- }
1750
- .bk-progress-line {
1751
- width: 100%;
1752
- }
1753
- .bk-progress-circle,
1754
- .bk-progress-dashboard {
1755
- position: relative;
1756
- }
1757
- .bk-radio {
1758
- display: inline-block;
1759
- margin-right: 30px;
1760
- font-size: 12px;
1761
- font-weight: normal;
1762
- line-height: 1;
1763
- letter-spacing: normal;
1764
- color: #63656e;
1765
- white-space: nowrap;
1766
- cursor: pointer;
1767
- outline: none;
1768
- user-select: none;
1769
- }
1770
- .bk-radio:last-child {
1771
- margin-right: 0;
1772
- }
1773
- .bk-radio.is-checked .bk-radio-input {
1774
- padding: 3px;
1775
- color: #3a84ff;
1776
- background-color: #3a84ff;
1777
- border-color: #3a84ff;
1778
- }
1779
- .bk-radio.is-disabled {
1780
- color: #dcdee5;
1781
- cursor: not-allowed;
1782
- }
1783
- .bk-radio.is-disabled.is-checked .bk-radio-input {
1784
- background-color: #dcdee5;
1785
- }
1786
- .bk-radio.is-disabled .bk-radio-input {
1787
- cursor: not-allowed;
1788
- border-color: #dcdee5;
1789
- }
1790
- .bk-radio.is-disabled .bk-radio-text {
1791
- cursor: not-allowed;
1792
- }
1793
- .bk-radio.is-focus .bk-radio-input {
1794
- border-color: #3a84ff;
1795
- }
1796
- .bk-radio .bk-radio-text {
1797
- font-size: 12px;
1798
- font-style: normal;
1799
- font-weight: normal;
1800
- color: #63656e;
1801
- vertical-align: middle;
1802
- cursor: pointer;
1803
- }
1804
- .bk-radio .bk-radio-input {
1805
- position: relative;
1806
- display: inline-block;
1807
- width: 16px;
1808
- height: 16px;
1809
- margin: 0 5px 0 0;
1810
- color: #fff;
1811
- vertical-align: middle;
1812
- cursor: pointer;
1813
- background-color: #fff;
1814
- border: 1px solid #63656e;
1815
- border-radius: 50%;
1816
- outline: none;
1817
- visibility: visible;
1818
- transition: all 0.3s;
1819
- background-clip: content-box;
1820
- appearance: none;
1821
- }
1822
- .bk-radio-button {
1823
- position: relative;
1824
- z-index: 1;
1825
- display: inline-block;
1826
- font-size: 0;
1827
- font-weight: normal;
1828
- line-height: 1;
1829
- letter-spacing: normal;
1830
- color: #63656e;
1831
- white-space: nowrap;
1832
- cursor: pointer;
1833
- outline: none;
1834
- opacity: 1;
1835
- user-select: none;
1836
- }
1837
- .bk-radio-button:nth-child(n+2) {
1838
- margin-left: -1px;
1839
- }
1840
- .bk-radio-button:first-child .bk-radio-button-text {
1841
- border-bottom-left-radius: 2px;
1842
- border-top-left-radius: 2px;
1843
- }
1844
- .bk-radio-button:last-child .bk-radio-button-text {
1845
- border-top-right-radius: 2px;
1846
- border-bottom-right-radius: 2px;
1847
- }
1848
- .bk-radio-button.is-checked {
1849
- z-index: 2;
1850
- }
1851
- .bk-radio-button.is-checked .bk-radio-button-text {
1852
- color: #fff;
1853
- background: #3a84ff;
1854
- border-color: #3a84ff;
1855
- }
1856
- .bk-radio-button.is-disabled {
1857
- z-index: 0;
1858
- color: #dcdee5;
1859
- cursor: not-allowed;
1860
- }
1861
- .bk-radio-button.is-disabled .bk-radio-button-text {
1862
- cursor: not-allowed;
1863
- background: #dcdee5;
1864
- border-color: #dcdee5;
1865
- }
1866
- .bk-radio-button.is-focus .bk-radio-button-text {
1867
- border-color: #3a84ff;
1868
- }
1869
- .bk-radio-button .bk-radio-button-input {
1870
- position: absolute;
1871
- z-index: -1;
1872
- outline: none;
1873
- opacity: 0;
1874
- }
1875
- .bk-radio-button .bk-radio-button-text {
1876
- height: 32px;
1877
- padding: 0 18px;
1878
- font-size: 12px;
1879
- font-style: normal;
1880
- font-weight: normal;
1881
- line-height: 32px;
1882
- color: #63656e;
1883
- text-align: center;
1884
- vertical-align: middle;
1885
- cursor: pointer;
1886
- border: 1px solid #63656e;
1887
- transition: all 0.3s;
1888
- }
1889
- .bk-radio-group {
1890
- display: inline-block;
1891
- font-size: 0;
1892
- line-height: 0;
1893
- letter-spacing: normal;
1894
- }
1895
- .bk-rate {
1896
- position: relative;
1897
- }
1898
- .bk-rate .bk-score-real {
1899
- position: absolute;
1900
- top: 0;
1901
- left: 0;
1902
- display: flex;
1903
- overflow: hidden;
1904
- }
1905
- .bk-rate-stars {
1906
- padding: 0;
1907
- margin: 0;
1908
- }
1909
- .bk-rate-stars .bk-is-edit {
1910
- cursor: pointer;
1911
- }
1912
- .bk-rate-stars:after {
1913
- display: table;
1914
- clear: both;
1915
- content: '';
1916
- }
1917
- .bk-rate-stars .bk-rate-star {
1918
- float: left;
1919
- margin-right: 3px;
1920
- enable-background: new 0 0 64 64;
1921
- fill: #c5c7d1;
1922
- }
1923
- .bk-rate-stars .bk-rate-star.bk-is-select {
1924
- fill: #ffb848;
1925
- }
1926
- .bk-rate-stars .bk-rate-star:last-child {
1927
- margin-right: 0;
1928
- }
1929
- .bk-select {
1930
- display: inline-block;
1931
- }
1932
- .bk-select ul {
1933
- padding: 0;
1934
- margin: 0;
1935
- font-weight: normal;
1936
- list-style: none;
1937
- }
1938
- .bk-select .bk-popover-content {
1939
- padding: 0;
1940
- }
1941
- .bk-select.is-focus .bk-select-trigger .bk-select-input {
1942
- border-color: #3a84ff;
1943
- box-shadow: 0px 0px 3px 0px #a3c5fd;
1944
- }
1945
- .bk-select.is-disabled .bk-select-trigger .bk-select-input {
1946
- cursor: not-allowed;
1947
- background: #fafbfd;
1948
- border-color: #dcdee5;
1949
- box-shadow: unset;
1950
- }
1951
- .bk-select.popover-show .bk-select-trigger .angle-up {
1952
- transform: rotate(0);
1953
- }
1954
- .bk-select .bk-select-trigger {
1955
- position: relative;
1956
- cursor: pointer;
1957
- }
1958
- .bk-select .bk-select-trigger .bk-select-input {
1959
- height: 32px;
1960
- padding: 0 28px 0 10px;
1961
- font-size: 12px;
1962
- line-height: normal;
1963
- color: #63656e;
1964
- text-align: left;
1965
- vertical-align: middle;
1966
- cursor: pointer;
1967
- background-color: white;
1968
- border: 1px solid #c4c6cc;
1969
- border-radius: 2px;
1970
- outline: none;
1971
- box-sizing: border-box;
1972
- transition: all 0.1s;
1973
- resize: none;
1974
- }
1975
- .bk-select .bk-select-trigger .bk-select-input::placeholder {
1976
- color: #c4c6cc;
1977
- }
1978
- .bk-select .bk-select-trigger .bk-select-prefix {
1979
- position: absolute;
1980
- top: 6px;
1981
- left: 4px;
1982
- font-size: 14px;
1983
- }
1984
- .bk-select .bk-select-trigger .angle-up {
1985
- transform: rotate(180deg);
1986
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1987
- display: flex;
1988
- align-items: center;
1989
- justify-content: center;
1990
- width: 20px;
1991
- height: 20px;
1992
- font-size: 20px;
1993
- color: #979ba5;
1994
- position: absolute;
1995
- top: 6px;
1996
- right: 4px;
1997
- }
1998
- .bk-select .bk-select-trigger .clear-icon {
1999
- transition: all 0.1s;
2000
- display: flex;
2001
- align-items: center;
2002
- justify-content: center;
2003
- width: 20px;
2004
- height: 20px;
2005
- font-size: 14px;
2006
- color: #c4c6cc;
2007
- position: absolute;
2008
- top: 6px;
2009
- right: 4px;
2010
- }
2011
- .bk-select .bk-select-trigger .clear-icon:hover {
2012
- color: #979ba5;
2013
- }
2014
- .bk-select .bk-select-trigger .spinner {
2015
- position: absolute;
2016
- top: 6px;
2017
- right: 4px;
2018
- display: flex;
2019
- align-items: center;
2020
- justify-content: center;
2021
- width: 20px;
2022
- height: 20px;
2023
- font-size: 16px;
2024
- color: #3A84FF;
2025
- }
2026
- .bk-select .bk-select-empty {
2027
- display: flex;
2028
- align-items: center;
2029
- justify-content: center;
2030
- height: 56px;
2031
- color: #63656e;
2032
- }
2033
- .bk-select .bk-select-empty .spinner {
2034
- display: flex;
2035
- width: 14px;
2036
- height: 14px;
2037
- margin-right: 4px;
2038
- font-size: 14px;
2039
- color: #c4c6cc;
2040
- align-items: center;
2041
- justify-content: center;
2042
- }
2043
- .bk-select .bk-select-dropdown {
2044
- overflow: auto;
2045
- }
2046
- .bk-select .bk-select-dropdown .bk-select-search {
2047
- position: relative;
2048
- padding: 0 5px;
2049
- }
2050
- .bk-select .bk-select-dropdown .bk-select-search-icon {
2051
- position: absolute;
2052
- top: 50%;
2053
- left: 8px;
2054
- font-size: 16px;
2055
- color: #979ba5;
2056
- transform: translateY(-50%);
2057
- }
2058
- .bk-select .bk-select-dropdown .bk-select-search-input {
2059
- width: 100%;
2060
- height: 32px;
2061
- padding: 0 10px 0 26px;
2062
- font-size: 12px;
2063
- cursor: text;
2064
- border: none;
2065
- border-bottom: 1px solid #dcdee5;
2066
- outline: 0;
2067
- }
2068
- .bk-select .bk-select-extension {
2069
- display: flex;
2070
- height: 40px;
2071
- background-color: #fafbfd;
2072
- align-items: center;
2073
- }
2074
- .bk-select .bk-select-options {
2075
- padding: 8px 0;
2076
- }
2077
- .bk-select .bk-select-option {
2078
- position: relative;
2079
- height: 32px;
2080
- padding: 0 20px 0 12px;
2081
- line-height: 32px;
2082
- color: #63656e;
2083
- text-align: left;
2084
- cursor: pointer;
2085
- user-select: none;
2086
- overflow: hidden;
2087
- text-overflow: ellipsis;
2088
- white-space: nowrap;
2089
- }
2090
- .bk-select .bk-select-option:hover {
2091
- color: #3a84ff;
2092
- background-color: #f5f7fa;
2093
- }
2094
- .bk-select .bk-select-option.is-selected {
2095
- color: #3a84ff;
2096
- }
2097
- .bk-select .bk-select-option.is-selected.is-multiple::after {
2098
- position: absolute;
2099
- right: 12px;
2100
- font-size: 12px;
2101
- font-weight: 700;
2102
- content: '\2713';
2103
- }
2104
- .bk-select .bk-select-option.is-disabled {
2105
- color: #c4c6cc;
2106
- cursor: not-allowed;
2107
- background-color: transparent;
2108
- }
2109
- .bk-select .bk-option-group-label {
2110
- height: 32px;
2111
- padding: 0 8px;
2112
- line-height: 32px;
2113
- color: #979ba5;
2114
- text-align: left;
2115
- }
2116
- .bk-select .bk-option-group-label.collapsible {
2117
- cursor: pointer;
2118
- }
2119
- .bk-select .bk-option-group.collapsible .bk-select-option {
2120
- padding-left: 40px;
2121
- }
2122
- .bk-select .bk-option-group .default-group-label {
2123
- display: flex;
2124
- user-select: none;
2125
- align-items: center;
2126
- }
2127
- .bk-select .bk-option-group .default-group-label-icon {
2128
- display: flex;
2129
- width: 12px;
2130
- height: 12px;
2131
- margin-right: 8px;
2132
- font-size: 12px;
2133
- transition: all 0.1s;
2134
- align-items: center;
2135
- justify-content: center;
2136
- }
2137
- .bk-select .bk-option-group .default-group-label-icon.collapse {
2138
- transform: rotate(-90deg);
2139
- }
2140
- .bk-select .bk-option-group .bk-select-option {
2141
- padding-left: 24px;
2142
- }
2143
- .bk-modal-wrapper.bk-sideslider-wrapper {
2144
- position: fixed;
2145
- top: 0;
2146
- bottom: 0;
2147
- left: auto;
2148
- background: #fff;
2149
- transform: initial;
2150
- box-shadow: -5px 0 8px -5px rgba(0, 0, 0, 0.2);
2151
- }
2152
- .bk-modal-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {
2153
- overflow: auto;
2154
- }
2155
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header {
2156
- width: 100%;
2157
- height: 60px;
2158
- background: #fff;
2159
- border-bottom: 1px solid #dcdee5;
2160
- }
2161
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close {
2162
- position: absolute;
2163
- top: 0;
2164
- width: 30px;
2165
- height: 60px;
2166
- font-size: 24px;
2167
- line-height: 60px;
2168
- color: #fff;
2169
- text-align: center;
2170
- cursor: pointer;
2171
- background-color: #3a84ff;
2172
- }
2173
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right {
2174
- left: 0;
2175
- }
2176
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
2177
- top: 50%;
2178
- left: 50%;
2179
- display: inline-block;
2180
- width: 8px;
2181
- height: 8px;
2182
- border-top: solid 2px #fff;
2183
- border-right: solid 2px #fff;
2184
- content: '';
2185
- transform: translate(-50%, -50%) rotate(45deg);
2186
- }
2187
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left {
2188
- right: 0;
2189
- }
2190
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
2191
- top: 50%;
2192
- left: 50%;
2193
- display: inline-block;
2194
- width: 8px;
2195
- height: 8px;
2196
- border-top: solid 2px #fff;
2197
- border-left: solid 2px #fff;
2198
- content: '';
2199
- transform: translate(50%, -50%) rotate(-45deg);
2200
- }
2201
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
2202
- height: 60px;
2203
- padding-left: 30px;
2204
- font-size: 16px;
2205
- font-weight: 700;
2206
- line-height: 60px;
2207
- color: #666;
2208
- }
2209
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
2210
- padding: 0px 0px 0px 50px;
2211
- }
2212
- @keyframes loading-scale-animate {
2213
- 0% {
2214
- transform: scale(1);
2215
- }
2216
- 100% {
2217
- transform: scale(0.6);
2218
- }
2219
- }
2220
- @keyframes fade {
2221
- 100% {
2222
- background-color: transparent;
2223
- }
2224
- }
2225
- .bk-fade-transtion .bk-fade-enter-active,
2226
- .bk-fade-transtion .bk-fade-leave-active {
2227
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
2228
- }
2229
- .bk-fade-transtion .bk-fade-enter,
2230
- .bk-fade-transtion .bk-fade-leave-to {
2231
- opacity: 0;
2232
- }
2233
- .bk-switcher {
2234
- position: relative;
2235
- display: inline-block;
2236
- height: 20px;
2237
- /* 默认尺寸 */
2238
- min-width: 36px;
2239
- padding: 0;
2240
- margin: 0;
2241
- font-size: 14px;
2242
- line-height: 20px;
2243
- text-align: left;
2244
- vertical-align: middle;
2245
- list-style: none;
2246
- cursor: pointer;
2247
- background-color: #c4c6cc;
2248
- border: 1px solid transparent;
2249
- border-radius: 50px;
2250
- border-radius: 100px;
2251
- box-sizing: border-box;
2252
- transition: all 0.4s ease;
2253
- transition: all 0.36s;
2254
- user-select: none;
2255
- /* 显示文本时固定尺寸 */
2256
- }
2257
- .bk-switcher:after {
2258
- position: absolute;
2259
- top: 1px;
2260
- left: 1px;
2261
- width: 16px;
2262
- height: 16px;
2263
- cursor: pointer;
2264
- background: #fff;
2265
- background-color: #fff;
2266
- border-radius: 18px;
2267
- content: ' ';
2268
- transition: all 0.3s ease;
2269
- }
2270
- .bk-switcher .switcher-text {
2271
- display: block;
2272
- margin-right: 6px;
2273
- margin-left: 28px;
2274
- font-size: 12px;
2275
- font-weight: 400;
2276
- color: #fff;
2277
- text-align: center;
2278
- transition: all 0.3s ease;
2279
- }
2280
- .bk-switcher .animating-node {
2281
- position: absolute;
2282
- top: 0;
2283
- right: 0;
2284
- bottom: 0;
2285
- left: 0;
2286
- display: block;
2287
- pointer-events: none;
2288
- border-radius: inherit;
2289
- content: '';
2290
- opacity: 0.2;
2291
- box-shadow: 0 0 0 0 #1890ff;
2292
- animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
2293
- animation-fill-mode: forwards;
2294
- }
2295
- .bk-switcher .bk-switcher-loading {
2296
- position: absolute;
2297
- top: 1px;
2298
- left: 1px;
2299
- z-index: 1;
2300
- width: 16px;
2301
- height: 16px;
2302
- font-size: 12px;
2303
- color: #c4c6cc;
2304
- cursor: pointer;
2305
- background: transparent;
2306
- border-radius: 16px;
2307
- content: ' ';
2308
- transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
2309
- }
2310
- .bk-switcher .bk-switcher-loading svg {
2311
- position: absolute;
2312
- top: 0;
2313
- right: 0;
2314
- bottom: 0;
2315
- left: 0;
2316
- margin: auto;
2317
- animation: loading 1s linear infinite;
2318
- }
2319
- .bk-switcher.is-loading {
2320
- cursor: defalt;
2321
- }
2322
- .bk-switcher.is-loading input[type=checkbox] {
2323
- cursor: default;
2324
- }
2325
- .bk-switcher.show-label {
2326
- height: 28px;
2327
- min-width: 60px;
2328
- line-height: 28px;
2329
- }
2330
- .bk-switcher.show-label::after {
2331
- width: 24px;
2332
- height: 24px;
2333
- }
2334
- .bk-switcher.show-label .bk-switcher-loading {
2335
- width: 24px;
2336
- height: 24px;
2337
- font-size: 20px;
2338
- }
2339
- .bk-switcher.show-label.is-checked .bk-switcher-loading {
2340
- left: 100%;
2341
- margin-left: -25px;
2342
- }
2343
- .bk-switcher.is-disabled {
2344
- cursor: not-allowed;
2345
- opacity: 0.3;
2346
- }
2347
- .bk-switcher.is-disabled .bk-switcher-loading {
2348
- cursor: not-allowed;
2349
- }
2350
- .bk-switcher.is-disabled::after {
2351
- cursor: not-allowed;
2352
- }
2353
- .bk-switcher.is-checked {
2354
- background: #2dcb56;
2355
- }
2356
- .bk-switcher.is-checked .bk-switcher-loading svg {
2357
- color: #2dcb56;
2358
- }
2359
- .bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary {
2360
- background: #3a84ff;
2361
- }
2362
- .bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary .bk-switcher-loading svg {
2363
- color: #3a84ff;
2364
- }
2365
- .bk-switcher.is-checked:after {
2366
- left: 100%;
2367
- margin-left: -1px;
2368
- transform: translateX(-100%);
2369
- }
2370
- .bk-switcher.is-checked .switcher-text {
2371
- margin-right: 28px;
2372
- margin-left: 6px;
2373
- }
2374
- .bk-switcher:not(.show-label).is-checked .bk-switcher-loading {
2375
- left: 100%;
2376
- margin-left: -17px;
2377
- }
2378
- .bk-switcher.bk-switcher-outline {
2379
- background: #fff;
2380
- border: 1px solid #c4c6cc;
2381
- }
2382
- .bk-switcher.bk-switcher-outline:after {
2383
- width: 24px;
2384
- height: 24px;
2385
- background-color: #c4c6cc;
2386
- box-shadow: none;
2387
- }
2388
- .bk-switcher.bk-switcher-outline .switcher-text {
2389
- color: #c4c6cc;
2390
- }
2391
- .bk-switcher.bk-switcher-outline.is-checked {
2392
- border: 1px solid #2dcb56;
2393
- }
2394
- .bk-switcher.bk-switcher-outline.is-checked:after {
2395
- background-color: #2dcb56;
2396
- }
2397
- .bk-switcher.bk-switcher-outline.is-checked .switcher-text {
2398
- color: #2dcb56;
2399
- }
2400
- .bk-switcher.bk-switcher-outline .bk-switcher-loading svg {
2401
- color: #fff;
2402
- }
2403
- .bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked {
2404
- border: 1px solid #3a84ff;
2405
- }
2406
- .bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked:after {
2407
- background: #3a84ff;
2408
- }
2409
- .bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked .switcher-text {
2410
- color: #3a84ff;
2411
- }
2412
- .bk-switcher.bk-switcher-square {
2413
- border-radius: 2px;
2414
- }
2415
- .bk-switcher.bk-switcher-square:after {
2416
- border-radius: 2px;
2417
- }
2418
- .bk-switcher.bk-switcher-large {
2419
- height: 24px;
2420
- min-width: 42px;
2421
- line-height: 22px;
2422
- }
2423
- .bk-switcher.bk-switcher-large:after {
2424
- width: 20px;
2425
- height: 20px;
2426
- }
2427
- .bk-switcher.bk-switcher-large .bk-switcher-loading {
2428
- width: 20px;
2429
- height: 20px;
2430
- font-size: 16px;
2431
- }
2432
- .bk-switcher.bk-switcher-large.is-checked .bk-switcher-loading {
2433
- margin-left: -21px;
2434
- }
2435
- .bk-switcher.bk-switcher-small {
2436
- height: 16px;
2437
- min-width: 26px;
2438
- line-height: 22px;
2439
- }
2440
- .bk-switcher.bk-switcher-small:after {
2441
- width: 12px;
2442
- height: 12px;
2443
- }
2444
- .bk-switcher.bk-switcher-small .bk-switcher-loading {
2445
- width: 12px;
2446
- height: 12px;
2447
- font-weight: 700;
2448
- transform: scale(0.66667);
2449
- }
2450
- .bk-switcher.bk-switcher-small.is-checked .bk-switcher-loading {
2451
- margin-left: -13px;
2452
- }
2453
- :not(.show-label).bk-switcher-nomal.bk-switcher-outline::after {
2454
- width: 16px;
2455
- height: 16px;
2456
- }
2457
- :not(.show-label).bk-switcher-outline.is-checked.bk-switcher-small::after {
2458
- width: 12px;
2459
- height: 12px;
2460
- }
2461
- :not(.show-label).bk-switcher-outline.is-checked.bk-switcher-large::after {
2462
- width: 20px;
2463
- height: 20px;
2464
- }
2465
- :not(.show-label).bk-switcher-outline.is-checked::after {
2466
- width: 16px;
2467
- height: 16px;
2468
- }
2469
- @keyframes fadeEffect {
2470
- 100% {
2471
- opacity: 0;
2472
- }
2473
- }
2474
- @keyframes waveEffect {
2475
- 100% {
2476
- box-shadow: 0 0 0 #1890ff;
2477
- }
2478
- }
2479
- @keyframes loading {
2480
- 100% {
2481
- transform: rotate(1turn);
2482
- }
2483
- }
2484
- .bk-table {
2485
- overflow: auto;
2486
- border-top: 1px solid #dcdee5;
2487
- border-bottom: 1px solid #dcdee5;
2488
- }
2489
- .bk-table .bk-table-head,
2490
- .bk-table .bk-table-body {
2491
- background: white;
2492
- }
2493
- .bk-table .bk-table-head table,
2494
- .bk-table .bk-table-body table {
2495
- width: 100%;
2496
- border-collapse: collapse;
2497
- }
2498
- .bk-table .bk-table-head table th,
2499
- .bk-table .bk-table-body table th,
2500
- .bk-table .bk-table-head table td,
2501
- .bk-table .bk-table-body table td {
2502
- min-width: 80px;
2503
- }
2504
- .bk-table .bk-table-head table th .cell,
2505
- .bk-table .bk-table-body table th .cell,
2506
- .bk-table .bk-table-head table td .cell,
2507
- .bk-table .bk-table-body table td .cell {
2508
- height: var(--row-height);
2509
- padding: 0 15px;
2510
- overflow: hidden;
2511
- line-height: var(--row-height);
2512
- color: #575961;
2513
- text-align: left;
2514
- text-overflow: ellipsis;
2515
- white-space: nowrap;
2516
- }
2517
- .bk-table .bk-table-head table thead th,
2518
- .bk-table .bk-table-body table thead th {
2519
- position: sticky;
2520
- top: 0;
2521
- z-index: 1;
2522
- color: #313238;
2523
- background-color: #fafbfd;
2524
- }
2525
- .bk-table .bk-table-head table thead th.active,
2526
- .bk-table .bk-table-body table thead th.active,
2527
- .bk-table .bk-table-head table thead th:hover,
2528
- .bk-table .bk-table-body table thead th:hover {
2529
- background: #f0f1f5;
2530
- }
2531
- .bk-table .bk-table-head table tbody tr:hover td,
2532
- .bk-table .bk-table-body table tbody tr:hover td {
2533
- background: #f5f7fa;
2534
- }
2535
- .bk-table.bordered-row .cell {
2536
- border-bottom: 1px solid #dcdee5;
2537
- }
2538
- .bk-table.bordered-outer {
2539
- border-right: 1px solid #dcdee5;
2540
- border-left: 1px solid #dcdee5;
2541
- }
2542
- .bk-table.bordered-col th .cell,
2543
- .bk-table.bordered-col td .cell {
2544
- border-right: 1px solid #dcdee5;
2545
- }
2546
- .bk-table.bordered-col th:last-child .cell,
2547
- .bk-table.bordered-col td:last-child .cell {
2548
- border-right: none;
2549
- }
2550
- .bk-table.bordered-none th .cell,
2551
- .bk-table.bordered-none td .cell {
2552
- border-top: none;
2553
- border-right: none;
2554
- border-bottom: none;
2555
- border-left: none;
2556
- }
2557
- .bk-table .bk-table-fixed {
2558
- width: 100%;
2559
- }
2560
- .bk-table colgroup col {
2561
- background: white;
2562
- }
2563
- .bk-table colgroup col.active {
2564
- position: relative;
2565
- background: #f0f1f5;
2566
- }
2567
- .bk-form {
2568
- text-align: left;
2569
- }
2570
- .bk-form .bk-form-item {
2571
- display: flex;
2572
- margin-bottom: 24px;
2573
- }
2574
- .bk-form .bk-form-label {
2575
- width: 150px;
2576
- padding-right: 24px;
2577
- font-size: 14px;
2578
- font-weight: normal;
2579
- line-height: 32px;
2580
- color: #63656e;
2581
- text-align: right;
2582
- }
2583
- .bk-form .bk-form-content {
2584
- position: relative;
2585
- line-height: 32px;
2586
- }
2587
- .bk-form .bk-form-error {
2588
- position: absolute;
2589
- left: 0;
2590
- padding-top: 4px;
2591
- font-size: 12px;
2592
- line-height: 1;
2593
- color: #ea3636;
2594
- text-align: left;
2595
- }
2596
- .bk-form--vertical .bk-form-item {
2597
- flex-direction: column;
2598
- }
2599
- .bk-form--vertical .bk-form-label {
2600
- width: auto;
2601
- text-align: left;
2602
- }
2603
- .bk-form--vertical .bk-form-content {
2604
- text-align: left;
2605
- }
2606
- * {
2607
- box-sizing: border-box;
2608
- }
2609
- @keyframes loadingCircle {
2610
- 100% {
2611
- transform: rotate(360deg);
2612
- }
2613
- }
2614
- .bk-steps {
2615
- display: flex;
2616
- width: 100%;
2617
- font-size: 0;
2618
- }
2619
- .bk-steps .icon-circle-4-1 {
2620
- width: 12px;
2621
- height: 12px;
2622
- border: 2px solid #fff;
2623
- border-right: 0;
2624
- border-bottom: 0;
2625
- border-left: 0;
2626
- border-radius: 7px;
2627
- }
2628
- .bk-steps .bk-icon {
2629
- font-size: 24px;
2630
- line-height: 24px;
2631
- }
2632
- .bk-steps .bk-icon.icon-loading {
2633
- display: inline-block;
2634
- font-size: 14px;
2635
- animation: loadingCircle 1s infinite linear;
2636
- }
2637
- .bk-steps .bk-step {
2638
- position: relative;
2639
- margin-right: 8px;
2640
- overflow: hidden;
2641
- text-align: left;
2642
- white-space: nowrap;
2643
- flex: 1;
2644
- }
2645
- .bk-steps .bk-step .bk-step-indicator {
2646
- z-index: 1;
2647
- display: inline-flex;
2648
- width: 24px;
2649
- height: 24px;
2650
- padding: 0;
2651
- margin-right: 8px;
2652
- line-height: 24px;
2653
- color: #979ba5;
2654
- text-align: center;
2655
- vertical-align: top;
2656
- background-color: #fff;
2657
- border: 1px solid #979ba5;
2658
- border-radius: 50%;
2659
- box-sizing: border-box;
2660
- align-items: center;
2661
- justify-content: center;
2662
- }
2663
- .bk-steps .bk-step .bk-step-number {
2664
- font-family: arial;
2665
- font-size: 14px;
2666
- }
2667
- .bk-steps .bk-step .bk-step-content {
2668
- display: inline-block;
2669
- vertical-align: top;
2670
- }
2671
- .bk-steps .bk-step .bk-step-title {
2672
- position: relative;
2673
- display: inline-block;
2674
- padding-right: 8px;
2675
- font-size: 14px;
2676
- line-height: 24px;
2677
- color: #63656e;
2678
- word-break: break-all;
2679
- }
2680
- .bk-steps .bk-step .bk-step-title::after {
2681
- position: absolute;
2682
- top: 12px;
2683
- left: 100%;
2684
- width: 99999px;
2685
- height: 1px;
2686
- background-color: transparent;
2687
- content: '';
2688
- }
2689
- .bk-steps .bk-step .bk-step-description {
2690
- max-width: 140px;
2691
- font-size: 12px;
2692
- color: #979ba5;
2693
- white-space: normal;
2694
- }
2695
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator {
2696
- margin-right: 0;
2697
- }
2698
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2699
- position: absolute;
2700
- top: 12px;
2701
- left: 100%;
2702
- width: 99999px;
2703
- height: 1px;
2704
- background-color: transparent;
2705
- content: '';
2706
- }
2707
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2708
- top: 10px;
2709
- left: 32px;
2710
- }
2711
- .bk-steps .bk-step:last-child {
2712
- margin-right: 0;
2713
- flex: none;
2714
- }
2715
- .bk-steps .bk-step:last-child .bk-step-title {
2716
- padding-right: 0;
2717
- }
2718
- .bk-steps .bk-step:last-child .bk-step-title::after {
2719
- display: none;
2720
- }
2721
- .bk-steps .bk-step.done .bk-step-title,
2722
- .bk-steps .bk-step.done .bk-step-description {
2723
- color: #63656e;
2724
- }
2725
- .bk-steps .bk-step.done .bk-steps-icon {
2726
- font-size: 22px;
2727
- }
2728
- .bk-steps .bk-step.current .bk-step-number,
2729
- .bk-steps .bk-step.current .bk-step-icon,
2730
- .bk-steps .bk-step.current .bk-step-text {
2731
- border-width: 2px;
2732
- }
2733
- .bk-steps .bk-step.current .bk-step-title,
2734
- .bk-steps .bk-step.current .bk-step-description {
2735
- color: #63656e;
2736
- }
2737
- .bk-steps .bk-step.current.bk-step-error .bk-step-indicator {
2738
- background-color: #ea3636;
2739
- border-color: #ea3636;
2740
- }
2741
- .bk-steps .bk-step.current.bk-step-error .bk-step-title,
2742
- .bk-steps .bk-step.current.bk-step-error .bk-step-description {
2743
- color: #ea3636;
2744
- }
2745
- .bk-steps-primary .bk-step.done .bk-step-number,
2746
- .bk-steps-primary .bk-step.done .bk-step-icon,
2747
- .bk-steps-primary .bk-step.done .bk-step-text {
2748
- color: #3a84ff;
2749
- border-color: #3a84ff;
2750
- }
2751
- .bk-steps-primary .bk-step.done .bk-step-title::after,
2752
- .bk-steps-primary .bk-step.done .bk-step-indicator::after {
2753
- background-image: linear-gradient(to right, #3a84ff 50%, transparent 0%);
2754
- }
2755
- .bk-steps-primary .bk-step.done::after {
2756
- background-image: linear-gradient(#3a84ff 50%, transparent 0%);
2757
- }
2758
- .bk-steps-primary .bk-step.current .bk-step-number,
2759
- .bk-steps-primary .bk-step.current .bk-step-icon,
2760
- .bk-steps-primary .bk-step.current .bk-step-text {
2761
- color: #fff;
2762
- background-color: #3a84ff;
2763
- border-color: #3a84ff;
2764
- }
2765
- .bk-steps-warning .bk-step.done .bk-step-number,
2766
- .bk-steps-warning .bk-step.done .bk-step-icon,
2767
- .bk-steps-warning .bk-step.done .bk-step-text {
2768
- color: #ff9c01;
2769
- border-color: #ff9c01;
2770
- }
2771
- .bk-steps-warning .bk-step.done .bk-step-title::after,
2772
- .bk-steps-warning .bk-step.done .bk-step-indicator::after {
2773
- background-image: linear-gradient(to right, #ff9c01 50%, transparent 0%);
2774
- }
2775
- .bk-steps-warning .bk-step.done::after {
2776
- background-image: linear-gradient(#ff9c01 50%, transparent 0%);
2777
- }
2778
- .bk-steps-warning .bk-step.current .bk-step-number,
2779
- .bk-steps-warning .bk-step.current .bk-step-icon,
2780
- .bk-steps-warning .bk-step.current .bk-step-text {
2781
- color: #fff;
2782
- background-color: #ff9c01;
2783
- border-color: #ff9c01;
2784
- }
2785
- .bk-steps-success .bk-step.done .bk-step-number,
2786
- .bk-steps-success .bk-step.done .bk-step-icon,
2787
- .bk-steps-success .bk-step.done .bk-step-text {
2788
- color: #2dcb56;
2789
- border-color: #2dcb56;
2790
- }
2791
- .bk-steps-success .bk-step.done .bk-step-title::after,
2792
- .bk-steps-success .bk-step.done .bk-step-indicator::after {
2793
- background-image: linear-gradient(to right, #2dcb56 50%, transparent 0%);
2794
- }
2795
- .bk-steps-success .bk-step.done::after {
2796
- background-image: linear-gradient(#2dcb56 50%, transparent 0%);
2797
- }
2798
- .bk-steps-success .bk-step.current .bk-step-number,
2799
- .bk-steps-success .bk-step.current .bk-step-icon,
2800
- .bk-steps-success .bk-step.current .bk-step-text {
2801
- color: #fff;
2802
- background-color: #2dcb56;
2803
- border-color: #2dcb56;
2804
- }
2805
- .bk-steps-danger .bk-step.done .bk-step-number,
2806
- .bk-steps-danger .bk-step.done .bk-step-icon,
2807
- .bk-steps-danger .bk-step.done .bk-step-text {
2808
- color: #ea3636;
2809
- border-color: #ea3636;
2810
- }
2811
- .bk-steps-danger .bk-step.done .bk-step-title::after,
2812
- .bk-steps-danger .bk-step.done .bk-step-indicator::after {
2813
- background-image: linear-gradient(to right, #ea3636 50%, transparent 0%);
2814
- }
2815
- .bk-steps-danger .bk-step.done::after {
2816
- background-image: linear-gradient(#ea3636 50%, transparent 0%);
2817
- }
2818
- .bk-steps-danger .bk-step.current .bk-step-number,
2819
- .bk-steps-danger .bk-step.current .bk-step-icon,
2820
- .bk-steps-danger .bk-step.current .bk-step-text {
2821
- color: #fff;
2822
- background-color: #ea3636;
2823
- border-color: #ea3636;
2824
- }
2825
- .bk-steps-dashed .bk-step .bk-step-title::after,
2826
- .bk-steps-dashed .bk-step .bk-step-indicator::after {
2827
- background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
2828
- background-position: bottom;
2829
- background-repeat: repeat-x;
2830
- background-size: 6px 1px;
2831
- }
2832
- .bk-steps-solid .bk-step .bk-step-title::after,
2833
- .bk-steps-solid .bk-step .bk-step-indicator::after {
2834
- background-color: #c4c6cc;
2835
- }
2836
- .bk-steps-vertical {
2837
- flex-direction: column;
2838
- height: 100%;
2839
- }
2840
- .bk-steps-vertical .bk-step {
2841
- margin-right: 0;
2842
- margin-bottom: 8px;
2843
- }
2844
- .bk-steps-vertical .bk-step .bk-step-title::after,
2845
- .bk-steps-vertical .bk-step .bk-step-indicator::after {
2846
- display: none;
2847
- }
2848
- .bk-steps-vertical .bk-step::after {
2849
- position: absolute;
2850
- top: 32px;
2851
- left: 12px;
2852
- width: 1px;
2853
- height: 100%;
2854
- background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
2855
- background-position: right;
2856
- background-repeat: repeat-y;
2857
- background-size: 1px 6px;
2858
- content: '';
2859
- }
2860
- .bk-steps-vertical .bk-step .bk-step-title {
2861
- display: flex;
2862
- height: 100%;
2863
- margin-top: 0;
2864
- text-align: left;
2865
- align-items: center;
2866
- }
2867
- .bk-steps-small .bk-step .bk-step-indicator {
2868
- width: 20px;
2869
- height: 20px;
2870
- line-height: 20px;
2871
- }
2872
- .bk-steps-small .bk-step .bk-step-title {
2873
- font-size: 12px;
2874
- line-height: 20px;
2875
- }
2876
- .bk-steps-small .bk-step .bk-step-number {
2877
- font-size: 12px;
2878
- }
2879
- .bk-steps-small .bk-step .bk-icon {
2880
- font-size: 20px;
2881
- line-height: 24px;
2882
- }
2883
- .bk-steps-small .bk-step::after {
2884
- top: 28px;
2885
- left: 10px;
2886
- }
2887
- .bk-steps-small .bk-step .bk-step-title::after {
2888
- top: 10px;
2889
- }
2890
- .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
2891
- top: 8px;
2892
- left: 28px;
2893
- }
2894
- .bk-message {
2895
- position: fixed;
2896
- top: 20px;
2897
- left: 50%;
2898
- display: flex;
2899
- min-width: 300px;
2900
- padding: 10px 15px;
2901
- font-size: 14px;
2902
- color: #63656e;
2903
- background: #f0f8ff;
2904
- border: 1px solid #e1ecff;
2905
- border-radius: 2px;
2906
- transform: translateX(-50%);
2907
- box-shadow: 0px 2px 4px 0px rgba(16, 37, 74, 0.1);
2908
- justify-content: space-between;
2909
- }
2910
- .bk-message .bk-message-close {
2911
- padding-left: 20px;
2912
- margin-right: 0;
2913
- font-size: 18px;
2914
- cursor: pointer;
2915
- }
2916
- .bk-message-icon {
2917
- display: inline-block;
2918
- margin-right: 10px;
2919
- font-size: 18px;
2920
- color: #3a84ff;
2921
- }
2922
- .bk-message-primary {
2923
- background: #f0f8ff;
2924
- border: 1px solid #e1ecff;
2925
- }
2926
- .bk-message-warning {
2927
- background: #fff4e2;
2928
- border: 1px solid #ffe8c3;
2929
- }
2930
- .bk-message-warning .bk-message-icon {
2931
- color: #ff9c01;
2932
- }
2933
- .bk-message-success {
2934
- background: #f2fff4;
2935
- border: 1px solid #dcffe2;
2936
- }
2937
- .bk-message-success .bk-message-icon {
2938
- color: #2dcb56;
2939
- }
2940
- .bk-message-danger {
2941
- background: #ffeded;
2942
- border: 1px solid #ffdddd;
2943
- }
2944
- .bk-message-danger .bk-message-icon {
2945
- color: #ea3636;
2946
- }
2947
- .bk-notify {
2948
- position: fixed;
2949
- display: flex;
2950
- width: 360px;
2951
- padding: 24px;
2952
- font-size: 14px;
2953
- line-height: 20px;
2954
- color: #63656e;
2955
- background: #fff;
2956
- border: 1px solid #f0f1f5;
2957
- border-radius: 2px;
2958
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
2959
- }
2960
- .bk-notify .bk-notify-icon {
2961
- position: absolute;
2962
- top: 22px;
2963
- margin-right: 5px;
2964
- font-size: 18px;
2965
- color: #3a84ff;
2966
- }
2967
- .bk-notify.bk-notify-warning .bk-notify-icon {
2968
- color: #ff9c01;
2969
- }
2970
- .bk-notify.bk-notify-success .bk-notify-icon {
2971
- color: #2dcb56;
2972
- }
2973
- .bk-notify.bk-notify-danger .bk-notify-icon {
2974
- color: #ea3636;
2975
- }
2976
- .bk-notify .bk-notify-icon.bk-notify-close {
2977
- top: 8px;
2978
- right: 12px;
2979
- margin-right: 0;
2980
- font-size: 18px;
2981
- color: #979ba5;
2982
- cursor: pointer;
2983
- }
2984
- .bk-notify .bk-notify-content-header {
2985
- display: inline-block;
2986
- padding-left: 23px;
2987
- margin-top: 0;
2988
- margin-bottom: 4px;
2989
- font-size: 14px;
2990
- font-weight: 700;
2991
- }
2992
- .bk-notify .bk-notify-content-text {
2993
- display: inline-block;
2994
- padding-left: 23px;
2995
- }
2996
- .bk-tree .bk-tree-node {
2997
- position: relative;
2998
- height: var(--lineHeight);
2999
- padding-left: 0;
3000
- line-height: var(--lineHeight);
3001
- cursor: pointer;
3002
- }
3003
- .bk-tree .bk-tree-node.is-open:not(.is-virtual-render)::after {
3004
- position: absolute;
3005
- top: calc(var(--lineHeight) / 2 + 6px);
3006
- left: 6px;
3007
- z-index: 1;
3008
- width: 0;
3009
- height: calc(var(--lines) * var(--lineHeight) - 6px);
3010
- pointer-events: none;
3011
- border-left: var(--level-line);
3012
- content: '';
3013
- }
3014
- .bk-tree .bk-tree-node:not(.is-root) {
3015
- margin-left: calc(var(--depth)*var(--indent));
3016
- }
3017
- .bk-tree .bk-tree-node:not(.is-root)::before {
3018
- position: absolute;
3019
- top: calc(50% + 1px);
3020
- left: calc(0px - var(--indent) + 6px);
3021
- z-index: 1;
3022
- width: calc(var(--indent) - 6px);
3023
- height: 0;
3024
- pointer-events: none;
3025
- border-bottom: var(--level-line);
3026
- content: '';
3027
- }
3028
- .bk-tree .bk-tree-node .node-virtual-line {
3029
- display: inline-block;
3030
- position: absolute;
3031
- left: calc(var(--depth) * var(--indent) * -1 + 6px);
3032
- top: -12px;
3033
- bottom: 50%;
3034
- width: 0;
3035
- border-left: var(--level-line);
3036
- }
3037
- .bk-tree .bk-tree-node .bk-tree-icon {
3038
- margin: 0 6px 0 4px;
3039
- }
3040
- .bk-slider {
3041
- display: flex;
3042
- flex-direction: row;
3043
- align-items: center;
3044
- }
3045
- .bk-slider .bk-slider-runway {
3046
- position: relative;
3047
- width: 100%;
3048
- height: 4px;
3049
- vertical-align: middle;
3050
- cursor: pointer;
3051
- background: #dcdee5;
3052
- border-radius: 2px;
3053
- opacity: 1;
3054
- }
3055
- .bk-slider .bk-slider-runway .bk-slider-bar {
3056
- position: absolute;
3057
- height: 4px;
3058
- background: #3a84ff;
3059
- border-bottom-left-radius: 3px;
3060
- border-top-left-radius: 3px;
3061
- }
3062
- .bk-slider .bk-slider-runway .bk-slider-bar.vertical {
3063
- width: 4px;
3064
- }
3065
- .bk-slider .bk-slider-runway .bk-slider-bar.horizontal {
3066
- height: 4px;
3067
- }
3068
- .bk-slider .bk-slider-runway .disable {
3069
- background: #979ba5;
3070
- }
3071
- .bk-slider .bk-slider-runway .bk-slider-labels {
3072
- position: relative;
3073
- }
3074
- .bk-slider .bk-slider-runway .bk-slider-labels.vertical {
3075
- left: 18px;
3076
- display: flex;
3077
- width: 10px;
3078
- height: 100%;
3079
- flex-direction: column;
3080
- justify-content: space-between;
3081
- }
3082
- .bk-slider .bk-slider-runway .bk-slider-labels.horizontal {
3083
- top: 10px;
3084
- display: flex;
3085
- width: 100%;
3086
- height: 10px;
3087
- flex-direction: row;
3088
- justify-content: space-between;
3089
- }
3090
- .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label {
3091
- position: absolute;
3092
- display: flex;
3093
- width: 10px;
3094
- height: 10px;
3095
- text-align: center;
3096
- white-space: nowrap;
3097
- align-items: center;
3098
- justify-content: center;
3099
- }
3100
- .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.vertical {
3101
- left: 10px;
3102
- transform: translateY(50%);
3103
- }
3104
- .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.horizontal {
3105
- top: 10px;
3106
- transform: translateX(-50%);
3107
- }
3108
- .bk-slider .bk-slider-interval {
3109
- position: absolute;
3110
- width: 4px;
3111
- height: 4px;
3112
- background-color: #fff;
3113
- border-radius: 100%;
3114
- transform: translateX(-50%);
3115
- }
3116
- .bk-slider .bk-slider-interval.vertical {
3117
- left: 2px;
3118
- }
3119
- .bk-slider-input {
3120
- display: flex;
3121
- margin: 0 0 0 28px;
3122
- flex-direction: row;
3123
- align-items: center;
3124
- }
3125
- .bk-slider-input .input-item {
3126
- width: 92px;
3127
- }
3128
- .bk-slider-input .input-center {
3129
- margin: 0 7px;
3130
- }
3131
- .bk-slider-button {
3132
- position: absolute;
3133
- z-index: 1001;
3134
- display: flex;
3135
- width: 24px;
3136
- height: 24px;
3137
- line-height: normal;
3138
- text-align: center;
3139
- background-color: transparent;
3140
- user-select: none;
3141
- justify-content: center;
3142
- align-items: center;
3143
- }
3144
- .bk-slider-button:hover {
3145
- cursor: grab;
3146
- }
3147
- .bk-slider-button.grabbing {
3148
- cursor: grabbing;
3149
- }
3150
- .bk-slider-button.vertical {
3151
- left: -10px;
3152
- transform: translateY(50%);
3153
- }
3154
- .bk-slider-button.horizontal {
3155
- top: -10px;
3156
- transform: translateX(-50%);
3157
- }
3158
- .bk-slider-button .slider-button {
3159
- width: 12px;
3160
- height: 12px;
3161
- background-color: #fff;
3162
- border: 2px solid #3a84ff;
3163
- border-radius: 50%;
3164
- transition: 0.2s;
3165
- user-select: none;
3166
- }
3167
- .bk-slider-button .slider-button-disable {
3168
- border: 2px solid #979ba5;
3169
- }
3170
- .bk-slider-button .slider-button:hover {
3171
- box-shadow: 0px 0px 0px 4px rgba(58, 132, 255, 0.3);
3172
- }
3173
- .bk-slider-button .slider-button:focus {
3174
- box-shadow: 0px 0px 10px 0px rgba(58, 132, 255, 0.9);
3175
- }
3176
- .bk-slider-button .slider-button-label {
3177
- position: absolute;
3178
- display: flex;
3179
- text-align: center;
3180
- align-items: center;
3181
- justify-content: center;
3182
- }
3183
- .bk-slider-button .slider-button-label.vertical {
3184
- left: 28px;
3185
- }
3186
- .bk-slider-button .slider-button-label.horizontal {
3187
- top: 20px;
3188
- }
3189
- @keyframes loading-scale-animate {
3190
- 0% {
3191
- transform: scale(1);
3192
- }
3193
- 100% {
3194
- transform: scale(0.6);
3195
- }
3196
- }
3197
- @keyframes fade {
3198
- 100% {
3199
- background-color: transparent;
3200
- }
3201
- }
3202
- .bk-fade-transtion .bk-fade-enter-active,
3203
- .bk-fade-transtion .bk-fade-leave-active {
3204
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
3205
- }
3206
- .bk-fade-transtion .bk-fade-enter,
3207
- .bk-fade-transtion .bk-fade-leave-to {
3208
- opacity: 0;
3209
- }
3210
- .collapse {
3211
- width: 60px;
3212
- }
3213
- .open {
3214
- background: #151d2c;
3215
- }
3216
- .bk-menu {
3217
- display: flex;
3218
- width: 260px;
3219
- background-color: #182132;
3220
- flex-direction: column;
3221
- transition: width 0.3s ease-out;
3222
- }
3223
- .bk-menu.is-collapse {
3224
- width: 60px;
3225
- }
3226
- .bk-menu-submenu {
3227
- display: flex;
3228
- flex-direction: column;
3229
- overflow: hidden;
3230
- text-overflow: clip;
3231
- white-space: nowrap;
3232
- align-items: center;
3233
- transition: width 0.3s ease-out;
3234
- }
3235
- .bk-menu-submenu.is-opened {
3236
- background: #151d2c;
3237
- }
3238
- .bk-menu-submenu:hover {
3239
- color: white;
3240
- cursor: pointer;
3241
- }
3242
- .bk-menu-submenu .submenu-header {
3243
- display: flex;
3244
- width: 100%;
3245
- height: 40px;
3246
- align-items: center;
3247
- }
3248
- .bk-menu-submenu .submenu-header.is-collapse {
3249
- color: white;
3250
- background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
3251
- }
3252
- .bk-menu-submenu .submenu-header-icon {
3253
- display: flex;
3254
- height: 100%;
3255
- font-size: 18px;
3256
- flex: 0 0 60px;
3257
- align-items: center;
3258
- justify-content: center;
3259
- }
3260
- .bk-menu-submenu .submenu-header-icon .menu-icon {
3261
- display: flex;
3262
- width: 16px;
3263
- height: 16px;
3264
- font-size: 16px;
3265
- align-items: center;
3266
- justify-content: center;
3267
- color: #b0bdd5;
3268
- }
3269
- .bk-menu-submenu .submenu-header-content {
3270
- display: flex;
3271
- height: 100%;
3272
- align-items: center;
3273
- flex: 1;
3274
- color: #acb9d1;
3275
- }
3276
- .bk-menu-submenu .submenu-header-collapse {
3277
- display: flex;
3278
- width: 16px;
3279
- height: 16px;
3280
- font-size: 16px;
3281
- align-items: center;
3282
- justify-content: center;
3283
- margin-right: 16px;
3284
- color: #acb9d1;
3285
- transform: rotate(-90deg);
3286
- transition: transform 0.3s ease-out;
3287
- }
3288
- .bk-menu-submenu .submenu-header-collapse.is-collapse {
3289
- transform: rotate(0deg);
3290
- }
3291
- .bk-menu-submenu .submenu-list {
3292
- display: flex;
3293
- width: 100%;
3294
- padding: 0;
3295
- margin: 0;
3296
- flex-direction: column;
3297
- flex: 1;
3298
- /* stylelint-disable-next-line declaration-no-important */
3299
- transition-property: all !important;
3300
- }
3301
- .bk-menu-item {
3302
- display: flex;
3303
- width: 100%;
3304
- height: 40px;
3305
- min-height: 40px;
3306
- margin: 2px 0;
3307
- overflow: hidden;
3308
- font-size: 14px;
3309
- color: #96a2b9;
3310
- text-overflow: clip;
3311
- white-space: nowrap;
3312
- align-items: center;
3313
- transition: width 0.3s ease-in-out;
3314
- }
3315
- .bk-menu-item:hover {
3316
- color: white;
3317
- cursor: pointer;
3318
- }
3319
- .bk-menu-item.is-active {
3320
- color: white;
3321
- background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
3322
- }
3323
- .bk-menu-item .item-icon {
3324
- display: flex;
3325
- height: 100%;
3326
- font-size: 18px;
3327
- flex: 0 0 60px;
3328
- align-items: center;
3329
- justify-content: center;
3330
- }
3331
- .bk-menu-item .item-icon .default-icon {
3332
- display: inline-block;
3333
- width: 3px;
3334
- height: 3px;
3335
- background: #63656e;
3336
- background-color: white;
3337
- border-radius: 50%;
3338
- }
3339
- .bk-menu-item .item-content {
3340
- display: flex;
3341
- height: 100%;
3342
- align-items: center;
3343
- flex: 1;
3344
- }
3345
- .bk-menu-group {
3346
- display: flex;
3347
- flex-direction: column;
3348
- }
3349
- .bk-menu-group .group-name {
3350
- display: flex;
3351
- height: 40px;
3352
- margin: 0 18px;
3353
- overflow: hidden;
3354
- font-size: 12px;
3355
- line-height: 16px;
3356
- color: #63656e;
3357
- text-overflow: clip;
3358
- white-space: nowrap;
3359
- flex-wrap: nowrap;
3360
- align-items: center;
3361
- }
3362
- .bk-menu-group .group-wrap {
3363
- display: flex;
3364
- flex-direction: column;
3365
- padding: 0;
3366
- margin: 0;
3367
- }
3368
- .bk-menu .collapse-transition {
3369
- transition: all 0.3s ease-in-out;
3370
- }
3371
- .bk-navigation {
3372
- display: flex;
3373
- flex-direction: column;
3374
- width: 100%;
3375
- height: 100%;
3376
- }
3377
- .bk-navigation-title {
3378
- display: flex;
3379
- height: 100%;
3380
- padding: 0 16px;
3381
- overflow: hidden;
3382
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
3383
- align-items: center;
3384
- justify-content: flex-start;
3385
- flex: 0 0 260px;
3386
- }
3387
- .bk-navigation-title .title-icon {
3388
- display: flex;
3389
- font-size: 28px;
3390
- color: #768197;
3391
- flex: 0 0 28px;
3392
- align-items: center;
3393
- justify-content: center;
3394
- }
3395
- .bk-navigation-title .title-desc {
3396
- display: inline-block;
3397
- margin-left: 16px;
3398
- overflow: hidden;
3399
- font-size: 16px;
3400
- font-weight: bold;
3401
- line-height: 24px;
3402
- color: #96a2b9;
3403
- white-space: nowrap;
3404
- }
3405
- .bk-navigation-header {
3406
- flex: 0 0 52px;
3407
- display: flex;
3408
- align-items: center;
3409
- padding-right: 24px;
3410
- overflow: hidden;
3411
- background: #182132;
3412
- }
3413
- .bk-navigation-header .header-right {
3414
- display: flex;
3415
- height: 100%;
3416
- flex: 1;
3417
- align-items: center;
3418
- }
3419
- .bk-navigation-wrapper {
3420
- position: relative;
3421
- display: flex;
3422
- flex-direction: row;
3423
- flex: 1;
3424
- }
3425
- .bk-navigation-wrapper .navigation-nav {
3426
- position: relative;
3427
- z-index: 101;
3428
- display: flex;
3429
- width: 60px;
3430
- min-width: 0;
3431
- min-height: 0;
3432
- overflow: visible;
3433
- transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3434
- flex: 0 1 auto;
3435
- flex-direction: column;
3436
- }
3437
- .bk-navigation-wrapper .navigation-nav:hover {
3438
- cursor: pointer;
3439
- }
3440
- .bk-navigation-wrapper .navigation-nav .nav-slider {
3441
- display: flex;
3442
- width: 60px;
3443
- height: 100%;
3444
- background-color: #182132;
3445
- transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3446
- flex: 1;
3447
- flex-direction: column;
3448
- }
3449
- .bk-navigation-wrapper .navigation-nav .nav-slider-list {
3450
- max-height: calc(100vh - 100px);
3451
- padding: 12px 0 4px 0;
3452
- margin: 0;
3453
- overflow: auto;
3454
- flex: 1 1 auto;
3455
- }
3456
- .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar {
3457
- display: none;
3458
- width: 6px;
3459
- height: 5px;
3460
- }
3461
- .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar:hover {
3462
- transform: none;
3463
- transition: opacity 340ms ease-out;
3464
- }
3465
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer {
3466
- display: flex;
3467
- padding-left: 14px;
3468
- flex: 0 0 56px;
3469
- align-items: center;
3470
- justify-content: flex-start;
3471
- }
3472
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon {
3473
- display: flex;
3474
- width: 32px;
3475
- height: 32px;
3476
- font-size: 14px;
3477
- color: #63656e;
3478
- border-radius: 100%;
3479
- align-items: center;
3480
- justify-content: center;
3481
- transform-origin: center center;
3482
- }
3483
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon-svg {
3484
- display: flex;
3485
- width: 16px;
3486
- height: 16px;
3487
- font-size: 16px;
3488
- transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3489
- align-items: center;
3490
- justify-content: center;
3491
- transform-origin: center center;
3492
- }
3493
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left {
3494
- color: #96a2b9;
3495
- }
3496
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left:hover {
3497
- color: #d3d9e4;
3498
- cursor: pointer;
3499
- background: linear-gradient(270deg, #253047 0%, #263247 100%);
3500
- }
3501
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon:hover {
3502
- color: #3a3c42;
3503
- cursor: pointer;
3504
- background: linear-gradient(270deg, #dee0ea 0%, #eaecf2 100%);
3505
- }
3506
- .bk-navigation-wrapper .navigation-container {
3507
- position: relative;
3508
- display: flex;
3509
- max-width: calc(100vw - 60px);
3510
- min-width: 0;
3511
- min-height: 0;
3512
- flex: 1 1 1px;
3513
- flex-direction: column;
3514
- }
3515
- .bk-navigation-wrapper .navigation-container .container-header {
3516
- z-index: 100;
3517
- display: flex;
3518
- width: 100%;
3519
- height: 60px;
3520
- padding: 0 24px;
3521
- background: #fff;
3522
- border-bottom: 1px solid #dcdee5;
3523
- box-shadow: 0px 3px 4px 0px rgba(64, 112, 203, 0.06);
3524
- flex-basis: 60px;
3525
- flex-direction: row;
3526
- align-items: center;
3527
- justify-content: flex-end;
3528
- }
3529
- .bk-navigation-wrapper .navigation-container .container-header-title {
3530
- height: 21px;
3531
- font-size: 16px;
3532
- line-height: 21px;
3533
- color: #313238;
3534
- }
3535
- .bk-navigation-wrapper .navigation-container .container-header-sets {
3536
- display: flex;
3537
- flex: 1 1 auto;
3538
- align-items: center;
3539
- justify-content: flex-end;
3540
- }
3541
- .bk-navigation-wrapper .navigation-container .container-content {
3542
- max-height: calc(100vh - 60px);
3543
- padding: 20px 24px 0;
3544
- overflow: auto;
3545
- background: #f5f7fa;
3546
- flex: 1;
3547
- }
3548
- .bk-navigation-wrapper .navigation-container .container-footer {
3549
- display: flex;
3550
- flex: 0 0 auto;
3551
- flex-direction: row;
3552
- align-items: center;
3553
- justify-content: center;
3554
- }
3555
- .bk-date-picker {
3556
- display: inline-block;
3557
- width: 261px;
3558
- line-height: normal;
3559
- }
3560
- .bk-date-picker.long {
3561
- width: 342px;
3562
- }
3563
- .bk-date-picker.medium-width {
3564
- width: 362px;
3565
- }
3566
- .bk-date-picker.large-width {
3567
- width: 402px;
3568
- }
3569
- .bk-date-picker-rel {
3570
- position: relative;
3571
- }
3572
- .bk-date-picker-rel .bk-date-picker-editor {
3573
- display: block;
3574
- width: 100%;
3575
- height: 32px;
3576
- padding: 0 10px 0 30px;
3577
- font-size: 12px;
3578
- line-height: 32px;
3579
- color: #63656e;
3580
- cursor: pointer;
3581
- border: 1px solid #c4c6cc;
3582
- border-radius: 2px;
3583
- outline: none;
3584
- }
3585
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {
3586
- border-color: transparent transparent #c4c6cc transparent;
3587
- }
3588
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {
3589
- border-color: transparent transparent #3a84ff transparent;
3590
- box-shadow: none;
3591
- }
3592
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],
3593
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {
3594
- border-color: transparent transparent #dcdee5 transparent;
3595
- }
3596
- .bk-date-picker-rel .bk-date-picker-editor:focus {
3597
- border: 1px solid #3a84ff;
3598
- }
3599
- .bk-date-picker-rel .bk-date-picker-editor::placeholder {
3600
- color: #c4c6cc;
3601
- }
3602
- .bk-date-picker-rel .bk-date-picker-editor[disabled] {
3603
- color: #c4c6cc;
3604
- cursor: not-allowed;
3605
- background-color: #fafbfd;
3606
- border-color: #c4c6cc;
3607
- }
3608
- .bk-date-picker-rel .bk-date-picker-editor.readonly {
3609
- background-color: #fafbfd;
3610
- border-color: #c4c6cc;
3611
- }
3612
- .bk-date-picker-rel .bk-date-picker-editor.medium-font {
3613
- font-size: 14px;
3614
- }
3615
- .bk-date-picker-rel .bk-date-picker-editor.large-font {
3616
- font-size: 16px;
3617
- }
3618
- .bk-date-picker-rel .clear-action {
3619
- position: absolute;
3620
- top: 50%;
3621
- right: 10px;
3622
- font-size: 14px;
3623
- color: #c4c6cc;
3624
- cursor: pointer;
3625
- transform: translateY(-50%);
3626
- }
3627
- .bk-date-picker-rel .clear-action:hover {
3628
- color: #979ba5;
3629
- }
3630
- .bk-date-picker-rel .icon-wrapper {
3631
- position: absolute;
3632
- top: 0;
3633
- left: 0;
3634
- display: inline-block;
3635
- width: 32px;
3636
- height: 32px;
3637
- color: #c4c6cc;
3638
- cursor: pointer;
3639
- background-color: transparent;
3640
- }
3641
- .bk-date-picker-rel .icon-wrapper.disabled {
3642
- cursor: not-allowed;
3643
- }
3644
- .bk-date-picker-rel .icon-wrapper i.icon-clock {
3645
- position: absolute;
3646
- top: 50%;
3647
- left: 50%;
3648
- transform: translate(-50%, -50%);
3649
- }
3650
- .bk-date-picker-rel .icon-wrapper .picker-icon {
3651
- position: absolute;
3652
- top: 50%;
3653
- left: 50%;
3654
- width: 18px;
3655
- height: 18px;
3656
- transform: translate(-50%, -50%);
3657
- }
3658
- .bk-date-picker-dropdown {
3659
- position: absolute;
3660
- z-index: 900;
3661
- padding: 5px 0 0 0;
3662
- overflow: auto;
3663
- background-color: #fff;
3664
- border: 1px solid #dcdee5;
3665
- border-radius: 2px;
3666
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
3667
- box-sizing: border-box;
3668
- }
3669
- .bk-date-picker .bk-select-dropdown {
3670
- max-height: none;
3671
- padding: 0;
3672
- overflow: visible;
3673
- }
3674
- .bk-date-picker-footer-wrapper {
3675
- clear: both;
3676
- font-size: 14px;
3677
- color: #979ba5;
3678
- background-color: #fafbfd;
3679
- border-top: 1px solid #dcdee5;
3680
- }
3681
- .bk-date-picker-top-wrapper {
3682
- margin-top: -5px;
3683
- clear: both;
3684
- font-size: 14px;
3685
- color: #979ba5;
3686
- }
3687
- .bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {
3688
- padding-right: 140px;
3689
- }
3690
- .bk-picker-panel-sidebar {
3691
- position: absolute;
3692
- top: 0;
3693
- right: 0;
3694
- bottom: 0;
3695
- width: 140px;
3696
- padding: 12px 0;
3697
- overflow: auto;
3698
- font-size: 14px;
3699
- color: #3a84ff;
3700
- background-color: #fafbfd;
3701
- border-left: 1px solid #dcdee5;
3702
- }
3703
- .bk-picker-panel-sidebar .bk-picker-panel-shortcut {
3704
- /* &:nth-of-type(1) {
3705
- padding-top: 18px;
3706
- }
3707
- &:last-child {
3708
- padding-bottom: 18px;
3709
- } */
3710
- padding: 6px 21px;
3711
- overflow: hidden;
3712
- text-overflow: ellipsis;
3713
- white-space: nowrap;
3714
- cursor: pointer;
3715
- }
3716
- .bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {
3717
- background-color: #e1ecff;
3718
- }
3719
- .bk-picker-panel-body {
3720
- float: left;
3721
- }
3722
- .bk-picker-confirm {
3723
- height: 42px;
3724
- padding: 0 20px;
3725
- clear: both;
3726
- font-size: 14px;
3727
- line-height: 41px;
3728
- text-align: right;
3729
- background-color: #fafbfd;
3730
- border-top: 1px solid #dcdee5;
3731
- }
3732
- .bk-picker-confirm a {
3733
- color: #979ba5;
3734
- }
3735
- .bk-picker-confirm a.confirm {
3736
- margin-left: 10px;
3737
- color: #3a84ff;
3738
- }
3739
- .bk-picker-confirm a[disabled] {
3740
- color: #c4c6cc;
3741
- cursor: not-allowed;
3742
- }
3743
- .bk-picker-confirm .bk-picker-confirm-time {
3744
- float: left;
3745
- }
3746
- .bk-date-picker-header {
3747
- height: 46px;
3748
- font-size: 14px;
3749
- font-weight: 700;
3750
- line-height: 46px;
3751
- color: #63656e;
3752
- text-align: center;
3753
- border-bottom: 1px solid #dcdee5;
3754
- }
3755
- .bk-date-picker-header .bk-date-picker-header-label {
3756
- cursor: pointer;
3757
- }
3758
- .bk-date-picker-header .bk-date-picker-header-label:hover {
3759
- color: #3a84ff;
3760
- }
3761
- .bk-date-picker-header .up-to-now {
3762
- margin-left: 3px;
3763
- font-weight: 400;
3764
- cursor: pointer;
3765
- }
3766
- .bk-date-picker-header .up-to-now.disabled {
3767
- color: #c4c6cc;
3768
- cursor: not-allowed;
3769
- }
3770
- .bk-date-picker-cells {
3771
- margin: 9px;
3772
- font-size: 12px;
3773
- color: #63656e;
3774
- white-space: normal;
3775
- }
3776
- .bk-date-picker-cells span {
3777
- display: inline-block;
3778
- width: 34px;
3779
- height: 32px;
3780
- line-height: 32px;
3781
- text-align: center;
3782
- }
3783
- .bk-date-picker-cells span em {
3784
- display: inline-block;
3785
- width: 34px;
3786
- height: 32px;
3787
- font-style: normal;
3788
- line-height: 32px;
3789
- cursor: pointer;
3790
- }
3791
- .bk-date-picker-cells .bk-date-picker-cells-header {
3792
- text-align: center;
3793
- }
3794
- .bk-date-picker-cells .bk-date-picker-cells-header span {
3795
- width: 28px;
3796
- height: 26px;
3797
- margin: 3px;
3798
- line-height: 26px;
3799
- color: #63656e;
3800
- text-align: center;
3801
- cursor: default;
3802
- }
3803
- .bk-date-picker-cells-cell:hover em {
3804
- /* background-color: #e1ecff; */
3805
- background-color: #f0f1f5;
3806
- }
3807
- .bk-date-picker-cells-focused em {
3808
- color: #3a84ff;
3809
- box-shadow: 0 0 0 1px #a3c5fd inset;
3810
- }
3811
- .bk-date-picker-cells-cell-prev-month em,
3812
- .bk-date-picker-cells-cell-next-month em {
3813
- color: #c4c6cc;
3814
- }
3815
- .bk-date-picker-cells-cell-prev-month:hover em,
3816
- .bk-date-picker-cells-cell-next-month:hover em {
3817
- background: transparent;
3818
- }
3819
- span.bk-date-picker-cells-cell-week-label,
3820
- span.bk-date-picker-cells-cell-week-label:hover,
3821
- span.bk-date-picker-cells-cell-disabled,
3822
- span.bk-date-picker-cells-cell-disabled:hover {
3823
- color: #c4c6cc;
3824
- cursor: not-allowed;
3825
- }
3826
- span.bk-date-picker-cells-cell-week-label em,
3827
- span.bk-date-picker-cells-cell-week-label:hover em,
3828
- span.bk-date-picker-cells-cell-disabled em,
3829
- span.bk-date-picker-cells-cell-disabled:hover em {
3830
- color: inherit;
3831
- cursor: not-allowed;
3832
- background: inherit;
3833
- }
3834
- span.bk-date-picker-cells-cell-disabled,
3835
- span.bk-date-picker-cells-cell-disabled:hover {
3836
- background-color: #f0f1f5;
3837
- }
3838
- .bk-date-picker-cells-cell-today em {
3839
- position: relative;
3840
- color: #3a84ff;
3841
- box-shadow: 0 0 0 1px #a3c5fd inset;
3842
- }
3843
- .bk-date-picker-cells-cell-range {
3844
- position: relative;
3845
- }
3846
- .bk-date-picker-cells-cell-range:before {
3847
- position: absolute;
3848
- top: 0;
3849
- right: 0;
3850
- bottom: 0;
3851
- left: 0;
3852
- display: block;
3853
- background: #e1ecff;
3854
- border: 0;
3855
- border-radius: 0;
3856
- content: '';
3857
- }
3858
- .bk-date-picker-cells-cell-range em {
3859
- position: relative;
3860
- z-index: 1;
3861
- }
3862
- .bk-date-picker-cells-cell-selected em,
3863
- .bk-date-picker-cells-cell-selected:hover em {
3864
- color: #fff;
3865
- background-color: #3a84ff;
3866
- box-shadow: 0 0 0 1px #3a84ff inset;
3867
- }
3868
- span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
3869
- color: #f7f7f7;
3870
- background: #c4c6cc;
3871
- }
3872
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {
3873
- background: #fff;
3874
- }
3875
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,
3876
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {
3877
- box-shadow: 0 0 0 1px #3a84ff inset;
3878
- }
3879
- .bk-date-picker-cells-year,
3880
- .bk-date-picker-cells-month {
3881
- margin-top: 7px;
3882
- }
3883
- .bk-date-picker-cells-year span,
3884
- .bk-date-picker-cells-month span {
3885
- width: 36px;
3886
- height: 32px;
3887
- margin: 10px 12px;
3888
- line-height: 32px;
3889
- text-align: center;
3890
- border-radius: 3px;
3891
- }
3892
- .bk-date-picker-cells-year span em,
3893
- .bk-date-picker-cells-month span em {
3894
- width: 36px;
3895
- height: 32px;
3896
- line-height: 32px;
3897
- text-align: center;
3898
- }
3899
- .bk-picker-panel-icon-btn {
3900
- display: inline-block;
3901
- width: 20px;
3902
- height: 46px;
3903
- line-height: 44px;
3904
- color: #979ba5;
3905
- text-align: center;
3906
- cursor: pointer;
3907
- transition: color 0.2s ease-in-out;
3908
- }
3909
- .bk-picker-panel-icon-btn:hover {
3910
- color: #2d8cf0;
3911
- }
3912
- .bk-picker-panel-icon-btn i {
3913
- font-size: 20px;
3914
- }
3915
- .bk-date-picker-prev-btn {
3916
- float: left;
3917
- }
3918
- .bk-date-picker-prev-btn-arrow-double {
3919
- margin-left: 10px;
3920
- }
3921
- .bk-date-picker-prev-btn-arrow-double i:after {
3922
- margin-left: -8px;
3923
- }
3924
- .bk-date-picker-next-btn {
3925
- float: right;
3926
- }
3927
- .bk-date-picker-next-btn-arrow-double {
3928
- margin-right: 10px;
3929
- }
3930
- .bk-date-picker-next-btn-arrow-double i:after {
3931
- margin-left: -8px;
3932
- }
3933
- .bk-date-picker-with-range .bk-picker-panel-body {
3934
- min-width: 532px;
3935
- }
3936
- .bk-date-picker-with-range .bk-picker-panel-content {
3937
- float: left;
3938
- }
3939
- .bk-date-picker-with-range .bk-picker-cells-show-week-numbers {
3940
- min-width: 492px;
3941
- }
3942
- .bk-date-picker-transfer {
3943
- z-index: 1060;
3944
- max-height: none;
3945
- }
3946
- .bk-fade-down-transition-enter-from,
3947
- .bk-fade-down-transition-leave-to {
3948
- opacity: 0;
3949
- transform: translateY(-20px);
3950
- }
3951
- .bk-fade-down-transition-enter-to,
3952
- .bk-fade-down-transition-leave-from {
3953
- opacity: 1;
3954
- transform: translateY(0);
3955
- }
3956
- .bk-fade-down-transition-enter-active {
3957
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
3958
- }
3959
- .bk-fade-down-transition-leave-active {
3960
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
3961
- }
3962
- .bk-divider {
3963
- position: relative;
3964
- background: #c4c6cc;
3965
- }
3966
- .bk-divider-horizontal {
3967
- width: 100%;
3968
- height: 1px;
3969
- margin: 1em 0;
3970
- }
3971
- .bk-divider-info {
3972
- position: absolute;
3973
- top: 50%;
3974
- padding: 0 1.4em;
3975
- color: #63656e;
3976
- background-color: white;
3977
- transform: translateY(-50%);
3978
- }
3979
- .bk-divider-info-center {
3980
- left: 50%;
3981
- transform: translateX(-50%) translateY(-50%);
3982
- }
3983
- .bk-divider-info .bk-divider-horizontal-left {
3984
- left: 2em;
3985
- }
3986
- .bk-divider-info .bk-divider-horizontal-right {
3987
- right: 2em;
3988
- }
3989
- .bk-divider-vertical .bk-divider-info {
3990
- padding: 20px 0;
3991
- }
3992
- .bk-divider-vertical {
3993
- display: inline-block;
3994
- width: 1px;
3995
- height: 100%;
3996
- min-height: 1em;
3997
- margin: 0 8px;
3998
- vertical-align: middle;
3999
- }
4000
- .bk-tab {
4001
- position: relative;
4002
- display: flex;
4003
- width: 100%;
4004
- }
4005
- .bk-tab--top {
4006
- flex-direction: column;
4007
- }
4008
- .bk-tab--right {
4009
- flex-direction: row-reverse;
4010
- }
4011
- .bk-tab-header {
4012
- display: flex;
4013
- color: #63656e;
4014
- }
4015
- .bk-tab-header > div {
4016
- display: flex;
4017
- margin-bottom: -1px;
4018
- flex-wrap: nowrap;
4019
- }
4020
- .bk-tab--card .bk-tab-header > div,
4021
- .bk-tab--border-card .bk-tab-header > div {
4022
- border-right: 1px solid #dcdee5;
4023
- }
4024
- .bk-tab--top .bk-tab-header-nav {
4025
- overflow-x: auto;
4026
- overflow-y: visible;
4027
- }
4028
- .bk-tab--left .bk-tab-header-nav,
4029
- .bk-tab--right .bk-tab-header-nav {
4030
- overflow-x: visible;
4031
- overflow-y: auto;
4032
- }
4033
- .bk-tab--card .bk-tab-header-nav,
4034
- .bk-tab--border-card .bk-tab-header-nav {
4035
- border-left: 1px solid #dcdee5;
4036
- }
4037
- .bk-tab-header-nav::-webkit-scrollbar {
4038
- display: none;
4039
- width: 0;
4040
- height: 0;
4041
- }
4042
- .bk-tab-header-operation .bk-tab-header-item {
4043
- padding: 0 12px;
4044
- }
4045
- .bk-tab--left .bk-tab-header {
4046
- border-right: 1px solid #dcdee5;
4047
- }
4048
- .bk-tab--right .bk-tab-header {
4049
- border-left: 1px solid #dcdee5;
4050
- }
4051
- .bk-tab--left .bk-tab-header,
4052
- .bk-tab--right .bk-tab-header {
4053
- flex-direction: column;
4054
- }
4055
- .bk-tab--left .bk-tab-header > div,
4056
- .bk-tab--right .bk-tab-header > div {
4057
- flex-direction: column;
4058
- }
4059
- .bk-tab--card .bk-tab-header {
4060
- border-bottom: 1px solid #dcdee5;
4061
- }
4062
- .bk-tab--border-card .bk-tab-header {
4063
- background: #FAFBFD;
4064
- border: solid #dcdee5;
4065
- border-width: 1px 1px 1px 0;
4066
- }
4067
- .bk-tab--unborder-card .bk-tab-header {
4068
- border-bottom: 1px solid #dcdee5;
4069
- }
4070
- .bk-tab-header-item {
4071
- display: flex;
4072
- white-space: nowrap;
4073
- cursor: pointer;
4074
- justify-content: center;
4075
- align-items: center;
4076
- }
4077
- .bk-tab-header-item:hover {
4078
- color: #3a84ff;
4079
- }
4080
- .bk-tab-header-item:hover .bk-tab-header-item-close {
4081
- display: block;
4082
- margin-left: 10px;
4083
- color: #ea3636;
4084
- }
4085
- .bk-tab--top .bk-tab-header-item {
4086
- padding: 0 20px;
4087
- }
4088
- .bk-tab--left .bk-tab-header-item,
4089
- .bk-tab--right .bk-tab-header-item {
4090
- padding: 0 12px;
4091
- }
4092
- .bk-tab--left .bk-tab-header-item {
4093
- text-align: right;
4094
- }
4095
- .bk-tab--card .bk-tab-header-item {
4096
- border-top: 1px solid #dcdee5;
4097
- }
4098
- .bk-tab--card .bk-tab-header-item,
4099
- .bk-tab--border-card .bk-tab-header-item {
4100
- border-right: 1px solid #dcdee5;
4101
- border-bottom: 1px solid #dcdee5;
4102
- }
4103
- .bk-tab--card .bk-tab-header-item:last-of-type,
4104
- .bk-tab--border-card .bk-tab-header-item:last-of-type {
4105
- border-right: none;
4106
- }
4107
- .bk-tab-header-operation .bk-tab-header-item {
4108
- padding-right: 12px;
4109
- padding-left: 12px;
4110
- }
4111
- .bk-tab-header-item-close {
4112
- display: none;
4113
- color: #c4c6cc;
4114
- }
4115
- .bk-tab-header--active {
4116
- color: #3a84ff;
4117
- }
4118
- .bk-tab--card .bk-tab-header--active,
4119
- .bk-tab--border-card .bk-tab-header--active {
4120
- border-bottom-color: white;
4121
- }
4122
- .bk-tab--unborder-card .bk-tab-header--active {
4123
- border-bottom: 2px solid #3a84ff;
4124
- }
4125
- .bk-tab--left .bk-tab-header--active {
4126
- border-right: 2px solid #3a84ff;
4127
- }
4128
- .bk-tab--right .bk-tab-header--active {
4129
- border-left: 2px solid #3a84ff;
4130
- }
4131
- .bk-tab-header--disabled {
4132
- color: #aaa;
4133
- pointer-events: none;
4134
- cursor: not-allowed;
4135
- }
4136
- .bk-tab-content {
4137
- flex: 1;
4138
- padding: 10px;
4139
- }
4140
- .bk-tab--border-card .bk-tab-content {
4141
- border: solid #dcdee5;
4142
- border-width: 0 1px 1px;
4143
- }
4144
- .bk-tab-panel {
4145
- height: 100%;
4146
- }
4147
- * {
4148
- box-sizing: border-box;
4149
- }
4150
- .bk-process {
4151
- position: relative;
4152
- display: flex;
4153
- }
4154
- @keyframes loadingCircle {
4155
- 100% {
4156
- transform: rotate(360deg);
4157
- }
4158
- }
4159
- .bk-process .bk-process-toggle {
4160
- position: relative;
4161
- left: 15px;
4162
- width: 24px;
4163
- height: 24px;
4164
- font-size: 12px;
4165
- line-height: 24px;
4166
- color: #63656e;
4167
- text-align: center;
4168
- text-decoration: none;
4169
- border: 1px solid #c4c6cc;
4170
- border-radius: 50%;
4171
- }
4172
- .bk-process .bk-process-toggle.active,
4173
- .bk-process .bk-process-toggle:hover {
4174
- color: #fff;
4175
- background: #3a84ff;
4176
- border-color: #3a84ff;
4177
- }
4178
- .bk-process .bk-process-icon-done {
4179
- display: inline-block;
4180
- font-size: 22px;
4181
- line-height: 18px;
4182
- }
4183
- .bk-process .bk-icon.icon-loading {
4184
- display: inline-block;
4185
- font-size: 14px;
4186
- animation: loadingCircle 1s infinite linear;
4187
- }
4188
- .bk-process > ul {
4189
- -ms-display: flex;
4190
- -moz-display: flex;
4191
- -webkit-display: flex;
4192
- display: table;
4193
- display: flex;
4194
- width: 100%;
4195
- padding: 0;
4196
- margin: auto;
4197
- }
4198
- .bk-process li {
4199
- position: relative;
4200
- display: table-cell;
4201
- height: 24px;
4202
- font-family: PingFang SC,Microsoft Yahei,Helvetica,Aria;
4203
- font-size: 12px;
4204
- line-height: 24px;
4205
- color: #63656e;
4206
- text-align: center;
4207
- background-color: #f0f1f5;
4208
- flex: 1;
4209
- }
4210
- .bk-process li i {
4211
- display: none;
4212
- }
4213
- .bk-process li:first-of-type {
4214
- border-radius: 13px 0 0 13px;
4215
- }
4216
- .bk-process li:last-of-type {
4217
- border-radius: 0 13px 13px 0;
4218
- }
4219
- .bk-process li:last-of-type::before {
4220
- display: none;
4221
- }
4222
- .bk-process li:last-of-type::after {
4223
- display: none;
4224
- }
4225
- .bk-process li::before {
4226
- position: absolute;
4227
- top: 0;
4228
- right: -25px;
4229
- z-index: 1;
4230
- width: 0;
4231
- height: 0;
4232
- border: 12px solid;
4233
- border-color: transparent transparent transparent #fff;
4234
- content: '';
4235
- }
4236
- .bk-process li::after {
4237
- position: absolute;
4238
- top: 0;
4239
- right: -23px;
4240
- z-index: 1;
4241
- width: 0;
4242
- height: 0;
4243
- border: 12px solid;
4244
- border-color: transparent transparent transparent #f0f1f5;
4245
- content: '';
4246
- }
4247
- .bk-process li .bk-process-step {
4248
- font-size: 12px;
4249
- }
4250
- .bk-process li .bk-process-step dd {
4251
- margin: 0;
4252
- line-height: 32px;
4253
- }
4254
- .bk-process li .bk-process-step i {
4255
- display: none;
4256
- }
4257
- .bk-process li .bk-process-step .success i {
4258
- display: inline-block;
4259
- color: #2dcb56;
4260
- }
4261
- .bk-process li .bk-process-step .steps-loading {
4262
- top: -2px;
4263
- }
4264
- .bk-process li.success {
4265
- color: #fff;
4266
- background: #2dcb56;
4267
- }
4268
- .bk-process li.success::after {
4269
- border-color: transparent transparent transparent #2dcb56;
4270
- }
4271
- .bk-process li.success .icon-done {
4272
- font-size: 22px;
4273
- line-height: 18px;
4274
- }
4275
- .bk-process li.current {
4276
- color: #fff;
4277
- background: #3a84ff;
4278
- }
4279
- .bk-process li.current::after {
4280
- border-color: transparent transparent transparent #3a84ff;
4281
- }
4282
- .bk-process li.current > .bk-spin-loading {
4283
- vertical-align: -3px;
4284
- }
4285
- .bk-virtual-render {
4286
- position: relative;
4287
- }
4288
- .bk-virtual-render .bk-virtual-content,
4289
- .bk-virtual-render.bk-virtual-content {
4290
- position: absolute;
4291
- top: 0;
4292
- bottom: 0;
4293
- left: 0;
4294
- width: 100%;
4295
- height: 100%;
4296
- }
4297
- .bk-virtual-render .bk-virtual-section {
4298
- width: 1px;
4299
- background: transparent;
4300
- }
4301
- .bk-virtual-render.bk-scroll-x {
4302
- overflow-x: auto;
4303
- scrollbar-color: #a0a0a0 transparent;
4304
- scrollbar-width: thin;
4305
- }
4306
- .bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
4307
- height: 8px;
4308
- background-color: transparent;
4309
- }
4310
- .bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb {
4311
- background-color: #a0a0a0;
4312
- border-radius: 8px;
4313
- }
4314
- .bk-virtual-render.bk-scroll-y {
4315
- overflow-y: auto;
4316
- }
4317
- .bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
4318
- width: 6px;
4319
- background-color: transparent;
4320
- }
4321
- .bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
4322
- background-color: #dcdee5;
4323
- border-radius: 6px;
4324
- }
4325
- * {
4326
- box-sizing: border-box;
4327
- }
4328
- .bk-timeline {
4329
- padding: 0;
4330
- margin: 16px 0 0;
4331
- font-style: normal;
4332
- font-weight: 400;
4333
- line-height: normal;
4334
- text-align: left;
4335
- list-style: none;
4336
- }
4337
- .bk-timeline .bk-timeline-dot {
4338
- position: relative;
4339
- padding-bottom: 24px;
4340
- padding-left: 16px;
4341
- /* spacing 1px */
4342
- margin-top: 13px;
4343
- font-size: 0;
4344
- border-left: 1px solid #d8d8d8;
4345
- }
4346
- .bk-timeline .bk-timeline-dot::before {
4347
- position: absolute;
4348
- top: calc((11px + 1px) * -1);
4349
- left: -6px;
4350
- display: inline-block;
4351
- width: 11px;
4352
- height: 11px;
4353
- background: #fff;
4354
- border: 2px solid #d8d8d8;
4355
- border-radius: 50%;
4356
- content: '';
4357
- box-sizing: border-box;
4358
- }
4359
- .bk-timeline .bk-timeline-dot:last-child {
4360
- padding-bottom: 0;
4361
- /* 保留border使用间距保持一致 */
4362
- border-left: 1px solid transparent;
4363
- }
4364
- .bk-timeline .bk-timeline-dot .bk-timeline-title {
4365
- display: inline-block;
4366
- padding-bottom: 10px;
4367
- margin-top: -3px;
4368
- font-size: 14px;
4369
- color: #63656e;
4370
- cursor: pointer;
4371
- }
4372
- .bk-timeline .bk-timeline-dot .bk-timeline-content {
4373
- max-width: 300px;
4374
- font-size: 14px;
4375
- color: #666;
4376
- word-break: break-all;
4377
- }
4378
- .bk-timeline .bk-timeline-dot .bk-timeline-icon {
4379
- position: absolute;
4380
- top: calc((15px + 1px) * -1);
4381
- left: -8px;
4382
- display: inline-block;
4383
- width: 15px;
4384
- height: 15px;
4385
- background: #fff;
4386
- border: 2px solid #d8d8d8;
4387
- border-radius: 50%;
4388
- box-sizing: border-box;
4389
- }
4390
- .bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner {
4391
- display: inline-block;
4392
- transform: scale(1) translate(-0.5px, -4px);
4393
- }
4394
- .bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner > :first-child {
4395
- font-size: 12px;
4396
- }
4397
- .bk-timeline .bk-timeline-dot .bk-timeline-section {
4398
- position: relative;
4399
- top: calc((11px + 2px) * -1);
4400
- }
4401
- .bk-timeline .bk-timeline-dot.bk-timeline-large {
4402
- margin-top: calc(15px + 2px);
4403
- }
4404
- .bk-timeline .bk-timeline-dot.bk-timeline-large::before {
4405
- top: calc((15px + 1px) * -1);
4406
- left: -8px;
4407
- width: 15px;
4408
- height: 15px;
4409
- }
4410
- .bk-timeline .bk-timeline-dot.bk-timeline-large > .bk-timeline-section {
4411
- top: calc((15px + 1px) * -1);
4412
- }
4413
- .bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon {
4414
- margin-top: calc(15px + 2px);
4415
- }
4416
- .bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon::before {
4417
- display: none;
4418
- }
4419
- .bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon > .bk-timeline-section {
4420
- top: calc((15px + 1px) * -1);
4421
- }
4422
- .bk-timeline .bk-timeline-dot:first-child {
4423
- margin-top: 0;
4424
- }
4425
- .bk-timeline .bk-timeline-primary {
4426
- border-left: 1px solid #3a84ff;
4427
- }
4428
- .bk-timeline .bk-timeline-primary::before,
4429
- .bk-timeline .bk-timeline-primary .bk-timeline-icon {
4430
- color: #3a84ff;
4431
- border: 2px solid #3a84ff;
4432
- }
4433
- .bk-timeline .bk-timeline-primary.bk-timeline-filled::before,
4434
- .bk-timeline .bk-timeline-primary.bk-timeline-filled .bk-timeline-icon {
4435
- background: #3a84ff;
4436
- }
4437
- .bk-timeline .bk-timeline-warning {
4438
- border-left: 1px solid #ff9c01;
4439
- }
4440
- .bk-timeline .bk-timeline-warning::before,
4441
- .bk-timeline .bk-timeline-warning .bk-timeline-icon {
4442
- color: #ff9c01;
4443
- border: 2px solid #ff9c01;
4444
- }
4445
- .bk-timeline .bk-timeline-warning.bk-timeline-filled::before,
4446
- .bk-timeline .bk-timeline-warning.bk-timeline-filled .bk-timeline-icon {
4447
- background: #ff9c01;
4448
- }
4449
- .bk-timeline .bk-timeline-success {
4450
- border-left: 1px solid #2dcb56;
4451
- }
4452
- .bk-timeline .bk-timeline-success::before,
4453
- .bk-timeline .bk-timeline-success .bk-timeline-icon {
4454
- color: #2dcb56;
4455
- border: 2px solid #2dcb56;
4456
- }
4457
- .bk-timeline .bk-timeline-success.bk-timeline-filled::before,
4458
- .bk-timeline .bk-timeline-success.bk-timeline-filled .bk-timeline-icon {
4459
- background: #2dcb56;
4460
- }
4461
- .bk-timeline .bk-timeline-danger {
4462
- border-left: 1px solid #ea3636;
4463
- }
4464
- .bk-timeline .bk-timeline-danger::before,
4465
- .bk-timeline .bk-timeline-danger .bk-timeline-icon {
4466
- color: #ea3636;
4467
- border: 2px solid #ea3636;
4468
- }
4469
- .bk-timeline .bk-timeline-danger.bk-timeline-filled::before,
4470
- .bk-timeline .bk-timeline-danger.bk-timeline-filled .bk-timeline-icon {
4471
- background: #ea3636;
4472
- }
4473
- .bk-timeline .bk-timeline-blue::before,
4474
- .bk-timeline .bk-timeline-blue .bk-timeline-icon {
4475
- color: #3a84ff;
4476
- border: 2px solid #3a84ff;
4477
- }
4478
- .bk-timeline .bk-timeline-blue.bk-timeline-filled::before,
4479
- .bk-timeline .bk-timeline-blue.bk-timeline-filled .bk-timeline-icon {
4480
- background: #3a84ff;
4481
- }
4482
- .bk-timeline .bk-timeline-red::before,
4483
- .bk-timeline .bk-timeline-red .bk-timeline-icon {
4484
- color: #ea3636;
4485
- border: 2px solid #ea3636;
4486
- }
4487
- .bk-timeline .bk-timeline-red.bk-timeline-filled::before,
4488
- .bk-timeline .bk-timeline-red.bk-timeline-filled .bk-timeline-icon {
4489
- background: #ea3636;
4490
- }
4491
- .bk-timeline .bk-timeline-green::before,
4492
- .bk-timeline .bk-timeline-green .bk-timeline-icon {
4493
- color: #2dcb56;
4494
- border: 2px solid #2dcb56;
4495
- }
4496
- .bk-timeline .bk-timeline-green.bk-timeline-filled::before,
4497
- .bk-timeline .bk-timeline-green.bk-timeline-filled .bk-timeline-icon {
4498
- background: #2dcb56;
4499
- }
4500
- .bk-timeline .bk-timeline-yellow::before,
4501
- .bk-timeline .bk-timeline-yellow .bk-timeline-icon {
4502
- color: #ff9c01;
4503
- border: 2px solid #ff9c01;
4504
- }
4505
- .bk-timeline .bk-timeline-yellow.bk-timeline-filled::before,
4506
- .bk-timeline .bk-timeline-yellow.bk-timeline-filled .bk-timeline-icon {
4507
- background: #ff9c01;
4508
- }
4509
- .bk-timeline .bk-timeline-gray::before,
4510
- .bk-timeline .bk-timeline-gray .bk-timeline-icon {
4511
- color: #63656e;
4512
- border: 2px solid #63656e;
4513
- }
4514
- .bk-timeline .bk-timeline-gray.bk-timeline-filled::before,
4515
- .bk-timeline .bk-timeline-gray.bk-timeline-filled .bk-timeline-icon {
4516
- background: #63656e;
4517
- }
4518
- .bk-timeline-dashed .bk-step .bk-step-title::after,
4519
- .bk-timeline-dashed .bk-step .bk-step-indicator::after {
4520
- background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
4521
- background-position: bottom;
4522
- background-repeat: repeat-x;
4523
- background-size: 6px 1px;
4524
- }
4525
- .bk-timeline-solid .bk-step .bk-step-title::after,
4526
- .bk-timeline-solid .bk-step .bk-step-indicator::after {
4527
- background-color: #c4c6cc;
4528
- }
4529
- .bk-timeline-vertical {
4530
- height: 100%;
4531
- flex-direction: column;
4532
- }
4533
- .bk-timeline-vertical .bk-step {
4534
- margin-right: 0;
4535
- margin-bottom: 8px;
4536
- }
4537
- .bk-timeline-vertical .bk-step .bk-step-title::after,
4538
- .bk-timeline-vertical .bk-step .bk-step-indicator::after {
4539
- display: none;
4540
- }
4541
- .bk-timeline-vertical .bk-step::after {
4542
- position: absolute;
4543
- top: 32px;
4544
- left: 12px;
4545
- width: 1px;
4546
- height: 100%;
4547
- background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
4548
- background-position: right;
4549
- background-repeat: repeat-y;
4550
- background-size: 1px 6px;
4551
- content: '';
4552
- }
4553
- .bk-timeline-vertical .bk-step .bk-step-title {
4554
- display: flex;
4555
- height: 100%;
4556
- margin-top: 0;
4557
- text-align: left;
4558
- align-items: center;
4559
- }
4560
- .bk-popper {
4561
- display: none;
4562
- padding: 7px 14px;
4563
- font-size: 12px;
4564
- color: #fff;
4565
- background: #333;
4566
- border-radius: 4px;
4567
- }
4568
- .bk-popper.light {
4569
- color: #63656e;
4570
- background: #fff;
4571
- box-shadow: #dcdee5 0px 0px 6px 0px;
4572
- }
4573
- .bk-popper .bk-popper-arrow,
4574
- .bk-popper .bk-popper-arrow::before {
4575
- position: absolute;
4576
- width: 8px;
4577
- height: 8px;
4578
- background: inherit;
4579
- }
4580
- .bk-popper .bk-popper-arrow {
4581
- visibility: hidden;
4582
- }
4583
- .bk-popper .bk-popper-arrow::before {
4584
- content: '';
4585
- visibility: visible;
4586
- transform: rotate(45deg);
4587
- }
4588
- .bk-popper[data-show] {
4589
- display: block;
4590
- }
4591
- .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
4592
- bottom: -4px;
4593
- }
4594
- .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
4595
- top: -4px;
4596
- }
4597
- .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
4598
- right: -4px;
4599
- }
4600
- .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
4601
- left: -4px;
4602
- }
1
+ .scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-alert{position:relative;font-size:12px;color:#63656e;text-align:left;word-wrap:break-word;border:1px solid;border-radius:2px}.bk-alert .bk-alert-icon-info{display:flex;margin-right:8px;font-size:16px;line-height:1}.bk-alert-wraper{display:flex;padding:8px 10px}.bk-alert-info{background-color:#f0f8ff;border-color:#c5daff}.bk-alert-info .bk-alert-icon-info{color:#3a84ff}.bk-alert-success{background-color:#f2fff4;border-color:#94f5a4}.bk-alert-success .bk-alert-icon-info{color:#2dcb56}.bk-alert-warning{background-color:#fff4e2;border-color:#ffdfac}.bk-alert-warning .bk-alert-icon-info{color:#ff9c01}.bk-alert-error{background-color:#ffeded;border-color:#ffd2d2}.bk-alert-error .bk-alert-icon-info{color:#ea3636}.bk-alert-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.bk-alert-title{line-height:16px}.bk-alert-close{padding:8px 12px 0 6px;margin-top:-8px;margin-right:-10px;font-size:12px;white-space:nowrap;cursor:pointer}.bk-alert-close-icon{line-height:1}.bk-alert-leave-leave{opacity:1}.bk-alert-leave-leave-active{overflow:hidden;transition:opacity .15s,height .2s}.bk-alert-leave-leave-to{opacity:0}.bk-affix{position:fixed}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.bk-backtop{position:fixed;display:flex;width:52px;height:52px;cursor:pointer;background:#fff;border-radius:50%;opacity:1;box-shadow:0 2px 6px #0000001a;align-items:center;justify-content:center}.bk-backtop:hover .bk-backtop-icon{color:#3a84ff}.bk-backtop .bk-backtop-icon{display:flex;align-items:center;font-size:26px}.bk-fade-enter-active,.bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-enter,.bk-fade-leave-to{opacity:0}.bk-badge-main{position:relative;display:inline-block}.bk-badge-main .bk-badge{position:relative;display:inline-block;height:18px;padding:1px 5px;font-size:12px;line-height:12px;text-align:center;background-color:#fff;border-radius:18px}.bk-badge-main .bk-badge.pinned{position:absolute}.bk-badge-main .bk-badge.pinned.top-right{top:0;right:0;transform:translate(50%,-50%) scale(1)}.bk-badge-main .bk-badge.pinned.top-right.fade-center-enter,.bk-badge-main .bk-badge.pinned.top-right.fade-center-leave-active{opacity:0;transform:translate(50%,-50%) scale(0)}.bk-badge-main .bk-badge.pinned.right{top:50%;right:0%;transform:translate(100%,-50%) scale(1)}.bk-badge-main .bk-badge.pinned.right.fade-center-enter,.bk-badge-main .bk-badge.pinned.right.fade-center-leave-active{opacity:0;transform:translate(50%,-50%) scale(0)}.bk-badge-main .bk-badge.pinned.bottom-right{right:0;bottom:0;transform:translate(50%,50%) scale(1)}.bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,.bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active{opacity:0;transform:translate(50%,50%) scale(0)}.bk-badge-main .bk-badge.pinned.top-left{top:0;left:0;transform:translate(-50%,-50%) scale(1)}.bk-badge-main .bk-badge.pinned.top-left.fade-center-enter,.bk-badge-main .bk-badge.pinned.top-left.fade-center-leave-active{opacity:0;transform:translate(-50%,-50%) scale(0)}.bk-badge-main .bk-badge.pinned.bottom-left{bottom:0;left:0;transform:translate(-50%,50%) scale(1)}.bk-badge-main .bk-badge.pinned.bottom-left.fade-center-enter,.bk-badge-main .bk-badge.pinned.bottom-left.fade-center-leave-active{opacity:0;transform:translate(-50%,50%) scale(0)}.bk-badge-main .bk-badge.bk-danger{color:#fff;background-color:#ea3636;border:2px solid white}.bk-badge-main .bk-badge.bk-danger.is-icon{color:#ea3636;background-color:#fff;border-color:#fff}.bk-badge-main .bk-badge.bk-warning{color:#fff;background-color:#ff9c01;border:2px solid white}.bk-badge-main .bk-badge.bk-warning.is-icon{color:#ff9c01;background-color:#fff;border-color:#fff}.bk-badge-main .bk-badge.bk-success{color:#fff;background-color:#2dcb56;border:2px solid white}.bk-badge-main .bk-badge.bk-success.is-icon{color:#2dcb56;background-color:#fff;border-color:#fff}.bk-badge-main .bk-badge.bk-primary{color:#fff;background-color:#3a84ff;border:2px solid white}.bk-badge-main .bk-badge.bk-primary.is-icon{color:#3a84ff;background-color:#fff;border-color:#fff}.bk-badge-main .bk-badge.dot{width:8px;height:8px;min-width:8px;padding:0;border:1px solid white}.bk-badge-main .bk-badge.bk-badge-icon{display:inline-block;padding:0 0 1px;font-size:16px}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-breadcrumb{display:flex;font-size:14px;color:#979ba5;align-items:center}.bk-breadcrumb:after{clear:both}.bk-breadcrumb-separator{margin:0 9px;font-weight:700}.bk-breadcrumb-separator[class*=icon]{margin:0 6px;font-weight:400}.bk-breadcrumb-goback{margin-right:12px;color:#0082ff;cursor:pointer}.bk-breadcrumb-goback svg{font-size:26px}.bk-breadcrumb-item-inner.is-link,.bk-breadcrumb-item-inner a{color:#63656e;text-decoration:none}.bk-breadcrumb-item-inner.is-link:hover,.bk-breadcrumb-item-inner a:hover{color:#0082ff;cursor:pointer}.bk-breadcrumb-item:last-child{color:#979ba5}.bk-breadcrumb-item:last-child .el-breadcrumb__inner,.bk-breadcrumb-item:last-child .el-breadcrumb__inner a,.bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover,.bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover{cursor:text}.bk-breadcrumb-item:last-child .bk-breadcrumb-separator{display:none}.bk-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;appearance:none;align-items:center;justify-content:center}.bk-button.bk-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.bk-button.bk-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.bk-button.bk-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.bk-button.bk-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.bk-button.bk-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.bk-button.bk-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.bk-button.bk-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.bk-button.bk-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.bk-button.bk-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.bk-button.bk-button-success:hover{background-color:#45e35f;border-color:#45e35f}.bk-button.bk-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.bk-button.bk-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.bk-button.bk-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.bk-button.bk-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.bk-button.bk-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.bk-button.bk-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.bk-button.bk-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-small{height:26px;padding:3px 12px;font-size:12px}.bk-button.bk-button-large{height:38px;padding:8px 20px;font-size:16px}.bk-button .bk-button-text{display:inline-flex;align-items:center;line-height:1}.bk-button.is-loading{position:relative}.bk-button.is-loading .bk-button-loading:not(:last-child){position:absolute}.bk-button.is-loading .bk-button-text{visibility:hidden}.bk-button:hover{border-color:#979ba5}.bk-button:active{color:#3a84ff;border-color:#3a84ff}.bk-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.bk-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.bk-button-group{display:inline-block;font-size:0}.bk-button-group.bk-button-group-small .bk-button{height:26px;padding:3px 12px;font-size:12px}.bk-button-group.bk-button-group-large .bk-button{height:38px;padding:8px 20px;font-size:16px}.bk-button-group .bk-button{height:32px;margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.bk-button-group .bk-button.is-disabled{color:#c4c6cc}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button:only-child{border-radius:2px}.bk-button-group .bk-button:hover:not(.is-disabled),.bk-button-group .bk-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.bk-button-group .bk-button.is-selected:not(.is-disabled){background-color:#e1ecff}.bk-button-group .bk-button.is-selected.is-disabled{background-color:#f0f1f5}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-card{position:relative;display:inline-block;width:100%;text-align:left;cursor:pointer;background:white;border:1px solid #dcdee5;border-radius:2px}.bk-card:hover{box-shadow:0 1px 2px #0003}.bk-card .bk-card-head{position:relative;display:flex;width:100%;height:50px;padding:0 20px;line-height:50px;border-bottom:1px solid #f0f2f5}.bk-card .bk-card-head .title{font-weight:600;color:#63656e;display:inline-block;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-card .bk-card-head .bk-card-input{display:inline-block;line-height:32px}.bk-card .bk-card-head.no-line-height{line-height:unset}.bk-card .bk-card-head.collapse{border-bottom:none}.bk-card .bk-card-head .bk-card-icon{position:absolute;top:-2px;font-size:18px;color:#979ba5;cursor:pointer}.bk-card .bk-card-edit{display:inline-block;margin-left:4px;font-size:18px;line-height:45px;color:#c4c6cc;cursor:pointer}.bk-card .bk-card-head-left{padding-right:20px;padding-left:30px}.bk-card .bk-card-head-left .bk-card-icon{left:10px}.bk-card .bk-card-head-right{padding-right:30px;padding-left:20px}.bk-card .bk-card-head-right .bk-card-icon{right:10px}.bk-card .bk-card-body{width:100%;padding:0 20px;text-align:left}.bk-card .bk-card-footer{width:100%;height:50px;line-height:50px;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}.bk-card-border-none{border:none;box-shadow:0 1px 2px #0003}.bk-checkbox{display:inline-flex;justify-self:center;font-size:14px;line-height:18px;letter-spacing:normal;color:#63656e;cursor:pointer;user-select:none}.bk-checkbox~.bk-checkbox{margin-left:30px}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input.small:after{width:3px;height:6px}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.bk-checkbox.is-indeterminated .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-indeterminated .bk-checkbox-input.small:after{width:6px;height:2px}.bk-checkbox.is-indeterminated .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.bk-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-checkbox.is-disabled .bk-checkbox-input{background:#fafbfd;border-color:#dcdee5}.bk-checkbox.is-disabled .bk-checkbox-input:after{background:#dcdee5}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input{background:#dcdee5}.bk-checkbox .bk-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.bk-checkbox .bk-checkbox-input.small{width:14px;height:14px}.bk-checkbox .bk-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.bk-checkbox .bk-checkbox-label{display:inline-block;vertical-align:middle}.bk-collapse-item{display:flex;flex-direction:column;text-align:left}.bk-collapse-item.is-disabled{cursor:not-allowed}.bk-collapse-item.is-disabled .bk-collapse-header{color:#dcdee5;pointer-events:none}.bk-collapse-header{position:relative;height:42px;padding:0 10px;overflow:hidden;font-size:14px;line-height:42px;color:#63656e;text-overflow:ellipsis;cursor:pointer}.bk-collapse-content{padding:0 10px;font-size:13px;will-change:all;color:#979ba5}.bk-collapse-content.active{display:block}.bk-collapse-icon{position:absolute;right:10px;transition:all linear .3s}.bk-collapse-icon.rotate-icon{transform:rotate(90deg)}.bk-collapse-icon svg{font-size:20px}.bk-collapse-transition{transition:all .3s ease-in-out}.bk-modal-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px}.bk-modal-wrapper .bk-modal-outside{position:fixed;top:0;right:0;bottom:0;left:0}.bk-modal-wrapper.normal{width:480px;height:240px}.bk-modal-wrapper.small{width:400px;height:200px}.bk-modal-wrapper.medium{width:640px;height:400px}.bk-modal-wrapper.large{width:960px;height:720px}.bk-modal-wrapper .bk-modal-body{height:100%;background:#fff;box-shadow:0 4px 12px #00000026}.bk-modal-wrapper.bk-dialog-wrapper{position:relative}.bk-modal-wrapper.bk-dialog-wrapper *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content{overflow:auto}.bk-modal-wrapper.bk-dialog-wrapper.multi-instance{position:absolute}.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool{position:absolute;top:0;right:0;left:0;height:30px}.bk-modal-wrapper.bk-dialog-wrapper .move{cursor:move}.bk-modal-wrapper.bk-dialog-wrapper .content-dragging{user-select:none}.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header{padding:24px;font-size:20px;line-height:1}.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title{display:inline-block;width:100%;overflow:hidden;color:#313238;text-overflow:ellipsis;white-space:nowrap}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content{height:calc(100% - 70px);max-height:calc(100vh - 70px);min-height:130px;padding:3px 24px 58px;font-size:14px;line-height:1.5;color:#63656e}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer{position:absolute;right:0;bottom:0;left:0;height:58px;padding:12px 24px;background-color:#fafbfd;border-top:1px solid #dcdee5;border-radius:2px}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-perv{float:left;margin-right:8px}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-next{float:left}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-cancel{margin-left:8px}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-close{position:absolute;top:5px;right:5px;width:26px;height:26px;font-size:22px;font-weight:700;line-height:26px;color:#979ba5;text-align:center;cursor:pointer;border-radius:50%;transform:rotate(45deg)}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-close:hover{background-color:#f0f1f5}.bk-modal-wrapper.bk-dialog-wrapper .close-icon{display:none}.bk-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.bk-exception-img{display:flex;align-items:center;justify-content:center}.bk-exception-img .exception-image{display:block;height:100%;object-fit:contain}.bk-exception-title{color:#313238}.bk-exception-description{color:#63656e}.bk-exception-page .bk-exception-img{width:480px;height:240px}.bk-exception-page .bk-exception-title{margin-top:18px;font-size:24px;line-height:32px}.bk-exception-page .bk-exception-description{margin-top:16px;font-size:14px;line-height:22px}.bk-exception-page .bk-exception-footer{margin-top:24px}.bk-exception-part .bk-exception-img{width:120px;height:100px}.bk-exception-part .bk-exception-title{margin-top:8px;font-size:14px;line-height:22px}.bk-exception-part .bk-exception-description{margin-top:8px;font-size:12px;line-height:20px}.bk-exception-part .bk-exception-footer{margin-top:8px}.bk-fixed-navbar{position:fixed;right:10px;width:52px;padding:22px 14px;background:#fff;border-radius:26px;opacity:1;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.bk-fixed-navbar.middle{top:50%;transform:translateY(-50%)}.bk-fixed-navbar.bottom{bottom:10%}.bk-fixed-navbar.top{top:10%}.bk-fixed-navbar .fixed-navbar-item{display:flex;color:#63656e;align-items:center;justify-content:center;flex-direction:column}.bk-fixed-navbar .fixed-navbar-item:hover{color:#3a84ff;cursor:pointer}.bk-fixed-navbar .fixed-navbar-item:not(:last-of-type){margin-bottom:25px}.bk-fixed-navbar .fixed-navbar-item .icon{margin-bottom:5px;font-size:17px}.bk-fixed-navbar .fixed-navbar-item .text{font-size:12px}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-textarea{display:inline-flex;width:100%;min-height:70px;font-size:12px;line-height:20px;color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.bk-textarea ::placeholder{color:#c4c6cc}.bk-textarea.is-disabled,.bk-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-textarea.is-disabled .bk-input--prefix-area,.bk-textarea.is-readonly .bk-input--prefix-area,.bk-textarea.is-disabled .bk-input--suffix-area,.bk-textarea.is-readonly .bk-input--suffix-area,.bk-textarea.is-disabled .bk-input--suffix-icon,.bk-textarea.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-textarea.is-disabled input,.bk-textarea.is-readonly input,.bk-textarea.is-disabled textarea,.bk-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-textarea.is-readonly input,.bk-textarea.is-readonly textarea{cursor:auto}.bk-textarea>textarea{width:100%;flex:1;padding:5px 10px;line-height:1.5;text-align:left;border:0;outline:none;resize:none}.bk-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.bk-textarea--max-length span{color:#979ba5}.bk-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.bk-input ::placeholder{color:#c4c6cc}.bk-input.is-disabled,.bk-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-input.is-disabled .bk-input--prefix-area,.bk-input.is-readonly .bk-input--prefix-area,.bk-input.is-disabled .bk-input--suffix-area,.bk-input.is-readonly .bk-input--suffix-area,.bk-input.is-disabled .bk-input--suffix-icon,.bk-input.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-input.is-disabled input,.bk-input.is-readonly input,.bk-input.is-disabled textarea,.bk-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-input.is-readonly input,.bk-input.is-readonly textarea{cursor:auto}.bk-input:hover:not(.is-disabled){border-color:#979ba5}.bk-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.bk-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.bk-input.is-simplicity:hover:not(.is-disabled){border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text{background-color:#f5f7fa}.bk-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center}.bk-input--suffix-icon.show-clear-only-hover{display:none}.bk-input--clear-icon{cursor:pointer}.bk-input--clear-icon:hover{color:#979ba5}.bk-input--large{height:40px;font-size:14px}.bk-input--large .bk-input--max-length{font-size:16px}.bk-input--large .bk-input--number-control span:first-child{margin-bottom:4px}.bk-input--small{height:26px;font-size:12px}.bk-input--small .bk-input--max-length,.bk-input--default,.bk-input--default .bk-input--max-length{font-size:12px}.bk-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text{background-color:#f5f7fa}.bk-input--prefix-area,.bk-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.bk-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.bk-input--max-length span{color:#979ba5}.bk-input--text{width:100%;padding:0 10px;line-height:1;color:#63656e;background-color:#fff;background-image:none;border:none;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.bk-input--text[type=search]::-webkit-search-decoration,.bk-input--text[type=search]::-webkit-search-cancel-button,.bk-input--text[type=search]::-webkit-search-results-button,.bk-input--text[type=search]::-webkit-search-results-decoration{appearance:none}.bk-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.bk-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.bk-input--text[type=number]::-webkit-inner-spin-button,.bk-input--text[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}.bk-input--text::placeholder{color:#c4c6cc}.bk-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;user-select:none;flex-direction:column;align-items:center}.bk-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.bk-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-input--number-control svg{font-size:14px}.bk-input--number-control span:first-child{transform:rotate(180deg)}.bk-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}.bk-link{font-size:14px;text-decoration:none}.bk-link.is-disabled{cursor:not-allowed}.bk-link.has-underline{text-decoration:underline}.bk-link.default{color:#63656e}.bk-link.default:hover{color:#979ba5}.bk-link.default.is-disabled{color:#dcdee5}.bk-link.primary{color:#3a84ff}.bk-link.primary:hover{color:#699df4}.bk-link.primary.is-disabled{color:#a3c5fd}.bk-link.success{color:#2dcb56}.bk-link.success:hover{color:#45e35f}.bk-link.success.is-disabled{color:#94f5a4}.bk-link.warning{color:#ff9c01}.bk-link.warning:hover{color:#ffb848}.bk-link.warning.is-disabled{color:#ffd695}.bk-link.danger{color:#ea3636}.bk-link.danger:hover{color:#ff5656}.bk-link.danger.is-disabled{color:#fd9c9c}.bk-dropdown{display:inline-block}.bk-dropdown .bk-dropdown-reference{z-index:1}.bk-dropdown .bk-dropdown-content{z-index:2;display:none;box-shadow:0 2px 6px #333c481a}.bk-dropdown .bk-dropdown-content[data-show]{display:block}.bk-popover2.bk-pop2-content.bk-dropdown-popover{padding:0}.bk-dropdown-popover .bk-dropdown-menu{min-width:100%;padding:5px 0;margin:0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-sizing:border-box}.bk-dropdown-popover .bk-dropdown-menu::-webkit-scrollbar{width:4px;height:4px}.bk-dropdown-popover .bk-dropdown-menu::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-dropdown-popover .bk-dropdown-item{display:block;height:32px;padding:0 16px;font-size:12px;line-height:33px;color:#63656e;white-space:nowrap;list-style:none;cursor:pointer}.bk-dropdown-popover .bk-dropdown-item:hover{color:#3a84ff;background-color:#eaf3ff}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-loading-wrapper{position:static;vertical-align:middle}.bk-loading-wrapper:not(.bk-nested-loading){display:inline-flex}.bk-loading-wrapper.bk-nested-loading{position:relative}.bk-loading-wrapper.bk-nested-loading.is-block{display:block}.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator{position:absolute;top:50%;left:50%;z-index:11;text-align:center;transform:translate(-50%,-50%)}.bk-loading-wrapper .dot{display:inline-flex;width:14px;height:14px;margin-right:10px;border-radius:50%;transform:scale(.6);animation-duration:.8s;animation-iteration-count:infinite;animation-name:loading-scale-animate;animation-direction:normal}.bk-loading-wrapper .oval{position:absolute;width:6px;height:8px;background-color:#63656e;border-radius:8px;animation-duration:1.2s;animation-iteration-count:infinite;animation-name:fade;transform-origin:center 20px}.bk-loading-wrapper .bk-loading-mask{position:absolute;width:100%;height:100%}.bk-loading-wrapper .bk-loading-indicator{display:flex;line-height:1;text-align:center;flex-direction:column}.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4{background-color:#2dcb56}.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4{background-color:#ea3636}.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4{background-color:#ff9c01}.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4{background-color:#3a84ff}.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4{background-color:#fff}.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4{background-color:#c4c6cc}.bk-loading-wrapper .bk-loading-indicator .dot-1{background-color:#ea3636;animation-delay:.1s}.bk-loading-wrapper .bk-loading-indicator .dot-2{background-color:#ff9c01;animation-delay:.25s}.bk-loading-wrapper .bk-loading-indicator .dot-3{background-color:#2dcb56;animation-delay:.4s}.bk-loading-wrapper .bk-loading-indicator .dot-4{background-color:#3a84ff;animation-delay:.55s;margin-right:0}.bk-loading-wrapper .bk-loading-indicator .oval-1{transform:rotate(135deg);animation-delay:-.45s}.bk-loading-wrapper .bk-loading-indicator .oval-2{transform:rotate(90deg);animation-delay:-.6s}.bk-loading-wrapper .bk-loading-indicator .oval-3{transform:rotate(45deg);animation-delay:-.75s}.bk-loading-wrapper .bk-loading-indicator .oval-4{transform:rotate(0);animation-delay:-.9s}.bk-loading-wrapper .bk-loading-indicator .oval-5{transform:rotate(-45deg);animation-delay:-1.05s}.bk-loading-wrapper .bk-loading-indicator .oval-6{transform:rotate(-90deg);animation-delay:-1.2s}.bk-loading-wrapper .bk-loading-indicator .oval-7{transform:rotate(-135deg);animation-delay:-1.35s}.bk-loading-wrapper .bk-loading-indicator .oval-8{transform:rotate(-180deg);animation-delay:-1.5s}.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator{display:inline-flex}.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator{position:relative;display:inline-flex;justify-content:center;width:40px;height:40px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator{height:16px;width:16px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot{width:3px;height:3px;margin-right:3px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4{margin-right:0}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval{width:2px;height:3px;border-radius:3px;transform-origin:center 8px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title{font-size:14px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator{height:22px;width:22px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot{width:6px;height:6px;margin-right:6px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4{margin-right:0}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval{width:4px;height:5px;border-radius:5px;transform-origin:center 11px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title{font-size:12px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator{height:52px;width:52px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot{width:20px;height:20px;margin-right:12px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4{margin-right:0}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval{width:8px;height:12px;border-radius:12px;transform-origin:center 26px}.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title{font-size:14px}.bk-loading-wrapper .bk-loading-indicator .bk-loading-title{margin-top:8px;font-size:14px;line-height:normal;color:#63656e;text-align:center}.bk-modal-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px}.bk-modal-wrapper .bk-modal-outside{position:fixed;top:0;right:0;bottom:0;left:0}.bk-modal-wrapper.normal{width:480px;height:240px}.bk-modal-wrapper.small{width:400px;height:200px}.bk-modal-wrapper.medium{width:640px;height:400px}.bk-modal-wrapper.large{width:960px;height:720px}.bk-modal-wrapper .bk-modal-body{height:100%;background:#fff;box-shadow:0 4px 12px #00000026}.bk-popover,.bk-popover .bk-popover-reference{display:inline-block}.bk-popover .fade-in-enter-active,.bk-popover .fade-in-linear-leave-active{transition:opacity .2s linear}.bk-popover .fade-in-enter,.bk-popover .fade-in-leave,.bk-popover .fade-in-leave-active{opacity:0}.bk-popover-content{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.bk-popover-content[data-theme^=dark]{color:#fff;background:#26323d}.bk-popover-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.bk-popover-content[data-theme^=light][data-show]{box-shadow:0 0 6px #dcdee5}.bk-popover-content[data-show]{display:block}.bk-popover-content .arrow{position:absolute;z-index:-1;width:8px;height:8px;background:inherit;visibility:hidden}.bk-popover-content .arrow:before{position:absolute;width:8px;height:8px;background:inherit;content:"";visibility:visible;transform:rotate(45deg)}.bk-popover-content[data-popper-placement^=top]>.arrow{bottom:-4px}.bk-popover-content[data-popper-placement^=bottom]>.arrow{top:-4px}.bk-popover-content[data-popper-placement^=left]>.arrow{right:-4px}.bk-popover-content[data-popper-placement^=right]>.arrow{left:-4px}.bk-popover2.bk-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.bk-popover2.bk-pop2-content .bk-pop2-arrow{position:absolute;width:8px;height:8px;background:#333;transform:rotate(45deg)}.bk-popover2.bk-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.bk-popover2.bk-pop2-content[data-theme^=light] .bk-pop2-arrow{background-color:#fff}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-progress{display:inline-block}.bk-progress .progress-outer{display:flex;width:100%;align-items:center}.bk-progress .progress-bar{position:relative;width:100%;height:4px;text-align:center;vertical-align:middle;background:#f0f1f5;border-radius:50px}.bk-progress .progress-bar.bk-progress-small{height:2px}.bk-progress .progress-bar.bk-progress-normal{height:4px}.bk-progress .progress-bar.bk-progress-large{height:12px}.bk-progress .progress-inner{position:absolute;top:0;left:0;width:50%;height:100%;border-radius:50px;transition:width .5s ease}.bk-progress .progress-inner.bk-primary{background:#3a84ff}.bk-progress .progress-inner.bk-success{background:#2dcb56}.bk-progress .progress-inner.bk-warning{background:#ff9c01}.bk-progress .progress-inner.bk-danger{background:#ea3636}.bk-progress .inner-text{width:100%;height:100%;color:#fff;text-align:center}.bk-progress .progress-text{width:7%;text-align:center}.bk-progress .progress-circle-text{position:absolute;top:50%;left:0;width:100%;margin:0;text-align:center;transform:translateY(-50%)}.bk-progress-line{width:100%}.bk-progress-circle,.bk-progress-dashboard{position:relative}.bk-radio{display:inline-flex;align-items:center;font-size:12px;font-weight:400;line-height:1;letter-spacing:normal;color:#63656e;white-space:nowrap;cursor:pointer;outline:none;user-select:none}.bk-radio~.bk-radio{margin-left:30px}.bk-radio .bk-radio-text{font-size:12px;font-style:normal;font-weight:400;vertical-align:middle;cursor:pointer}.bk-radio .bk-radio-input{position:relative;display:inline-block;width:16px;height:16px;margin:0 5px 0 0;color:#fff;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:50%;outline:none;visibility:visible;transition:all .3s;background-clip:content-box;appearance:none}.bk-radio .bk-radio-input:hover{border-color:#979ba5}.bk-radio.is-checked .bk-radio-input{padding:3px;color:#5594fa;background-color:#5594fa;border-color:#5594fa}.bk-radio.is-disabled{color:#c4c6c;cursor:not-allowed}.bk-radio.is-disabled.is-checked .bk-radio-input{background-color:#fafbfd}.bk-radio.is-disabled .bk-radio-input{cursor:not-allowed;border-color:#dcdee5}.bk-radio.is-disabled .bk-radio-text{cursor:not-allowed}.bk-radio.is-focused .bk-radio-input{border-color:#5594fa}.bk-radio-button{position:relative;z-index:1;display:inline-block;font-size:0;font-weight:400;line-height:1;letter-spacing:normal;color:#63656e;white-space:nowrap;cursor:pointer;outline:none;opacity:1;user-select:none}.bk-radio-button:nth-child(n+2){margin-left:-1px}.bk-radio-button .bk-radio-button-input{position:absolute;z-index:-1;outline:none;opacity:0}.bk-radio-button .bk-radio-button-text{height:32px;padding:0 18px;font-size:12px;font-style:normal;font-weight:400;line-height:32px;color:#63656e;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid #c4c6cc;transition:all .3s}.bk-radio-button .bk-radio-button-text:hover{border-color:#979ba5}.bk-radio-button:first-child .bk-radio-button-text{border-bottom-left-radius:2px;border-top-left-radius:2px}.bk-radio-button:last-child .bk-radio-button-text{border-top-right-radius:2px;border-bottom-right-radius:2px}.bk-radio-button.is-checked{z-index:2}.bk-radio-button.is-checked .bk-radio-button-text{color:#5594fa;background:#e1ecff;border-color:#5594fa}.bk-radio-button.is-disabled{z-index:0;color:#c4c6c;cursor:not-allowed}.bk-radio-button.is-disabled .bk-radio-button-text{cursor:not-allowed;background:currentColor;border-color:currentColor}.bk-radio-button.is-focused .bk-radio-button-text{border-color:#5594fa}.bk-radio-group{display:inline-block;font-size:0;line-height:0;letter-spacing:normal}.bk-rate{position:relative}.bk-rate .bk-score-real{position:absolute;top:0;left:0;display:flex;overflow:hidden}.bk-rate-stars{padding:0;margin:0}.bk-rate-stars .bk-is-edit{cursor:pointer}.bk-rate-stars:after{display:table;clear:both;content:""}.bk-rate-stars .bk-rate-star{float:left;margin-right:3px;enable-background:new 0 0 64 64;fill:#c5c7d1}.bk-rate-stars .bk-rate-star.bk-is-select{fill:#ffb848}.bk-rate-stars .bk-rate-star:last-child{margin-right:0}.bk-swiper-home{position:relative;overflow:hidden}.bk-swiper-home:hover .bk-swiper-nav{display:block}.bk-swiper-main{display:flex;height:100%;overflow:hidden}.bk-swiper-main.bk-transition{transition:.5s cubic-bezier(.42,0,.58,1)}.bk-swiper-main .bk-swiper-card{height:100%;padding:0;margin:0}.bk-swiper-main .bk-swiper-img{display:inline-block;width:100%;height:100%;margin:0;background-position:center;background-repeat:no-repeat;background-size:cover}.bk-swiper-main .bk-swiper-link{cursor:pointer}.bk-swiper-index{position:absolute;right:0;bottom:10px;left:0;display:flex;padding:0;margin:0;justify-content:center}.bk-swiper-index li{width:11px;height:4px;margin:0 3px;list-style-type:none;background:#63656e;border-radius:2px;transition:width .525s}.bk-swiper-index li.bk-current-index{width:17px;background:#c5c7d1}.bk-swiper-nav{position:absolute;top:calc(50% - 15px);display:none;width:30px;height:30px;cursor:pointer;background:rgba(31,45,61,.4);border-radius:50%}.bk-swiper-nav .bk-swiper-nav-icon{position:absolute;top:9px;left:11px;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff}.bk-swiper-nav.bk-nav-prev{left:14px;transform:rotate(45deg)}.bk-swiper-nav.bk-nav-prev:hover{transform:rotate(45deg)}.bk-swiper-nav.bk-nav-next{right:14px;transform:rotate(225deg)}.bk-swiper-nav.bk-nav-next:hover{transform:rotate(225deg)}.bk-swiper-nav:hover{background:rgba(31,45,61,.6)}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.bk-select .mr5{margin-right:5px}.bk-select .ml5{margin-left:5px}.bk-select ul{padding:0;margin:0;font-weight:400;list-style:none}.bk-select.large .bk-select-content-wrapper{font-size:14px}.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text{background-color:#f5f7fa}.bk-select.popover-show .bk-select-trigger .angle-up{transform:rotate(0)}.bk-select.is-disabled .bk-input--text{cursor:not-allowed;background-color:#fafbfd}.bk-select .bk-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select .bk-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select .bk-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.bk-select .bk-select-trigger{position:relative}.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon{margin-right:0}.bk-select .bk-select-trigger .bk-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.bk-select .bk-select-trigger .bk-select-tag::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper{height:30px}.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag){height:auto;min-height:32px;flex-wrap:wrap}.bk-select .bk-select-trigger .bk-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;padding:2px 0;overflow:hidden}.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover{border-color:#979ba5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled input,.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover{background-color:#f0f1f5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.bk-select .bk-select-trigger .bk-select-tag-input::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag .bk-tag{max-width:190px;padding:0 4px}.bk-select .bk-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon:hover{color:#979ba5}.bk-select .bk-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-popover2.bk-pop2-content.bk-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span{margin-left:4px;line-height:18px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown{overflow:auto}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options{padding:4px 0}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option{position:relative;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon{position:absolute;right:10px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover{color:#3a84ff;background-color:#f5f7fa}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover{color:#63656e;background-color:#f5f7fa}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected{color:#3a84ff;background-color:#e1ecff}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple{padding-right:32px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected{background-color:#fff}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover,.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover{background-color:#f5f7fa}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading{display:flex;align-items:center;justify-content:center}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span{margin-left:4px;line-height:18px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible{cursor:pointer}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option{padding-left:40px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label{display:flex;user-select:none;align-items:center}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option{padding-left:24px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder{color:#c4c6cc}.bk-sideslider{position:fixed;top:0;right:0;bottom:0;left:0}.slide-enter-active,.slide-leave-active,.bk-modal-body{transform:translate(0);transition:transform .25s}.slide-enter-active{animation:slider-fade-in .25s}.slide-leave-active{animation:slider-fade-in .25s reverse}.slide-enter-from.left,.slide-leave-to.left{transform:translate(-100%);transition:transform .25s}.slide-enter-from.right,.slide-leave-to.right{transform:translate(100%);transition:transform .25s}@keyframes slider-fade-in{0%{opacity:0}to{opacity:1}}.bk-modal-wrapper.bk-sideslider-wrapper{position:absolute;top:0;bottom:0;left:auto;transform:initial}.bk-modal-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content{overflow:auto}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header{width:100%;height:52px;background:#fff;border-bottom:1px solid #dcdee5}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close{position:absolute;top:0;width:30px;height:52px;font-size:24px;line-height:52px;color:#fff;text-align:center;cursor:pointer;background-color:#3a84ff}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right{left:0}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right:before{top:50%;left:50%;display:inline-block;width:8px;height:8px;border-top:solid 2px #fff;border-right:solid 2px #fff;content:"";transform:translate(-50%,-50%) rotate(45deg)}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left{right:0}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left:before{top:50%;left:50%;display:inline-block;width:8px;height:8px;border-top:solid 2px #fff;border-left:solid 2px #fff;content:"";transform:translate(50%,-50%) rotate(-45deg)}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title{height:52px;padding-left:30px;font-size:16px;line-height:52px;color:#313238}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right{padding:0 0 0 50px}.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-footer{display:flex;width:100%;height:54px;background:#fff;border-top:1px solid transparent;align-items:center}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-switcher{position:relative;display:inline-block;height:20px;min-width:36px;padding:0;margin:0;font-size:14px;line-height:20px;text-align:left;vertical-align:middle;list-style:none;cursor:pointer;background-color:#c4c6cc;border:1px solid transparent;border-radius:100px;box-sizing:border-box;transition:all .4s ease;transition:all .36s;user-select:none}.bk-switcher:after{position:absolute;top:1px;left:1px;width:16px;height:16px;cursor:pointer;background:#fff;background-color:#fff;border-radius:18px;content:" ";transition:all .3s ease}.bk-switcher .switcher-text{display:block;margin-right:6px;margin-left:28px;font-size:12px;font-weight:400;color:#fff;text-align:center;transition:all .3s ease}.bk-switcher .animating-node{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;border-radius:inherit;content:"";opacity:.2;box-shadow:0 0 #1890ff;animation:fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);animation-fill-mode:forwards}.bk-switcher .bk-switcher-loading{position:absolute;top:1px;left:1px;z-index:1;width:16px;height:16px;font-size:12px;color:#c4c6cc;cursor:pointer;background:transparent;border-radius:16px;content:" ";transition:all .36s cubic-bezier(.78,.14,.15,.86)}.bk-switcher .bk-switcher-loading svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;animation:loading 1s linear infinite}.bk-switcher.is-loading{cursor:defalt}.bk-switcher.is-loading input[type=checkbox]{cursor:default}.bk-switcher.show-label{height:28px;min-width:60px;line-height:28px}.bk-switcher.show-label:after{width:24px;height:24px}.bk-switcher.show-label .bk-switcher-loading{width:24px;height:24px;font-size:20px}.bk-switcher.show-label.is-checked .bk-switcher-loading{left:100%;margin-left:-25px}.bk-switcher.is-disabled{cursor:not-allowed;opacity:.3}.bk-switcher.is-disabled .bk-switcher-loading{cursor:not-allowed}.bk-switcher.is-disabled:after{cursor:not-allowed}.bk-switcher.is-checked{background:#2dcb56}.bk-switcher.is-checked .bk-switcher-loading svg{color:#2dcb56}.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary{background:#3a84ff}.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary .bk-switcher-loading svg{color:#3a84ff}.bk-switcher.is-checked:after{left:100%;margin-left:-1px;transform:translate(-100%)}.bk-switcher.is-checked .switcher-text{margin-right:28px;margin-left:6px}.bk-switcher:not(.show-label).is-checked .bk-switcher-loading{left:100%;margin-left:-17px}.bk-switcher.bk-switcher-outline{background:#fff;border:1px solid #c4c6cc}.bk-switcher.bk-switcher-outline:after{width:24px;height:24px;background-color:#c4c6cc;box-shadow:none}.bk-switcher.bk-switcher-outline .switcher-text{color:#c4c6cc}.bk-switcher.bk-switcher-outline.is-checked{border:1px solid #2dcb56}.bk-switcher.bk-switcher-outline.is-checked:after{background-color:#2dcb56}.bk-switcher.bk-switcher-outline.is-checked .switcher-text{color:#2dcb56}.bk-switcher.bk-switcher-outline .bk-switcher-loading svg{color:#fff}.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked{border:1px solid #3a84ff}.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked:after{background:#3a84ff}.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked .switcher-text{color:#3a84ff}.bk-switcher.bk-switcher-square{border-radius:2px}.bk-switcher.bk-switcher-square:after{border-radius:2px}.bk-switcher.bk-switcher-large{height:24px;min-width:42px;line-height:22px}.bk-switcher.bk-switcher-large:after{width:20px;height:20px}.bk-switcher.bk-switcher-large .bk-switcher-loading{width:20px;height:20px;font-size:16px}.bk-switcher.bk-switcher-large.is-checked .bk-switcher-loading{margin-left:-21px}.bk-switcher.bk-switcher-small{height:16px;min-width:26px;line-height:22px}.bk-switcher.bk-switcher-small:after{width:12px;height:12px}.bk-switcher.bk-switcher-small .bk-switcher-loading{width:12px;height:12px;font-weight:700;transform:scale(.66667)}.bk-switcher.bk-switcher-small.is-checked .bk-switcher-loading{margin-left:-13px}:not(.show-label).bk-switcher-default.bk-switcher-outline:after{width:16px;height:16px}:not(.show-label).bk-switcher-outline.is-checked.bk-switcher-small:after{width:12px;height:12px}:not(.show-label).bk-switcher-outline.is-checked.bk-switcher-large:after{width:20px;height:20px}:not(.show-label).bk-switcher-outline.is-checked:after{width:16px;height:16px}@keyframes fadeEffect{to{opacity:0}}@keyframes waveEffect{to{box-shadow:0 0 #1890ff}}@keyframes loading{to{transform:rotate(1turn)}}.bk-F-scroll-x{overflow-x:auto;scrollbar-color:#a0a0a0 transparent;scrollbar-width:thin}.bk-F-scroll-x::-webkit-scrollbar{height:6px}.bk-F-scroll-y{overflow-y:auto}.bk-F-scroll-y::-webkit-scrollbar{width:4px}.bk-F-scroll-y::-webkit-scrollbar-thumb{border-radius:4px}.bk-virtual-render{position:relative}.bk-virtual-render .bk-virtual-content,.bk-virtual-render.bk-virtual-content{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%}.bk-virtual-render .bk-virtual-section{width:1px;background:transparent}.bk-checkbox{display:inline-flex;justify-self:center;font-size:14px;line-height:18px;letter-spacing:normal;color:#63656e;cursor:pointer;user-select:none}.bk-checkbox~.bk-checkbox{margin-left:30px}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input.small:after{width:3px;height:6px}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.bk-checkbox.is-indeterminated .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-indeterminated .bk-checkbox-input.small:after{width:6px;height:2px}.bk-checkbox.is-indeterminated .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.bk-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-checkbox.is-disabled .bk-checkbox-input{background:#fafbfd;border-color:#dcdee5}.bk-checkbox.is-disabled .bk-checkbox-input:after{background:#dcdee5}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input{background:#dcdee5}.bk-checkbox .bk-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.bk-checkbox .bk-checkbox-input.small{width:14px;height:14px}.bk-checkbox .bk-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.bk-checkbox .bk-checkbox-label{display:inline-block;vertical-align:middle}.bk-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;appearance:none;align-items:center;justify-content:center}.bk-button.bk-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.bk-button.bk-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.bk-button.bk-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.bk-button.bk-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.bk-button.bk-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.bk-button.bk-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.bk-button.bk-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.bk-button.bk-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.bk-button.bk-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.bk-button.bk-button-success:hover{background-color:#45e35f;border-color:#45e35f}.bk-button.bk-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.bk-button.bk-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.bk-button.bk-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.bk-button.bk-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.bk-button.bk-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.bk-button.bk-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.bk-button.bk-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-small{height:26px;padding:3px 12px;font-size:12px}.bk-button.bk-button-large{height:38px;padding:8px 20px;font-size:16px}.bk-button .bk-button-text{display:inline-flex;align-items:center;line-height:1}.bk-button.is-loading{position:relative}.bk-button.is-loading .bk-button-loading:not(:last-child){position:absolute}.bk-button.is-loading .bk-button-text{visibility:hidden}.bk-button:hover{border-color:#979ba5}.bk-button:active{color:#3a84ff;border-color:#3a84ff}.bk-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.bk-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.bk-button-group{display:inline-block;font-size:0}.bk-button-group.bk-button-group-small .bk-button{height:26px;padding:3px 12px;font-size:12px}.bk-button-group.bk-button-group-large .bk-button{height:38px;padding:8px 20px;font-size:16px}.bk-button-group .bk-button{height:32px;margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.bk-button-group .bk-button.is-disabled{color:#c4c6cc}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button:only-child{border-radius:2px}.bk-button-group .bk-button:hover:not(.is-disabled),.bk-button-group .bk-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.bk-button-group .bk-button.is-selected:not(.is-disabled){background-color:#e1ecff}.bk-button-group .bk-button.is-selected.is-disabled{background-color:#f0f1f5}.bk-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.bk-exception-img{display:flex;align-items:center;justify-content:center}.bk-exception-img .exception-image{display:block;height:100%;object-fit:contain}.bk-exception-title{color:#313238}.bk-exception-description{color:#63656e}.bk-exception-page .bk-exception-img{width:480px;height:240px}.bk-exception-page .bk-exception-title{margin-top:18px;font-size:24px;line-height:32px}.bk-exception-page .bk-exception-description{margin-top:16px;font-size:14px;line-height:22px}.bk-exception-page .bk-exception-footer{margin-top:24px}.bk-exception-part .bk-exception-img{width:120px;height:100px}.bk-exception-part .bk-exception-title{margin-top:8px;font-size:14px;line-height:22px}.bk-exception-part .bk-exception-description{margin-top:8px;font-size:12px;line-height:20px}.bk-exception-part .bk-exception-footer{margin-top:8px}.bk-pagination{display:flex;align-items:center;font-size:12px;letter-spacing:normal;color:#63656e;user-select:none}.bk-pagination.is-disabled{cursor:not-allowed}.bk-pagination.is-align-left{justify-content:flex-start}.bk-pagination.is-align-center{justify-content:center}.bk-pagination.is-align-right{justify-content:flex-end}.bk-pagination>*{margin:0 6px}.bk-pagination>.is-first{margin-left:0}.bk-pagination>.is-last{margin-right:0}.bk-pagination-total{display:flex;user-select:none}.bk-pagination-total-num{padding:0 2px}.bk-pagination-list{display:flex}.bk-pagination-list-pre-batch,.bk-pagination-list-next-batch,.bk-pagination-list-pre,.bk-pagination-list-next,.bk-pagination-list-item{display:flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 4px;margin-right:2px;margin-left:2px;color:#63656e;cursor:pointer;background:#fff;border-radius:2px;user-select:none}.bk-pagination-list-pre-batch.is-active,.bk-pagination-list-next-batch.is-active,.bk-pagination-list-pre.is-active,.bk-pagination-list-next.is-active,.bk-pagination-list-item.is-active{color:#3a84ff;background:#e1ecff}.bk-pagination-list-pre-batch:hover,.bk-pagination-list-next-batch:hover,.bk-pagination-list-pre:hover,.bk-pagination-list-next:hover,.bk-pagination-list-item:hover{background:#f0f1f5}.bk-pagination-list-pre-batch.is-disabled,.bk-pagination-list-next-batch.is-disabled,.bk-pagination-list-pre.is-disabled,.bk-pagination-list-next.is-disabled,.bk-pagination-list-item.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.bk-pagination-list-pre,.bk-pagination-list-next{font-size:20px;color:#979ba5}.bk-pagination-list-pre.is-disabled,.bk-pagination-list-next.is-disabled{color:#dcdee5;cursor:not-allowed;background-color:transparent}.bk-pagination-list-item{margin-right:2px;margin-left:2px}.bk-pagination-limit{display:flex;align-items:center;user-select:none}.bk-pagination-limit-select{width:60px;margin:0 4px}.bk-pagination-limit-select .bk-input{border-color:#f0f1f5}.bk-pagination-limit-select .bk-input--text{background-color:#f0f1f5}.bk-pagination-limit-select:hover .bk-input{border-color:#eaebf0}.bk-pagination-limit-select:hover .bk-input--text{background-color:#eaebf0}.bk-pagination-limit-select .bk-input.is-focused{border-color:#3a84ff}.bk-pagination-limit-select .bk-input.is-focused .bk-input--text{background-color:#fff}.bk-pagination-small-list{display:flex;align-items:center}.bk-pagination-small-list .bk-pagination-picker{display:flex;height:26px;margin:0 4px;cursor:pointer;background-color:#f0f1f5;border:1px solid #f0f1f5;border-radius:2px;align-items:center}.bk-pagination-small-list .bk-pagination-picker:hover{background-color:#eaebf0;border-color:#eaebf0}.bk-pagination-small-list .bk-pagination-picker.is-focused{background-color:#fff;border-color:#3a84ff;box-shadow:0 0 4px #3a84ff66}.bk-pagination-editor{height:16px;min-width:23px;padding-right:4px;padding-left:8px;line-height:16px;text-align:center;background-color:transparent;border:0;border-radius:2px;outline:none;transition:all .15s}.bk-pagination-small-list-total{padding-right:8px;padding-left:4px}.bk-pagination-btn-pre,.bk-pagination-btn-next{display:flex;width:26px;height:26px;font-size:20px;color:#979ba5;cursor:pointer;justify-content:center;align-items:center}.bk-pagination-btn-pre:hover,.bk-pagination-btn-next:hover{color:#3a84ff;background:#f0f1f5}.bk-pagination-btn-pre.is-disabled,.bk-pagination-btn-next.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-pagination-picker-list{max-height:216px;padding:7px 0;margin:-7px -14px;overflow:auto}.bk-pagination-picker-list .item{height:32px;padding:0 10px;font-size:12px;line-height:32px;color:#63656e;cursor:pointer}.bk-pagination-picker-list .item:hover,.bk-pagination-picker-list .item.is-actived{color:#3a84ff;background:#f4f6fa}.bk-popover2.bk-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.bk-popover2.bk-pop2-content .bk-pop2-arrow{position:absolute;width:8px;height:8px;background:#333;transform:rotate(45deg)}.bk-popover2.bk-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.bk-popover2.bk-pop2-content[data-theme^=light] .bk-pop2-arrow{background-color:#fff}.bk-table-head-action{display:flex;width:32px;height:var(--row-height);margin-left:4px;font-size:12px;color:#c4c6cc;cursor:pointer;align-items:center}.bk-table-head-action.active{color:#3a84ff}.bk-table-head-action.opened{color:inherit}.bk-popover2.bk-pop2-content.bk-table-head-filter{padding:5px 0 0;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px #0000001a}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list{max-width:200px;min-width:140px;overflow:auto}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item{width:100%;height:32px;padding:0 10px;font-size:12px;line-height:32px;color:#63656e;text-align:left}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover{background:#f0f1f5}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer{display:flex;height:42px;padding:0 10px;border-top:solid 1px #dcdee5;justify-content:center;align-items:center}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span{display:inline-flex;height:100%;padding:6px 12px;font-size:14px;line-height:22px;color:#3a84ff;cursor:pointer;align-items:center}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.disabled{color:transparent;cursor:auto}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split{width:1px;height:calc(100% - 12px);padding:6px 0;cursor:default;background:#f0f1f5}.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable{color:#979ba5;cursor:not-allowed}.bk-head-cell-sort{display:flex;flex-direction:column;margin-left:4px;font-size:10px}.bk-head-cell-sort .sort-action{display:flex;width:18px;height:calc(var(--row-height)/2);color:#c0c4cc;cursor:pointer}.bk-head-cell-sort .sort-action.active{color:#3a84ff}.bk-head-cell-sort .sort-action.sort-asc{align-items:flex-end}.bk-head-cell-sort .sort-action.sort-desc{align-items:flex-start}.bk-table-settings[data-bk-table-settings-theme=true]{padding:0}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content{width:515px;border:1px solid #dcdee5;border-radius:2px;opacity:1}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-head{position:relative;display:flex;padding:0 24px;margin:0;font-size:16px;font-weight:400;line-height:32px;color:#313238}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-head .icon-close-action{position:absolute;top:10px;right:15px;cursor:pointer}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-head .head-title{display:inline-block;height:26px;margin:24px 0;font-size:20px;line-height:26px;color:#313238}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body{padding:0 24px}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-title{display:flex;font-size:14px;line-height:19px;color:#63656e;justify-content:space-between}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-title .field-setting-label{height:22px;font-size:14px;line-height:22px;color:#313238;text-align:left}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-title .limit{color:#c4c6cc}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-title .check-all{color:#3a84ff;cursor:pointer}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-fields{display:flex;max-height:150px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-fields .field-item{width:150px;height:16px;margin-top:16px;line-height:16px}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-fields .field-item>label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height{display:flex;height:76px;font-size:14px;border-top:solid 1px #f0f1f5;align-items:center}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size{display:flex;width:68px;height:26px;color:#63656e;cursor:pointer;border:1px solid #c4c6cc;justify-content:center;align-items:center}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size.active{color:#3a84ff;background:#e1ecff;border:1px solid #a3c5fd}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size:not(.active){border-right:none;border-left:none}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size:first-child{border-right:1px solid #c4c6cc;border-left:1px solid #c4c6cc;border-bottom-left-radius:2px;border-top-left-radius:2px}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium{border-right:none}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size:last-child{border-right:1px solid #c4c6cc;border-left:1px solid #c4c6cc;border-top-right-radius:2px;border-bottom-right-radius:2px}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium{border-left:none}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-footer{display:flex;height:50px;padding:0 24px;background:#fafbfd;border:1px solid #dcdee5;border-radius:0 0 2px 2px;justify-content:flex-end;align-items:center}.bk-table{position:relative;height:auto;overflow:hidden;border-top:1px solid #dcdee5}.bk-table.has-scroll-y .bk-table-head{padding-right:4px}.bk-table .bk-table-body{position:relative;overflow:auto}.bk-table .bk-fixed-bottom-border{position:sticky;bottom:0;left:0;width:100%;border-top:1px solid #dcdee5;transform:translate(var(--scroll-head-left))}.bk-table .bk-fixed-bottom-border._is-empty{display:none}.bk-table .bk-table-head,.bk-table .bk-table-body{background:white}.bk-table .bk-table-head.__is-empty,.bk-table .bk-table-body.__is-empty{display:flex;height:100%;justify-content:center;align-items:center}.bk-table .bk-table-head.__is-empty .bk-table-body-content,.bk-table .bk-table-body.__is-empty .bk-table-body-content{display:flex;width:100%;height:100%;padding-bottom:20px}.bk-table .bk-table-head table,.bk-table .bk-table-body table{width:100%;border-collapse:collapse;table-layout:fixed;align-self:flex-start}.bk-table .bk-table-head table th,.bk-table .bk-table-body table th,.bk-table .bk-table-head table td,.bk-table .bk-table-body table td{height:var(--row-height);min-width:80px;clear:both}.bk-table .bk-table-head table th.expand-row .expand-btn-action,.bk-table .bk-table-body table th.expand-row .expand-btn-action,.bk-table .bk-table-head table td.expand-row .expand-btn-action,.bk-table .bk-table-body table td.expand-row .expand-btn-action{color:#575961}.bk-table .bk-table-head table th .cell,.bk-table .bk-table-body table th .cell,.bk-table .bk-table-head table td .cell,.bk-table .bk-table-body table td .cell{padding:0 15px;overflow:hidden;font-size:12px;color:#575961;text-align:left;text-overflow:ellipsis;white-space:nowrap}.bk-table .bk-table-head table th .cell.expand-cell,.bk-table .bk-table-body table th .cell.expand-cell,.bk-table .bk-table-head table td .cell.expand-cell,.bk-table .bk-table-body table td .cell.expand-cell{padding:0;text-overflow:unset}.bk-table .bk-table-head table th .expand-btn-action,.bk-table .bk-table-body table th .expand-btn-action,.bk-table .bk-table-head table td .expand-btn-action,.bk-table .bk-table-body table td .expand-btn-action{display:flex;padding:0 15px;color:#c4c6cc;cursor:pointer}.bk-table .bk-table-head table th.column_fixed,.bk-table .bk-table-body table th.column_fixed,.bk-table .bk-table-head table td.column_fixed,.bk-table .bk-table-body table td.column_fixed{position:sticky;background:#fff}.bk-table .bk-table-head table th.column_fixed.column_fixed_left,.bk-table .bk-table-body table th.column_fixed.column_fixed_left,.bk-table .bk-table-head table td.column_fixed.column_fixed_left,.bk-table .bk-table-body table td.column_fixed.column_fixed_left{left:0}.bk-table .bk-table-head table th.column_fixed.column_fixed_right,.bk-table .bk-table-body table th.column_fixed.column_fixed_right,.bk-table .bk-table-head table td.column_fixed.column_fixed_right,.bk-table .bk-table-body table td.column_fixed.column_fixed_right{right:0}.bk-table .bk-table-head table th.row_expend .expand-cell-ctx,.bk-table .bk-table-body table th.row_expend .expand-cell-ctx,.bk-table .bk-table-head table td.row_expend .expand-cell-ctx,.bk-table .bk-table-body table td.row_expend .expand-cell-ctx{min-height:30px}.bk-table .bk-table-head table thead th,.bk-table .bk-table-body table thead th{font-weight:400;color:#313238;background-color:#fafbfd}.bk-table .bk-table-head table thead th .cell,.bk-table .bk-table-body table thead th .cell{display:flex;align-items:center;height:calc(var(--row-height) - 1px)}.bk-table .bk-table-head table thead th.active,.bk-table .bk-table-body table thead th.active,.bk-table .bk-table-head table thead th:hover,.bk-table .bk-table-body table thead th:hover{background:#f0f1f5}.bk-table .bk-table-head table thead th.column_fixed,.bk-table .bk-table-body table thead th.column_fixed{transform:translate(var(--scroll-left))}.bk-table .bk-table-head table tbody tr td.empty-cell,.bk-table .bk-table-body table tbody tr td.empty-cell{padding-bottom:30px}.bk-table .bk-table-head table tbody tr td .cell,.bk-table .bk-table-body table tbody tr td .cell{display:block;width:100%;height:100%;line-height:calc(var(--row-height) - 1px);box-sizing:border-box;align-items:center}.bk-table .bk-table-head table tbody tr:hover td:not(.empty-cell),.bk-table .bk-table-body table tbody tr:hover td:not(.empty-cell){background:#f5f7fa}.bk-table .bk-table-head{position:relative;transform:translate(var(--scroll-head-left))}.bk-table .bk-table-head .table-head-settings{position:absolute;top:0;right:1px;bottom:0px;display:block;display:flex;width:calc(var(--row-height));font-size:14px;cursor:pointer;background:#fafbfd;border-right:1px solid #dcdee5;border-bottom:1px solid #dcdee5;border-left:1px solid #dcdee5;border-radius:0 2px 0 0;justify-content:center;align-items:center}.bk-table .bk-table-head .table-head-settings>span{display:flex;width:1rem;height:1rem}.bk-table .bk-table-footer{line-height:40px;border-bottom:1px solid #dcdee5}.bk-table .bk-table-footer.is-hidden{display:none}.bk-table.bordered-row td,.bk-table.bordered-row th{border-bottom:1px solid #dcdee5}.bk-table.bordered-row tr:last-child td{border-bottom:none}.bk-table.bordered-outer{border-right:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-table.bordered-col th,.bk-table.bordered-col td{border-right:1px solid #dcdee5}.bk-table.bordered-col th:last-child,.bk-table.bordered-col td:last-child{border-right:none}.bk-table.bordered-none th,.bk-table.bordered-none td{border-top:none;border-right:none;border-bottom:none;border-left:none}.bk-table .bk-table-fixed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none}.bk-table .bk-table-fixed .column_fixed{position:absolute}.bk-table .bk-table-fixed .column_fixed.column_fixed_left{top:0;left:0;box-shadow:0 0 10px #0000001f}.bk-table .bk-table-fixed .column_fixed.column_fixed_right{top:0;right:0;box-shadow:0 0 10px #0000001f}.bk-table .bk-table-fixed .scroll-loading._bottom{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:center}.bk-table colgroup col{background:white}.bk-table colgroup col.active{position:relative;background:#f0f1f5}.bk-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;margin:2px 6px 2px 0;font-size:12px;line-height:22px;color:#63656e;cursor:default;background-color:#f0f1f5;border-color:#979ba54d;box-sizing:border-box}.bk-tag.bk-tag-success{color:#14a568;border-color:#14a5684d;background-color:#e4faf0}.bk-tag.bk-tag-success.bk-tag-filled{background-color:#14a568}.bk-tag.bk-tag-success:hover:not(.bk-tag-filled){background-color:#dcf8ec}.bk-tag.bk-tag-info{color:#3a84ff;border-color:#3a84ff4d;background-color:#edf4ff}.bk-tag.bk-tag-info.bk-tag-filled{background-color:#3a84ff}.bk-tag.bk-tag-info:hover:not(.bk-tag-filled){background-color:#e1ecff}.bk-tag.bk-tag-warning{color:#fe9c00;border-color:#fea5004d;background-color:#fff1db}.bk-tag.bk-tag-warning.bk-tag-filled{background-color:#fe9c00}.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled){background-color:#ffe8c3}.bk-tag.bk-tag-danger{color:#ea3636;border-color:#ea35364d;background-color:#feebea}.bk-tag.bk-tag-danger.bk-tag-filled{background-color:#ea3636}.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled){background-color:#fedddc}.bk-tag:hover{background-color:#dcdee5}.bk-tag.bk-tag-filled{color:#fff;background-color:#979ba5}.bk-tag.bk-tag-filled:hover{opacity:.8}.bk-tag.bk-tag-stroke{padding:0 9px;line-height:20px;border-style:solid;border-width:1px}.bk-tag.bk-tag-closable{padding:0 4px 0 10px}.bk-tag.bk-tag-checkable{cursor:pointer;background:none}.bk-tag.bk-tag-checkable:hover{background:#F0F1F5}.bk-tag.bk-tag-check{color:#fff;background:#3a84ff}.bk-tag.bk-tag-check:hover{color:#fff;background:#3a84ff;opacity:1}.bk-tag .bk-tag-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-tag .bk-tag-icon{flex-shrink:0;margin-right:4px;font-size:14px;line-height:0}.bk-tag .bk-tag-close{flex-shrink:0;margin-left:4px;font-size:12px;line-height:0;cursor:pointer}.bk-form{text-align:left}.bk-form--vertical .bk-form-item{flex-direction:column}.bk-form--vertical .bk-form-label{width:auto;padding-right:0;text-align:left}.bk-form--vertical .bk-form-content{text-align:left}.bk-form-item{display:flex;margin-bottom:24px}.bk-form-item.is-required .bk-form-label:after{position:absolute;width:14px;line-height:32px;color:#ea3636;text-align:center;content:"*"}.bk-form-item.is-error .bk-input,.bk-form-item.is-error .bk-textarea,.bk-form-item.is-error .bk-date-picker-editor,.bk-form-item.is-error .bk-tag-input{border-color:#ea3636}.bk-form-label{position:relative;width:150px;padding-right:24px;font-size:14px;font-weight:400;line-height:32px;color:#63656e;text-align:right;flex:0 0 auto}.bk-form-label-description{cursor:pointer;border-bottom:1px dashed #979ba5}.bk-form-content{position:relative;line-height:32px;flex:1}.bk-form-error{position:absolute;left:0;padding-top:4px;font-size:12px;line-height:1;color:#ea3636;text-align:left}.bk-form-error-tips{position:absolute;top:8px;right:8px;font-size:16px;line-height:1;color:#ea3636}.bk-compose-form-item{display:inline-block}.bk-compose-form-item>.bk-input,.bk-compose-form-item>.bk-textarea,.bk-compose-form-item>.bk-select,.bk-compose-form-item>.bk-cascade,.bk-compose-form-item>.bk-color-picker,.bk-compose-form-item>.bk-date-picker,.bk-compose-form-item>.bk-tag-input,.bk-compose-form-item>.bk-tag-selector,.bk-compose-form-item>.bk-search-select{float:left;width:auto;margin-left:-1px}.bk-compose-form-item .bk-input,.bk-compose-form-item .bk-form-password,.bk-compose-form-item .bk-textarea,.bk-compose-form-item .bk-select,.bk-compose-form-item .bk-cascade,.bk-compose-form-item .bk-color-picker,.bk-compose-form-item .bk-date-picker .bk-date-picker-editor,.bk-compose-form-item .bk-tag-input,.bk-compose-form-item .bk-search-select{border-radius:0}.bk-compose-form-item .bk-input.control-active,.bk-compose-form-item .bk-select.is-focus,.bk-compose-form-item .bk-cascade.is-focus,.bk-compose-form-item .bk-color-picker.bk-color-picker-show-dropdown,.bk-compose-form-item .bk-color-picker:hover,.bk-compose-form-item .bk-date-picker .bk-date-picker-editor:focus,.bk-compose-form-item .bk-tag-input.active,.bk-compose-form-item .bk-tag-selector,.bk-compose-form-item .bk-search-select.is-focus{z-index:1;opacity:1}.bk-compose-form-item .bk-compose-form-item-head.bk-input,.bk-compose-form-item .bk-compose-form-item-head.bk-select,.bk-compose-form-item .bk-compose-form-item-head.bk-cascade,.bk-compose-form-item .bk-compose-form-item-head.bk-color-picker,.bk-compose-form-item .bk-compose-form-item-head.bk-date-picker .bk-date-picker-editor,.bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,.bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,.bk-compose-form-item .bk-compose-form-item-head.bk-search-select{margin-left:0;border-top-right-radius:0;border-bottom-right-radius:0}.bk-compose-form-item .bk-compose-form-item-tail.bk-input,.bk-compose-form-item .bk-compose-form-item-tail.bk-select,.bk-compose-form-item .bk-compose-form-item-tail.bk-cascade,.bk-compose-form-item .bk-compose-form-item-tail.bk-color-picker,.bk-compose-form-item .bk-compose-form-item-tail.bk-date-picker,.bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,.bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,.bk-compose-form-item .bk-compose-form-item-tail.bk-search-select{border-top-right-radius:2px;border-bottom-right-radius:2px}*{box-sizing:border-box}@keyframes loadingCircle{to{transform:rotate(360deg)}}.bk-steps{display:flex;width:100%;font-size:0}.bk-steps .icon-circle-4-1{width:12px;height:12px;border:2px solid #fff;border-right:0;border-bottom:0;border-left:0;border-radius:7px}.bk-steps .bk-icon{font-size:24px;line-height:24px}.bk-steps .bk-icon.icon-loading{display:inline-block;font-size:14px;animation:loadingCircle 1s infinite linear}.bk-steps .bk-step{position:relative;margin-right:8px;overflow:hidden;text-align:left;white-space:nowrap;flex:1}.bk-steps .bk-step .bk-step-indicator{z-index:1;display:inline-flex;width:24px;height:24px;padding:0;margin-right:8px;line-height:24px;color:#979ba5;text-align:center;vertical-align:top;background-color:#fff;border:1px solid #979ba5;border-radius:50%;box-sizing:border-box;align-items:center;justify-content:center}.bk-steps .bk-step .bk-step-number{font-family:arial;font-size:14px}.bk-steps .bk-step .bk-step-content{display:inline-block;vertical-align:top}.bk-steps .bk-step .bk-step-title{position:relative;display:inline-block;padding-right:8px;font-size:14px;line-height:24px;color:#63656e;word-break:break-all}.bk-steps .bk-step .bk-step-title:after{position:absolute;top:12px;left:100%;width:99999px;height:1px;background-color:transparent;content:""}.bk-steps .bk-step .bk-step-description{max-width:140px;font-size:12px;color:#979ba5;white-space:normal}.bk-steps .bk-step.bk-step-no-content .bk-step-indicator{margin-right:0}.bk-steps .bk-step.bk-step-no-content .bk-step-indicator:after{position:absolute;top:12px;left:100%;width:99999px;height:1px;background-color:transparent;content:""}.bk-steps .bk-step.bk-step-no-content .bk-step-indicator:after{top:10px;left:32px}.bk-steps .bk-step:last-child{margin-right:0;flex:none}.bk-steps .bk-step:last-child .bk-step-title{padding-right:0}.bk-steps .bk-step:last-child .bk-step-title:after{display:none}.bk-steps .bk-step.done .bk-step-title,.bk-steps .bk-step.done .bk-step-description{color:#63656e}.bk-steps .bk-step.done .bk-steps-icon{font-size:22px}.bk-steps .bk-step.done .bk-step-iconerror .bk-steps-icon{font-size:14px}.bk-steps .bk-step.current .bk-step-number,.bk-steps .bk-step.current .bk-step-icon,.bk-steps .bk-step.current .bk-step-text{border-width:2px}.bk-steps .bk-step.current .bk-step-title,.bk-steps .bk-step.current .bk-step-description{color:#63656e}.bk-steps .bk-step.current.bk-step-error .bk-step-indicator{background-color:#ea3636;border-color:#ea3636}.bk-steps .bk-step.current.bk-step-error .bk-step-title,.bk-steps .bk-step.current.bk-step-error .bk-step-description{color:#ea3636}.bk-steps .bk-step.isError .bk-step-indicator{background-color:#ea3636!important;border-color:#ea3636!important}.bk-steps .bk-step.isError .bk-step-content .bk-step-title{color:#ea3636!important}.bk-steps-primary .bk-step.done .bk-step-number,.bk-steps-primary .bk-step.done .bk-step-icon,.bk-steps-primary .bk-step.done .bk-step-text{color:#3a84ff;border-color:#3a84ff}.bk-steps-primary .bk-step.done .bk-step-title:after,.bk-steps-primary .bk-step.done .bk-step-indicator:after{background-image:linear-gradient(to right,#3a84ff 50%,transparent 0%)}.bk-steps-primary .bk-step.done:after{background-image:linear-gradient(#3a84ff 50%,transparent 0%)}.bk-steps-primary .bk-step.current .bk-step-number,.bk-steps-primary .bk-step.current .bk-step-icon,.bk-steps-primary .bk-step.current .bk-step-text{color:#fff;background-color:#3a84ff;border-color:#3a84ff}.bk-steps-warning .bk-step.done .bk-step-number,.bk-steps-warning .bk-step.done .bk-step-icon,.bk-steps-warning .bk-step.done .bk-step-text{color:#ff9c01;border-color:#ff9c01}.bk-steps-warning .bk-step.done .bk-step-title:after,.bk-steps-warning .bk-step.done .bk-step-indicator:after{background-image:linear-gradient(to right,#ff9c01 50%,transparent 0%)}.bk-steps-warning .bk-step.done:after{background-image:linear-gradient(#ff9c01 50%,transparent 0%)}.bk-steps-warning .bk-step.current .bk-step-number,.bk-steps-warning .bk-step.current .bk-step-icon,.bk-steps-warning .bk-step.current .bk-step-text{color:#fff;background-color:#ff9c01;border-color:#ff9c01}.bk-steps-success .bk-step.done .bk-step-number,.bk-steps-success .bk-step.done .bk-step-icon,.bk-steps-success .bk-step.done .bk-step-text{color:#2dcb56;border-color:#2dcb56}.bk-steps-success .bk-step.done .bk-step-title:after,.bk-steps-success .bk-step.done .bk-step-indicator:after{background-image:linear-gradient(to right,#2dcb56 50%,transparent 0%)}.bk-steps-success .bk-step.done:after{background-image:linear-gradient(#2dcb56 50%,transparent 0%)}.bk-steps-success .bk-step.current .bk-step-number,.bk-steps-success .bk-step.current .bk-step-icon,.bk-steps-success .bk-step.current .bk-step-text{color:#fff;background-color:#2dcb56;border-color:#2dcb56}.bk-steps-danger .bk-step.done .bk-step-number,.bk-steps-danger .bk-step.done .bk-step-icon,.bk-steps-danger .bk-step.done .bk-step-text{color:#ea3636;border-color:#ea3636}.bk-steps-danger .bk-step.done .bk-step-title:after,.bk-steps-danger .bk-step.done .bk-step-indicator:after{background-image:linear-gradient(to right,#ea3636 50%,transparent 0%)}.bk-steps-danger .bk-step.done:after{background-image:linear-gradient(#ea3636 50%,transparent 0%)}.bk-steps-danger .bk-step.current .bk-step-number,.bk-steps-danger .bk-step.current .bk-step-icon,.bk-steps-danger .bk-step.current .bk-step-text{color:#fff;background-color:#ea3636;border-color:#ea3636}.bk-steps-dashed .bk-step .bk-step-title:after,.bk-steps-dashed .bk-step .bk-step-indicator:after{background-image:linear-gradient(to right,#c4c6cc 50%,transparent 0%);background-position:bottom;background-repeat:repeat-x;background-size:6px 1px}.bk-steps-solid .bk-step .bk-step-title:after,.bk-steps-solid .bk-step .bk-step-indicator:after{background-color:#c4c6cc}.bk-steps-vertical{flex-direction:column;height:100%}.bk-steps-vertical .bk-step{margin-right:0;margin-bottom:8px}.bk-steps-vertical .bk-step .bk-step-title:after,.bk-steps-vertical .bk-step .bk-step-indicator:after{display:none}.bk-steps-vertical .bk-step:after{position:absolute;top:32px;left:12px;width:1px;height:100%;background-image:linear-gradient(#c4c6cc 50%,transparent 0%);background-position:right;background-repeat:repeat-y;background-size:1px 6px;content:""}.bk-steps-vertical .bk-step .bk-step-title{display:flex;height:100%;margin-top:0;text-align:left;align-items:center}.bk-steps-small .bk-step .bk-step-indicator{width:20px;height:20px;line-height:20px}.bk-steps-small .bk-step .bk-step-title{font-size:12px;line-height:20px}.bk-steps-small .bk-step .bk-step-number{font-size:12px}.bk-steps-small .bk-step .bk-step-icon{font-size:14px;line-height:14px}.bk-steps-small .bk-step:after{top:28px;left:10px}.bk-steps-small .bk-step .bk-step-title:after{top:10px}.bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator:after{top:8px;left:28px}.bk-message{position:fixed;top:20px;left:50%;display:flex;min-width:300px;padding:10px 15px;font-size:14px;color:#63656e;background:#f0f8ff;border:1px solid #e1ecff;border-radius:2px;transform:translate(-50%);box-shadow:0 2px 4px #e1e8f4;justify-content:space-between}.bk-message .bk-message-close{padding-left:20px;margin-right:0;font-size:18px;color:#c4c6cc;cursor:pointer}.bk-message .bk-message-close:hover{color:#979ba5}.bk-message-icon{display:inline-block;margin-right:10px;font-size:18px;color:#3a84ff}.bk-message-primary{background:#f0f8ff;border:1px solid #e1ecff}.bk-message-warning{background:#fff4e2;border:1px solid #ffe8c3;box-shadow:0 2px 4px #ede6db}.bk-message-warning .bk-message-icon{color:#ff9c01}.bk-message-success{background:#f2fff4;border:1px solid #dcffe2;box-shadow:0 2px 4px #cef0d7}.bk-message-success .bk-message-icon{color:#2dcb56}.bk-message-error{background:#ffeded;border:1px solid #ffdddd;box-shadow:0 2px 4px #f6dada}.bk-message-error .bk-message-icon{color:#ea3636}.bk-message-fade-enter-active,.bk-message-fade-leave-active{transition:margin .2s linear}.bk-message-fade-enter-from,.bk-message-fade-leave-to{margin-top:-50px;opacity:0}.bk-message-content{display:flex;align-items:baseline;word-break:break-all}.bk-notify{position:fixed;display:flex;width:360px;padding:24px;font-size:14px;line-height:20px;color:#63656e;background:#fff;border:1px solid #f0f1f5;border-radius:2px;box-shadow:0 3px 6px #00000026}.bk-notify .bk-notify-icon{position:absolute;top:22px;margin-right:5px;font-size:18px;color:#3a84ff}.bk-notify.bk-notify-warning .bk-notify-icon{color:#ff9c01}.bk-notify.bk-notify-success .bk-notify-icon{color:#2dcb56}.bk-notify.bk-notify-error .bk-notify-icon{color:#ea3636}.bk-notify .bk-notify-icon.bk-notify-close{top:8px;right:12px;margin-right:0;font-size:18px;color:#c4c6cc;cursor:pointer}.bk-notify .bk-notify-icon.bk-notify-close:hover{color:#979ba5}.bk-notify .bk-notify-content-header{display:inline-block;padding-left:23px;margin-top:0;margin-bottom:7px;font-size:16px;font-weight:700;color:#313238}.bk-notify .bk-notify-content-text{display:inline-block;padding-left:23px}.bk-notify-fade-enter-active,.bk-notify-fade-leave-active{transition:transform .3s linear,opacity .2s linear}.bk-notify-fade-enter-from,.bk-notify-fade-leave-to{opacity:0}.bk-notify-fade-enter-from.right,.bk-notify-fade-leave-to.right{transform:translate(100%)}.bk-notify-fade-enter-from.left,.bk-notify-fade-leave-to.left{transform:translate(-100%)}.bk-F-scroll-x{overflow-x:auto;scrollbar-color:#a0a0a0 transparent;scrollbar-width:thin}.bk-F-scroll-x::-webkit-scrollbar{height:6px}.bk-F-scroll-y{overflow-y:auto}.bk-F-scroll-y::-webkit-scrollbar{width:4px}.bk-F-scroll-y::-webkit-scrollbar-thumb{border-radius:4px}.bk-virtual-render{position:relative}.bk-virtual-render .bk-virtual-content,.bk-virtual-render.bk-virtual-content{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%}.bk-virtual-render .bk-virtual-section{width:1px;background:transparent}.bk-checkbox{display:inline-flex;justify-self:center;font-size:14px;line-height:18px;letter-spacing:normal;color:#63656e;cursor:pointer;user-select:none}.bk-checkbox~.bk-checkbox{margin-left:30px}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input.small:after{width:3px;height:6px}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.bk-checkbox.is-indeterminated .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-indeterminated .bk-checkbox-input.small:after{width:6px;height:2px}.bk-checkbox.is-indeterminated .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.bk-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-checkbox.is-disabled .bk-checkbox-input{background:#fafbfd;border-color:#dcdee5}.bk-checkbox.is-disabled .bk-checkbox-input:after{background:#dcdee5}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input{background:#dcdee5}.bk-checkbox .bk-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.bk-checkbox .bk-checkbox-input.small{width:14px;height:14px}.bk-checkbox .bk-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.bk-checkbox .bk-checkbox-label{display:inline-block;vertical-align:middle}.bk-tree{font-size:14px}.bk-tree .bk-node-row{padding-left:calc(var(--offset-left))}.bk-tree .bk-node-row.is-selected{background-color:#ebf2ff}.bk-tree .bk-tree-node{position:relative;display:flex;height:var(--lineHeight);padding-left:0;line-height:var(--lineHeight);cursor:pointer;align-items:center}.bk-tree .bk-tree-node:not(.is-root){margin-left:calc(var(--depth)*var(--indent))}.bk-tree .bk-tree-node:not(.is-root).level-line:before{position:absolute;top:calc(50% + 1px);left:calc(0px - var(--indent) + 6px);z-index:1;width:calc(var(--indent) - 6px);height:0;pointer-events:none;border-bottom:var(--level-line);content:""}.bk-tree .bk-tree-node.is-open .bk-node-action{color:#63656e}.bk-tree .bk-tree-node .node-virtual-line{position:absolute;top:-12px;bottom:50%;left:calc(var(--depth) * var(--indent) * -1 + 6px);display:inline-block;width:0;border-left:var(--level-line)}.bk-tree .bk-tree-node .bk-node-prefix{display:flex;width:14px;height:14px;align-items:center;justify-content:center}.bk-tree .bk-tree-node .bk-node-action{margin-right:6px;color:#979ba5}.bk-tree .bk-tree-node .bk-tree-icon{margin:0 6px 0 4px}.bk-tree .bk-tree-node .bk-node-content{display:flex;flex:1;align-items:center;min-width:0}.bk-tree .bk-tree-node .bk-node-content .bk-checkbox,.bk-tree .bk-tree-node .bk-node-content .bk-checkbox .bk-checkbox-input{margin:0}.bk-tree .bk-tree-node .bk-node-content .bk-node-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-slider{display:flex;flex-direction:row;align-items:center}.bk-slider .bk-slider-runway{position:relative;width:100%;height:4px;vertical-align:middle;cursor:pointer;background:#dcdee5;border-radius:2px;opacity:1}.bk-slider .bk-slider-runway .bk-slider-bar{position:absolute;height:4px;background:#3a84ff;border-bottom-left-radius:3px;border-top-left-radius:3px}.bk-slider .bk-slider-runway .bk-slider-bar.vertical{width:4px}.bk-slider .bk-slider-runway .bk-slider-bar.horizontal{height:4px}.bk-slider .bk-slider-runway .disable{background:#979ba5}.bk-slider .bk-slider-runway .bk-slider-labels{position:relative}.bk-slider .bk-slider-runway .bk-slider-labels.vertical{left:18px;display:flex;width:10px;height:100%;flex-direction:column;justify-content:space-between}.bk-slider .bk-slider-runway .bk-slider-labels.horizontal{top:10px;display:flex;width:100%;height:10px;flex-direction:row;justify-content:space-between}.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label{position:absolute;display:flex;width:10px;height:10px;text-align:center;white-space:nowrap;align-items:center;justify-content:center}.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.vertical{left:10px;transform:translateY(50%)}.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.horizontal{top:10px;transform:translate(-50%)}.bk-slider .bk-slider-interval{position:absolute;width:4px;height:4px;background-color:#fff;border-radius:100%;transform:translate(-50%)}.bk-slider .bk-slider-interval.vertical{left:2px}.bk-slider-input{display:flex;margin:0 0 0 28px;flex-direction:row;align-items:center}.bk-slider-input .input-item{width:92px}.bk-slider-input .input-center{margin:0 7px}.bk-slider-button{position:absolute;z-index:1001;display:flex;width:24px;height:24px;line-height:normal;text-align:center;background-color:transparent;user-select:none;justify-content:center;align-items:center}.bk-slider-button:hover{cursor:grab}.bk-slider-button.grabbing{cursor:grabbing}.bk-slider-button.vertical{left:-10px;transform:translateY(50%)}.bk-slider-button.horizontal{top:-10px;transform:translate(-50%)}.bk-slider-button .slider-button{width:12px;height:12px;background-color:#fff;border:2px solid #3a84ff;border-radius:50%;transition:.2s;user-select:none}.bk-slider-button .slider-button-disable{border:2px solid #979ba5}.bk-slider-button .slider-button:hover{box-shadow:0 0 0 4px #3a84ff4d}.bk-slider-button .slider-button:focus{box-shadow:0 0 10px #3a84ffe6}.bk-slider-button .slider-button-label{position:absolute;display:flex;text-align:center;align-items:center;justify-content:center}.bk-slider-button .slider-button-label.vertical{left:28px}.bk-slider-button .slider-button-label.horizontal{top:20px}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.collapse{width:60px}.open{background:#151d2c}.bk-menu{display:flex;width:260px;background-color:#182132;flex-direction:column;transition:width .3s ease-out}.bk-menu.is-collapse{width:60px}.bk-menu-submenu{display:flex;flex-direction:column;overflow:hidden;text-overflow:clip;white-space:nowrap;align-items:center;transition:width .3s ease-out}.bk-menu-submenu.is-opened{background:#151d2c}.bk-menu-submenu:hover{color:#fff;cursor:pointer}.bk-menu-submenu .submenu-header{display:flex;width:100%;height:40px;align-items:center}.bk-menu-submenu .submenu-header.is-collapse{color:#fff;background:linear-gradient(90deg,#3f87ff 0%,#3a84ff 100%)}.bk-menu-submenu .submenu-header-icon{display:flex;height:100%;font-size:18px;flex:0 0 60px;align-items:center;justify-content:center}.bk-menu-submenu .submenu-header-icon .menu-icon{display:flex;width:16px;height:16px;font-size:16px;align-items:center;justify-content:center;color:#b0bdd5}.bk-menu-submenu .submenu-header-content{display:flex;height:100%;align-items:center;flex:1;color:#acb9d1}.bk-menu-submenu .submenu-header-collapse{display:flex;width:16px;height:16px;font-size:16px;align-items:center;justify-content:center;margin-right:16px;color:#acb9d1;transform:rotate(-90deg);transition:transform .3s ease-out}.bk-menu-submenu .submenu-header-collapse.is-collapse{transform:rotate(0)}.bk-menu-submenu .submenu-list{display:flex;width:100%;padding:0;margin:0;flex-direction:column;flex:1;transition-property:all!important}.bk-menu-item{display:flex;width:100%;height:40px;min-height:40px;margin:2px 0;overflow:hidden;font-size:14px;color:#96a2b9;text-overflow:clip;white-space:nowrap;align-items:center;transition:width .3s ease-in-out}.bk-menu-item:hover{color:#fff;cursor:pointer}.bk-menu-item.is-active{color:#fff;background:linear-gradient(90deg,#3f87ff 0%,#3a84ff 100%)}.bk-menu-item .item-icon{display:flex;height:100%;font-size:18px;flex:0 0 60px;align-items:center;justify-content:center}.bk-menu-item .item-icon .default-icon{display:inline-block;width:3px;height:3px;background:#63656e;background-color:#fff;border-radius:50%}.bk-menu-item .item-content{display:flex;height:100%;align-items:center;flex:1}.bk-menu-group{display:flex;flex-direction:column}.bk-menu-group .group-name{display:flex;height:40px;margin:0 18px;overflow:hidden;font-size:12px;line-height:16px;color:#63656e;text-overflow:clip;white-space:nowrap;flex-wrap:nowrap;align-items:center}.bk-menu-group .group-wrap{display:flex;flex-direction:column;padding:0;margin:0}.bk-menu .collapse-transition{transition:all .3s ease-in-out}.bk-navigation{display:flex;flex-direction:column;width:100%;height:100%}.bk-navigation-title{display:flex;height:100%;padding:0 16px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;justify-content:flex-start;flex:0 0 260px}.bk-navigation-title .title-icon{display:flex;font-size:28px;color:#768197;flex:0 0 28px;align-items:center;justify-content:center}.bk-navigation-title .title-desc{display:inline-block;margin-left:16px;overflow:hidden;font-size:16px;font-weight:700;line-height:24px;color:#96a2b9;white-space:nowrap}.bk-navigation-header{flex:0 0 52px;display:flex;align-items:center;padding-right:24px;overflow:hidden;background:#182132}.bk-navigation-header .header-right{display:flex;height:100%;flex:1;align-items:center}.bk-navigation-wrapper{position:relative;display:flex;flex-direction:row;flex:1;min-height:0}.bk-navigation-wrapper .navigation-nav{position:relative;z-index:101;display:flex;width:60px;min-width:0;min-height:0;overflow:visible;transition:width cubic-bezier(.4,0,.2,1) .3s;flex:0 1 auto;flex-direction:column}.bk-navigation-wrapper .navigation-nav:hover{cursor:pointer}.bk-navigation-wrapper .navigation-nav .nav-slider{display:flex;width:60px;height:100%;background-color:#182132;transition:width cubic-bezier(.4,0,.2,1) .3s;flex:1;flex-direction:column}.bk-navigation-wrapper .navigation-nav .nav-slider-list{max-height:calc(100vh - 100px);padding:12px 0 4px;margin:0;overflow:auto;flex:1 1 auto}.bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar{display:none;width:6px;height:5px}.bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar:hover{transform:none;transition:opacity .34s ease-out}.bk-navigation-wrapper .navigation-nav .nav-slider-footer{display:flex;padding-left:14px;flex:0 0 56px;align-items:center;justify-content:flex-start}.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon{display:flex;width:32px;height:32px;font-size:14px;color:#63656e;border-radius:100%;align-items:center;justify-content:center;transform-origin:center center}.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon-svg{display:flex;width:16px;height:16px;font-size:16px;transition:transform cubic-bezier(.4,0,.2,1) .3s;align-items:center;justify-content:center;transform-origin:center center}.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left{color:#96a2b9}.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left:hover{color:#d3d9e4;cursor:pointer;background:linear-gradient(270deg,#253047 0%,#263247 100%)}.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon:hover{color:#3a3c42;cursor:pointer;background:linear-gradient(270deg,#dee0ea 0%,#eaecf2 100%)}.bk-navigation-wrapper .navigation-container{position:relative;display:flex;max-width:calc(100vw - 60px);min-width:0;min-height:0;flex:1 1 1px;flex-direction:column}.bk-navigation-wrapper .navigation-container .container-header{display:flex;width:100%;height:60px;padding:0 24px;background:#fff;border-bottom:1px solid #dcdee5;box-shadow:0 3px 4px #4070cb0f;flex-basis:60px;flex-direction:row;align-items:center;justify-content:flex-end}.bk-navigation-wrapper .navigation-container .container-header-title{height:21px;font-size:16px;line-height:21px;color:#313238}.bk-navigation-wrapper .navigation-container .container-header-sets{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end}.bk-navigation-wrapper .navigation-container .container-content{max-height:calc(100vh - 60px);padding:20px 24px 0;overflow:auto;background:#f5f7fa;flex:1}.bk-navigation-wrapper .navigation-container .container-footer{display:flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center}.bk-date-picker{display:inline-block;width:261px;line-height:normal}.bk-date-picker.long{width:342px}.bk-date-picker.medium-width{width:362px}.bk-date-picker.large-width{width:402px}.bk-date-picker-rel{position:relative}.bk-date-picker-rel .bk-date-picker-editor{display:block;width:100%;height:32px;padding:0 10px 0 30px;font-size:12px;line-height:32px;color:#63656e;cursor:pointer;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box}.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border{border-color:transparent transparent #c4c6cc transparent}.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus{border-color:transparent transparent #3a84ff transparent;box-shadow:none}.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly{border-color:transparent transparent #dcdee5 transparent}.bk-date-picker-rel .bk-date-picker-editor:focus{border:1px solid #3a84ff}.bk-date-picker-rel .bk-date-picker-editor::placeholder{color:#c4c6cc}.bk-date-picker-rel .bk-date-picker-editor[disabled]{color:#c4c6cc;cursor:not-allowed;background-color:#fafbfd;border-color:#c4c6cc}.bk-date-picker-rel .bk-date-picker-editor.readonly{background-color:#fafbfd;border-color:#c4c6cc}.bk-date-picker-rel .bk-date-picker-editor.medium-font{font-size:14px}.bk-date-picker-rel .bk-date-picker-editor.large-font{font-size:16px}.bk-date-picker-rel .clear-action{position:absolute;top:0;right:10px;padding:5px 0;font-size:14px;color:#c4c6cc;cursor:pointer}.bk-date-picker-rel .clear-action:hover{color:#979ba5}.bk-date-picker-rel .icon-wrapper{position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;color:#c4c6cc;cursor:pointer;background-color:transparent}.bk-date-picker-rel .icon-wrapper.disabled{cursor:not-allowed}.bk-date-picker-rel .icon-wrapper i.icon-clock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bk-date-picker-rel .icon-wrapper .picker-icon{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.bk-date-picker-dropdown{position:absolute;z-index:900;padding:5px 0 0;overflow:auto;background-color:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 3px 10px #0000001a;box-sizing:border-box}.bk-date-picker .bk-select-dropdown{max-height:none;padding:0;overflow:visible}.bk-date-picker-footer-wrapper{clear:both;font-size:14px;color:#979ba5;background-color:#fafbfd;border-top:1px solid #dcdee5}.bk-date-picker-top-wrapper{margin-top:-5px;clear:both;font-size:14px;color:#979ba5}.bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar{padding-right:140px}.bk-picker-panel-sidebar{position:absolute;top:0;right:0;bottom:0;width:140px;padding:12px 0;overflow:auto;font-size:14px;color:#3a84ff;background-color:#fafbfd;border-left:1px solid #dcdee5}.bk-picker-panel-sidebar .bk-picker-panel-shortcut{padding:6px 21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover{background-color:#e1ecff}.bk-picker-panel-sidebar .bk-picker-panel-shortcuts{height:100%;overflow:auto}.bk-picker-panel-sidebar .bk-picker-panel-shortcuts>div{height:32px;padding-left:30px;line-height:32px;color:#63656e;cursor:pointer}.bk-picker-panel-sidebar .bk-picker-panel-shortcuts>div:hover{color:#3a84ff;background-color:#e1ecff}.bk-picker-panel-body{float:left}.bk-picker-confirm{height:42px;padding:0 20px;clear:both;font-size:14px;line-height:41px;text-align:right;background-color:#fafbfd;border-top:1px solid #dcdee5}.bk-picker-confirm a{color:#979ba5}.bk-picker-confirm a.confirm{margin-left:10px;color:#3a84ff}.bk-picker-confirm a[disabled]{color:#c4c6cc;cursor:not-allowed}.bk-picker-confirm .bk-picker-confirm-time{float:left}.bk-date-picker-header{height:46px;font-size:14px;font-weight:700;line-height:46px;color:#63656e;text-align:center;border-bottom:1px solid #dcdee5}.bk-date-picker-header .bk-date-picker-header-label{cursor:pointer}.bk-date-picker-header .bk-date-picker-header-label:hover{color:#3a84ff}.bk-date-picker-header .up-to-now{margin-left:3px;font-weight:400;cursor:pointer}.bk-date-picker-header .up-to-now.disabled{color:#c4c6cc;cursor:not-allowed}.bk-date-picker-cells{margin:9px;font-size:12px;color:#63656e;white-space:normal}.bk-date-picker-cells span{display:inline-block;width:34px;height:32px;line-height:32px;text-align:center}.bk-date-picker-cells span em{display:inline-block;width:34px;height:32px;font-style:normal;line-height:32px;cursor:pointer}.bk-date-picker-cells .bk-date-picker-cells-header{text-align:center}.bk-date-picker-cells .bk-date-picker-cells-header span{width:28px;height:26px;margin:3px;line-height:26px;color:#63656e;text-align:center;cursor:default}.bk-date-picker-cells-cell:hover em{background-color:#f0f1f5}.bk-date-picker-cells-focused em{color:#3a84ff;box-shadow:0 0 0 1px #a3c5fd inset}.bk-date-picker-cells-cell-prev-month em,.bk-date-picker-cells-cell-next-month em{color:#c4c6cc}.bk-date-picker-cells-cell-prev-month:hover em,.bk-date-picker-cells-cell-next-month:hover em{background:transparent}span.bk-date-picker-cells-cell-week-label,span.bk-date-picker-cells-cell-week-label:hover,span.bk-date-picker-cells-cell-disabled,span.bk-date-picker-cells-cell-disabled:hover{color:#c4c6cc;cursor:not-allowed}span.bk-date-picker-cells-cell-week-label em,span.bk-date-picker-cells-cell-week-label:hover em,span.bk-date-picker-cells-cell-disabled em,span.bk-date-picker-cells-cell-disabled:hover em{color:inherit;cursor:not-allowed;background:inherit}span.bk-date-picker-cells-cell-disabled,span.bk-date-picker-cells-cell-disabled:hover{background-color:#f0f1f5}.bk-date-picker-cells-cell-today em{position:relative;color:#3a84ff;box-shadow:0 0 0 1px #a3c5fd inset}.bk-date-picker-cells-cell-range{position:relative}.bk-date-picker-cells-cell-range:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#e1ecff;border:0;border-radius:0;content:""}.bk-date-picker-cells-cell-range em{position:relative;z-index:1}.bk-date-picker-cells-cell-selected em,.bk-date-picker-cells-cell-selected:hover em{color:#fff;background-color:#3a84ff;box-shadow:0 0 0 1px #3a84ff inset}span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{color:#f7f7f7;background:#c4c6cc}.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after{background:#fff}.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover{box-shadow:0 0 0 1px #3a84ff inset}.bk-date-picker-cells-year,.bk-date-picker-cells-month{margin-top:7px}.bk-date-picker-cells-year span,.bk-date-picker-cells-month span{width:36px;height:32px;margin:10px 12px;line-height:32px;text-align:center;border-radius:3px}.bk-date-picker-cells-year span em,.bk-date-picker-cells-month span em{width:36px;height:32px;line-height:32px;text-align:center}.bk-picker-panel-icon-btn{display:inline-block;width:20px;height:46px;line-height:44px;color:#979ba5;text-align:center;cursor:pointer;transition:color .2s ease-in-out}.bk-picker-panel-icon-btn:hover{color:#2d8cf0}.bk-picker-panel-icon-btn i{font-size:20px}.bk-date-picker-prev-btn{float:left}.bk-date-picker-prev-btn-arrow-double{margin-left:10px}.bk-date-picker-prev-btn-arrow-double i:after{margin-left:-8px}.bk-date-picker-next-btn{float:right}.bk-date-picker-next-btn-arrow-double{margin-right:10px}.bk-date-picker-next-btn-arrow-double i:after{margin-left:-8px}.bk-date-picker-with-range .bk-picker-panel-body{min-width:532px}.bk-date-picker-with-range .bk-picker-panel-content{float:left}.bk-date-picker-with-range .bk-picker-cells-show-week-numbers{min-width:492px}.bk-date-picker-transfer{z-index:1060;max-height:none}.bk-fade-down-transition-enter-from,.bk-fade-down-transition-leave-to{opacity:0;transform:translateY(-20px)}.bk-fade-down-transition-enter-to,.bk-fade-down-transition-leave-from{opacity:1;transform:translateY(0)}.bk-fade-down-transition-enter-active,.bk-fade-down-transition-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.bk-divider{position:relative;background:#c4c6cc}.bk-divider-horizontal{width:100%;height:1px;margin:1em 0}.bk-divider-info{position:absolute;top:50%;padding:0 1.4em;color:#63656e;background-color:#fff;transform:translateY(-50%)}.bk-divider-info-center{left:50%;transform:translate(-50%) translateY(-50%)}.bk-divider-info .bk-divider-horizontal-left{left:2em}.bk-divider-info .bk-divider-horizontal-right{right:2em}.bk-divider-vertical .bk-divider-info{padding:20px 0}.bk-divider-vertical{display:inline-block;width:1px;height:100%;min-height:1em;margin:0 8px;vertical-align:middle}.bk-tab{position:relative;display:flex;width:100%}.bk-tab--top{flex-direction:column}.bk-tab--right{flex-direction:row-reverse}.bk-tab-header{position:relative;display:flex;color:#63656e}.bk-tab-header>div{display:flex;margin-bottom:-1px;flex-wrap:nowrap}.bk-tab--card .bk-tab-header>div,.bk-tab--border-card .bk-tab-header>div{border-right:1px solid #dcdee5}.bk-tab-header-navs{flex:1}.bk-tab--top .bk-tab-header-nav{overflow-x:auto;overflow-y:visible}.bk-tab--left .bk-tab-header-nav,.bk-tab--right .bk-tab-header-nav{overflow-x:visible;overflow-y:auto}.bk-tab--card .bk-tab-header-nav,.bk-tab--border-card .bk-tab-header-nav{border-left:1px solid #dcdee5}.bk-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.bk-tab-header-next,.bk-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.bk-tab-header-prev{left:1px}.bk-tab-header-next{right:1px}.bk-tab-header-operation .bk-tab-header-item{padding:0 12px}.bk-tab-header-setting{justify-self:flex-end;margin-left:auto}.bk-tab--left .bk-tab-header{border-right:1px solid #dcdee5}.bk-tab--right .bk-tab-header{border-left:1px solid #dcdee5}.bk-tab--left .bk-tab-header,.bk-tab--right .bk-tab-header{flex-direction:column}.bk-tab--left .bk-tab-header>div,.bk-tab--right .bk-tab-header>div{flex-direction:column}.bk-tab--card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab--border-card .bk-tab-header{background:#FAFBFD;border:solid #dcdee5;border-width:1px 1px 1px 0}.bk-tab--unborder-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.bk-tab-header-item:hover{color:#3a84ff}.bk-tab-header-item:hover .bk-tab-header-item-close{display:block;margin-left:5px;color:#ea3636}.bk-tab--top .bk-tab-header-item{padding:0 20px}.bk-tab--left .bk-tab-header-item,.bk-tab--right .bk-tab-header-item{padding:0 12px}.bk-tab--left .bk-tab-header-item{text-align:right}.bk-tab--card .bk-tab-header-item{border-top:1px solid #dcdee5}.bk-tab--card .bk-tab-header-item,.bk-tab--border-card .bk-tab-header-item{border-right:1px solid #dcdee5;border-bottom:1px solid #dcdee5}.bk-tab--card .bk-tab-header-item:last-of-type,.bk-tab--border-card .bk-tab-header-item:last-of-type{border-right:none}.bk-tab-header-operation .bk-tab-header-item{padding-right:12px;padding-left:12px}.bk-tab-header-item-close{display:none;font-size:16px;color:#c4c6cc}.bk-tab-header--active{color:#3a84ff}.bk-tab--card .bk-tab-header--active,.bk-tab--border-card .bk-tab-header--active{border-bottom-color:#fff}.bk-tab--unborder-card .bk-tab-header--active{border-bottom:2px solid #3a84ff}.bk-tab--left .bk-tab-header--active{border-right:2px solid #3a84ff}.bk-tab--right .bk-tab-header--active{border-left:2px solid #3a84ff}.bk-tab-header--disabled{color:#aaa;pointer-events:none;cursor:not-allowed}.bk-tab-content{flex:1;padding:10px}.bk-tab--border-card .bk-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.bk-tab-panel{height:100%}*{box-sizing:border-box}.bk-process{position:relative;display:flex}@keyframes loadingCircle{to{transform:rotate(360deg)}}.bk-process .bk-process-toggle{position:relative;left:15px;width:24px;height:24px;font-size:12px;line-height:24px;color:#63656e;text-align:center;text-decoration:none;border:1px solid #c4c6cc;border-radius:50%}.bk-process .bk-process-toggle.active,.bk-process .bk-process-toggle:hover{color:#fff;background:#3a84ff;border-color:#3a84ff}.bk-process .bk-process-icon-done{display:inline-block;font-size:22px;line-height:18px}.bk-process .bk-icon.icon-loading{display:inline-block;font-size:14px;animation:loadingCircle 1s infinite linear}.bk-process>ul{-ms-display:flex;-moz-display:flex;-webkit-display:flex;display:table;display:flex;width:100%;padding:0;margin:auto}.bk-process li{position:relative;display:table-cell;height:24px;font-family:PingFang SC,Microsoft Yahei,Helvetica,Aria;font-size:12px;line-height:24px;color:#63656e;text-align:center;background-color:#f0f1f5;flex:1}.bk-process li i{display:none}.bk-process li:first-of-type{border-radius:13px 0 0 13px}.bk-process li:last-of-type{border-radius:0 13px 13px 0}.bk-process li:last-of-type:before{display:none}.bk-process li:last-of-type:after{display:none}.bk-process li:before{position:absolute;top:0;right:-25px;z-index:1;width:0;height:0;border:12px solid;border-color:transparent transparent transparent #fff;content:""}.bk-process li:after{position:absolute;top:0;right:-23px;z-index:1;width:0;height:0;border:12px solid;border-color:transparent transparent transparent #f0f1f5;content:""}.bk-process li .bk-process-step{font-size:12px}.bk-process li .bk-process-step dd{margin:0;line-height:32px}.bk-process li .bk-process-step i{display:none}.bk-process li .bk-process-step .success i{display:inline-block;color:#2dcb56}.bk-process li .bk-process-step .steps-loading{top:-2px}.bk-process li.success{color:#fff;background:#2dcb56}.bk-process li.success:after{border-color:transparent transparent transparent #2dcb56}.bk-process li.success .icon-done{font-size:22px;line-height:18px}.bk-process li.current{color:#fff;background:#3a84ff}.bk-process li.current:after{border-color:transparent transparent transparent #3a84ff}.bk-process li.current>.bk-spin-loading{vertical-align:-3px}.bk-F-scroll-x{overflow-x:auto;scrollbar-color:#a0a0a0 transparent;scrollbar-width:thin}.bk-F-scroll-x::-webkit-scrollbar{height:6px}.bk-F-scroll-y{overflow-y:auto}.bk-F-scroll-y::-webkit-scrollbar{width:4px}.bk-F-scroll-y::-webkit-scrollbar-thumb{border-radius:4px}.bk-virtual-render{position:relative}.bk-virtual-render .bk-virtual-content,.bk-virtual-render.bk-virtual-content{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%}.bk-virtual-render .bk-virtual-section{width:1px;background:transparent}.bk-transfer{display:flex;justify-content:center;align-items:center;font-size:14px}.bk-transfer .transfer{width:30px;height:30px;margin:0 2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAV0lEQVQokZXQQQrAIAxE0W/JvU3O1nXXHqdd1EBbqYwDIgGfMCn70RBSgchhUwTgHQJgwLkAAcJE8IIGlEUodxqQc/eST6IYvpskF+H9rggdn9vzv0ffXGG8Ffrmgf5jAAAAAElFTkSuQmCC) no-repeat center center}.bk-transfer .source-list,.bk-transfer .target-list{flex:1;display:flex;flex-direction:column;height:400px;min-width:200px;overflow:hidden;background-color:#fff;border:1px solid #dde4eb;border-radius:2px}.bk-transfer .source-list .slot-header,.bk-transfer .target-list .slot-header,.bk-transfer .source-list .header,.bk-transfer .target-list .header{height:43px;padding:0 20px;background-color:#fafbfd;border-bottom:1px solid #dde4eb}.bk-transfer .source-list .header,.bk-transfer .target-list .header{display:flex;align-items:center;justify-content:space-between}.bk-transfer .source-list .header span,.bk-transfer .target-list .header span{font-size:12px;color:#3a84ff;cursor:pointer}.bk-transfer .source-list .header span.disabled,.bk-transfer .target-list .header span.disabled{color:#c4c6cc;cursor:not-allowed}.bk-transfer .source-list .transfer-search-input,.bk-transfer .target-list .transfer-search-input{height:36px;border-bottom:1px solid #f0f1f5;border-width:0 0 1px 0;border-radius:0;outline:none}.bk-transfer .source-list .transfer-search-input.is-focused,.bk-transfer .target-list .transfer-search-input.is-focused{box-shadow:none}.bk-transfer .source-list .empty,.bk-transfer .target-list .empty{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:30px;color:#c4c6cc;cursor:default}.bk-transfer .source-list .content,.bk-transfer .target-list .content{flex:1;margin:6px 0;overflow-y:auto}.bk-transfer .source-list .content li.custom-item,.bk-transfer .target-list .content li.custom-item,.bk-transfer .source-list .content li .item-content,.bk-transfer .target-list .content li .item-content{display:flex;align-items:center;height:40px;padding:0 20px;cursor:pointer}.bk-transfer .source-list .content li.custom-item:hover,.bk-transfer .target-list .content li.custom-item:hover,.bk-transfer .source-list .content li .item-content:hover,.bk-transfer .target-list .content li .item-content:hover{color:#3a84ff;background-color:#eef6fe}.bk-transfer .source-list .content li.custom-item:hover .icon-wrapper,.bk-transfer .target-list .content li.custom-item:hover .icon-wrapper,.bk-transfer .source-list .content li .item-content:hover .icon-wrapper,.bk-transfer .target-list .content li .item-content:hover .icon-wrapper{visibility:visible}.bk-transfer .source-list .content li.custom-item .content-text,.bk-transfer .target-list .content li.custom-item .content-text,.bk-transfer .source-list .content li .item-content .content-text,.bk-transfer .target-list .content li .item-content .content-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-transfer .source-list .content li.custom-item .icon-wrapper,.bk-transfer .target-list .content li.custom-item .icon-wrapper,.bk-transfer .source-list .content li .item-content .icon-wrapper,.bk-transfer .target-list .content li .item-content .icon-wrapper{visibility:hidden}.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon,.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon,.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon,.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon{display:flex;font-size:22px}.bk-transfer .source-list .content::-webkit-scrollbar,.bk-transfer .target-list .content::-webkit-scrollbar{width:4px}.bk-transfer .source-list .content::-webkit-scrollbar-thumb,.bk-transfer .target-list .content::-webkit-scrollbar-thumb{height:5px;background-color:#e6e9ea;border-radius:2px}.bk-pagination{display:flex;align-items:center;font-size:12px;letter-spacing:normal;color:#63656e;user-select:none}.bk-pagination.is-disabled{cursor:not-allowed}.bk-pagination.is-align-left{justify-content:flex-start}.bk-pagination.is-align-center{justify-content:center}.bk-pagination.is-align-right{justify-content:flex-end}.bk-pagination>*{margin:0 6px}.bk-pagination>.is-first{margin-left:0}.bk-pagination>.is-last{margin-right:0}.bk-pagination-total{display:flex;user-select:none}.bk-pagination-total-num{padding:0 2px}.bk-pagination-list{display:flex}.bk-pagination-list-pre-batch,.bk-pagination-list-next-batch,.bk-pagination-list-pre,.bk-pagination-list-next,.bk-pagination-list-item{display:flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 4px;margin-right:2px;margin-left:2px;color:#63656e;cursor:pointer;background:#fff;border-radius:2px;user-select:none}.bk-pagination-list-pre-batch.is-active,.bk-pagination-list-next-batch.is-active,.bk-pagination-list-pre.is-active,.bk-pagination-list-next.is-active,.bk-pagination-list-item.is-active{color:#3a84ff;background:#e1ecff}.bk-pagination-list-pre-batch:hover,.bk-pagination-list-next-batch:hover,.bk-pagination-list-pre:hover,.bk-pagination-list-next:hover,.bk-pagination-list-item:hover{background:#f0f1f5}.bk-pagination-list-pre-batch.is-disabled,.bk-pagination-list-next-batch.is-disabled,.bk-pagination-list-pre.is-disabled,.bk-pagination-list-next.is-disabled,.bk-pagination-list-item.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.bk-pagination-list-pre,.bk-pagination-list-next{font-size:20px;color:#979ba5}.bk-pagination-list-pre.is-disabled,.bk-pagination-list-next.is-disabled{color:#dcdee5;cursor:not-allowed;background-color:transparent}.bk-pagination-list-item{margin-right:2px;margin-left:2px}.bk-pagination-limit{display:flex;align-items:center;user-select:none}.bk-pagination-limit-select{width:60px;margin:0 4px}.bk-pagination-limit-select .bk-input{border-color:#f0f1f5}.bk-pagination-limit-select .bk-input--text{background-color:#f0f1f5}.bk-pagination-limit-select:hover .bk-input{border-color:#eaebf0}.bk-pagination-limit-select:hover .bk-input--text{background-color:#eaebf0}.bk-pagination-limit-select .bk-input.is-focused{border-color:#3a84ff}.bk-pagination-limit-select .bk-input.is-focused .bk-input--text{background-color:#fff}.bk-pagination-small-list{display:flex;align-items:center}.bk-pagination-small-list .bk-pagination-picker{display:flex;height:26px;margin:0 4px;cursor:pointer;background-color:#f0f1f5;border:1px solid #f0f1f5;border-radius:2px;align-items:center}.bk-pagination-small-list .bk-pagination-picker:hover{background-color:#eaebf0;border-color:#eaebf0}.bk-pagination-small-list .bk-pagination-picker.is-focused{background-color:#fff;border-color:#3a84ff;box-shadow:0 0 4px #3a84ff66}.bk-pagination-editor{height:16px;min-width:23px;padding-right:4px;padding-left:8px;line-height:16px;text-align:center;background-color:transparent;border:0;border-radius:2px;outline:none;transition:all .15s}.bk-pagination-small-list-total{padding-right:8px;padding-left:4px}.bk-pagination-btn-pre,.bk-pagination-btn-next{display:flex;width:26px;height:26px;font-size:20px;color:#979ba5;cursor:pointer;justify-content:center;align-items:center}.bk-pagination-btn-pre:hover,.bk-pagination-btn-next:hover{color:#3a84ff;background:#f0f1f5}.bk-pagination-btn-pre.is-disabled,.bk-pagination-btn-next.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-pagination-picker-list{max-height:216px;padding:7px 0;margin:-7px -14px;overflow:auto}.bk-pagination-picker-list .item{height:32px;padding:0 10px;font-size:12px;line-height:32px;color:#63656e;cursor:pointer}.bk-pagination-picker-list .item:hover,.bk-pagination-picker-list .item.is-actived{color:#3a84ff;background:#f4f6fa}*{box-sizing:border-box}.bk-timeline{padding:0;margin:16px 0 0;font-style:normal;font-weight:400;line-height:normal;text-align:left;list-style:none}.bk-timeline .bk-timeline-dot{position:relative;padding-bottom:24px;padding-left:16px;margin-top:13px;font-size:0;border-left:1px solid #d8d8d8}.bk-timeline .bk-timeline-dot:before{position:absolute;top:-12px;left:-6px;display:inline-block;width:11px;height:11px;background:#fff;border:2px solid #d8d8d8;border-radius:50%;content:"";box-sizing:border-box}.bk-timeline .bk-timeline-dot:last-child{padding-bottom:0;border-left:1px solid transparent}.bk-timeline .bk-timeline-dot .bk-timeline-title{display:inline-block;padding-bottom:10px;margin-top:-3px;font-size:14px;color:#63656e;cursor:pointer}.bk-timeline .bk-timeline-dot .bk-timeline-content{max-width:300px;font-size:14px;color:#666;word-break:break-all}.bk-timeline .bk-timeline-dot .bk-timeline-icon{position:absolute;top:-16px;left:-8px;display:flex;width:16px;height:16px;background:#fff;border:2px solid #d8d8d8;border-radius:50%;justify-content:center;align-items:center}.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner{display:inline-block}.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner>:first-child{font-size:12px}.bk-timeline .bk-timeline-dot .bk-timeline-section{position:relative;top:-13px}.bk-timeline .bk-timeline-dot.bk-timeline-large{margin-top:17px}.bk-timeline .bk-timeline-dot.bk-timeline-large:before{top:-16px;left:-8px;width:15px;height:15px}.bk-timeline .bk-timeline-dot.bk-timeline-large>.bk-timeline-section{top:-16px}.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon{margin-top:17px}.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon:before{display:none}.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon>.bk-timeline-section{top:-16px}.bk-timeline .bk-timeline-dot:first-child{margin-top:0}.bk-timeline .bk-timeline-primary{border-left:1px solid #3a84ff}.bk-timeline .bk-timeline-primary:before,.bk-timeline .bk-timeline-primary .bk-timeline-icon{color:#3a84ff;border:2px solid #3a84ff}.bk-timeline .bk-timeline-primary.bk-timeline-filled:before,.bk-timeline .bk-timeline-primary.bk-timeline-filled .bk-timeline-icon{background:#3a84ff}.bk-timeline .bk-timeline-warning{border-left:1px solid #ff9c01}.bk-timeline .bk-timeline-warning:before,.bk-timeline .bk-timeline-warning .bk-timeline-icon{color:#ff9c01;border:2px solid #ff9c01}.bk-timeline .bk-timeline-warning.bk-timeline-filled:before,.bk-timeline .bk-timeline-warning.bk-timeline-filled .bk-timeline-icon{background:#ff9c01}.bk-timeline .bk-timeline-success{border-left:1px solid #2dcb56}.bk-timeline .bk-timeline-success:before,.bk-timeline .bk-timeline-success .bk-timeline-icon{color:#2dcb56;border:2px solid #2dcb56}.bk-timeline .bk-timeline-success.bk-timeline-filled:before,.bk-timeline .bk-timeline-success.bk-timeline-filled .bk-timeline-icon{background:#2dcb56}.bk-timeline .bk-timeline-danger{border-left:1px solid #ea3636}.bk-timeline .bk-timeline-danger:before,.bk-timeline .bk-timeline-danger .bk-timeline-icon{color:#ea3636;border:2px solid #ea3636}.bk-timeline .bk-timeline-danger.bk-timeline-filled:before,.bk-timeline .bk-timeline-danger.bk-timeline-filled .bk-timeline-icon{background:#ea3636}.bk-timeline .bk-timeline-blue:before,.bk-timeline .bk-timeline-blue .bk-timeline-icon{color:#3a84ff;border:2px solid #3a84ff}.bk-timeline .bk-timeline-blue.bk-timeline-filled:before,.bk-timeline .bk-timeline-blue.bk-timeline-filled .bk-timeline-icon{background:#3a84ff}.bk-timeline .bk-timeline-red:before,.bk-timeline .bk-timeline-red .bk-timeline-icon{color:#ea3636;border:2px solid #ea3636}.bk-timeline .bk-timeline-red.bk-timeline-filled:before,.bk-timeline .bk-timeline-red.bk-timeline-filled .bk-timeline-icon{background:#ea3636}.bk-timeline .bk-timeline-green:before,.bk-timeline .bk-timeline-green .bk-timeline-icon{color:#2dcb56;border:2px solid #2dcb56}.bk-timeline .bk-timeline-green.bk-timeline-filled:before,.bk-timeline .bk-timeline-green.bk-timeline-filled .bk-timeline-icon{background:#2dcb56}.bk-timeline .bk-timeline-yellow:before,.bk-timeline .bk-timeline-yellow .bk-timeline-icon{color:#ff9c01;border:2px solid #ff9c01}.bk-timeline .bk-timeline-yellow.bk-timeline-filled:before,.bk-timeline .bk-timeline-yellow.bk-timeline-filled .bk-timeline-icon{background:#ff9c01}.bk-timeline .bk-timeline-gray:before,.bk-timeline .bk-timeline-gray .bk-timeline-icon{color:#63656e;border:2px solid #63656e}.bk-timeline .bk-timeline-gray.bk-timeline-filled:before,.bk-timeline .bk-timeline-gray.bk-timeline-filled .bk-timeline-icon{background:#63656e}.bk-timeline-dashed .bk-step .bk-step-title:after,.bk-timeline-dashed .bk-step .bk-step-indicator:after{background-image:linear-gradient(to right,#c4c6cc 50%,transparent 0%);background-position:bottom;background-repeat:repeat-x;background-size:6px 1px}.bk-timeline-solid .bk-step .bk-step-title:after,.bk-timeline-solid .bk-step .bk-step-indicator:after{background-color:#c4c6cc}.bk-timeline-vertical{height:100%;flex-direction:column}.bk-timeline-vertical .bk-step{margin-right:0;margin-bottom:8px}.bk-timeline-vertical .bk-step .bk-step-title:after,.bk-timeline-vertical .bk-step .bk-step-indicator:after{display:none}.bk-timeline-vertical .bk-step:after{position:absolute;top:32px;left:12px;width:1px;height:100%;background-image:linear-gradient(#c4c6cc 50%,transparent 0%);background-position:right;background-repeat:repeat-y;background-size:1px 6px;content:""}.bk-timeline-vertical .bk-step .bk-step-title{display:flex;height:100%;margin-top:0;text-align:left;align-items:center}.d2h-d-none{display:none}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;border-bottom:1px solid #d8d8d8;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;padding:5px 10px}.d2h-file-header,.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex}.d2h-file-stats{font-size:14px;margin-left:auto}.d2h-lines-added{border:1px solid #b4e2b4;border-radius:5px 0 0 5px;color:#399839;padding:2px;text-align:right;vertical-align:middle}.d2h-lines-deleted{border:1px solid #e9aeae;border-radius:0 5px 5px 0;color:#c33;margin-left:1px;padding:2px;text-align:left;vertical-align:middle}.d2h-file-name-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;width:100%}.d2h-file-name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.d2h-file-wrapper{border:1px solid #ddd;border-radius:3px;margin-bottom:1em}.d2h-file-collapse{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:none;font-size:12px;justify-content:flex-end;padding:4px 8px}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:13px;width:100%}.d2h-files-diff{width:100%}.d2h-file-diff{overflow-y:hidden}.d2h-file-side-diff{display:inline-block;margin-bottom:-8px;margin-right:-4px;overflow-x:scroll;overflow-y:hidden;width:50%}.d2h-code-line{padding:0 8em}.d2h-code-line,.d2h-code-side-line{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.d2h-code-side-line{padding:0 4.5em}.d2h-code-line-ctn{word-wrap:normal;background:none;display:inline-block;padding:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:pre;width:100%}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;display:inline-block;margin-top:-1px;text-decoration:none;vertical-align:middle}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;text-align:left}.d2h-code-line-prefix{word-wrap:normal;background:none;display:inline;padding:0;white-space:pre}.line-num1{float:left}.line-num1,.line-num2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:3.5em}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;border:solid #eee;border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0000004d;cursor:pointer;display:inline-block;position:absolute;text-align:right;width:7.5em}.d2h-code-linenumber:after{content:"\200b"}.d2h-code-side-linenumber{background-color:#fff;border:solid #eee;border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0000004d;cursor:pointer;display:inline-block;overflow:hidden;padding:0 .5em;position:absolute;text-align:right;text-overflow:ellipsis;width:4em}.d2h-code-side-linenumber:after{content:"\200b"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;border-color:#e1e1e1}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;border-color:#e9aeae}.d2h-ins{background-color:#dfd;border-color:#b4e2b4}.d2h-info{background-color:#f8fafd;border-color:#d5e4f2;color:#0000004d}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{color:#3572b0;text-decoration:none}.d2h-file-list-wrapper a:visited{color:#3572b0}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;margin:0;padding:0}.d2h-file-list>li{border-bottom:1px solid #ddd;margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;display:none;font-size:10px}.d2h-icon{fill:currentColor;margin-right:10px;vertical-align:middle}.d2h-deleted{color:#c33}.d2h-added{color:#399839}.d2h-changed{color:#d0b44c}.d2h-moved{color:#3572b0}.d2h-tag{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px}.d2h-deleted-tag{border:1px solid #c33}.d2h-added-tag{border:1px solid #399839}.d2h-changed-tag{border:1px solid #d0b44c}.d2h-moved-tag{border:1px solid #3572b0}.bk-code-diff{position:relative}.bk-code-diff .d2h-file-header{display:none}.bk-code-diff .hljs{color:#000;background:#fff}.bk-code-diff .hljs-comment,.bk-code-diff .hljs-quote{color:#800}.bk-code-diff .hljs-keyword,.bk-code-diff .hljs-name,.bk-code-diff .hljs-section,.bk-code-diff .hljs-selector-tag,.bk-code-diff .hljs-title{color:#008}.bk-code-diff .hljs-template-variable,.bk-code-diff .hljs-variable{color:#660}.bk-code-diff .hljs-regexp,.bk-code-diff .hljs-selector-attr,.bk-code-diff .hljs-selector-pseudo,.bk-code-diff .hljs-string{color:#080}.bk-code-diff .hljs-bullet,.bk-code-diff .hljs-link,.bk-code-diff .hljs-literal,.bk-code-diff .hljs-meta,.bk-code-diff .hljs-number,.bk-code-diff .hljs-symbol{color:#066}.bk-code-diff .hljs-attr,.bk-code-diff .hljs-built_in,.bk-code-diff .hljs-doctag,.bk-code-diff .hljs-params,.bk-code-diff .hljs-title,.bk-code-diff .hljs-type{color:#606}.bk-code-diff .hljs-attribute,.bk-code-diff .hljs-subst{color:#000}.bk-code-diff .hljs-formula{font-style:italic;background-color:#eee}.bk-code-diff .hljs-selector-class,.bk-code-diff .hljs-selector-id{color:#9b703f}.bk-code-diff .hljs-addition{background-color:#baeeba}.bk-code-diff .hljs-deletion{background-color:#ffc8bd}.bk-code-diff .hljs-doctag,.bk-code-diff .hljs-strong{font-weight:700}.bk-code-diff .hljs-emphasis{font-style:italic}.bk-code-diff .d2h-del .hljs,.bk-code-diff .d2h-ins .hljs{background:transparent}.bk-code-diff.dark,.bk-code-diff.dark .hljs{color:#abb2bf!important;background:#282c34}.bk-code-diff.dark .d2h-file-side-diff:nth-child(n + 2) .d2h-code-wrapper{border-left-color:#313238}.bk-code-diff.dark pre code.hljs{display:block;padding:1em;overflow-x:auto}.bk-code-diff.dark code.hljs{padding:3px 5px}.bk-code-diff.dark .hljs-comment,.bk-code-diff.dark .hljs-quote{font-style:italic;color:#5c6370}.bk-code-diff.dark .hljs-doctag,.bk-code-diff.dark .hljs-formula,.bk-code-diff.dark .hljs-keyword,.bk-code-diff.dark .hljs-params{color:#c678dd}.bk-code-diff.dark .hljs-deletion,.bk-code-diff.dark .hljs-name,.bk-code-diff.dark .hljs-section,.bk-code-diff.dark .hljs-selector-tag,.bk-code-diff.dark .hljs-subst{color:#e06c75}.bk-code-diff.dark .hljs-literal{color:#56b6c2}.bk-code-diff.dark .hljs-addition,.bk-code-diff.dark .hljs-attribute,.bk-code-diff.dark .hljs-meta .hljs-string,.bk-code-diff.dark .hljs-regexp,.bk-code-diff.dark .hljs-string{color:#98c379}.bk-code-diff.dark .hljs-attr,.bk-code-diff.dark .hljs-number,.bk-code-diff.dark .hljs-selector-attr,.bk-code-diff.dark .hljs-selector-class,.bk-code-diff.dark .hljs-selector-pseudo,.bk-code-diff.dark .hljs-template-variable,.bk-code-diff.dark .hljs-type,.bk-code-diff.dark .hljs-variable{color:#d19a66}.bk-code-diff.dark .hljs-bullet,.bk-code-diff.dark .hljs-link,.bk-code-diff.dark .hljs-meta,.bk-code-diff.dark .hljs-selector-id,.bk-code-diff.dark .hljs-symbol,.bk-code-diff.dark .hljs-title{color:#61aeee}.bk-code-diff.dark .hljs-built_in,.bk-code-diff.dark .hljs-class .hljs-title,.bk-code-diff.dark .hljs-title.class_{color:#e6c07b}.bk-code-diff.dark .hljs-emphasis{font-style:italic}.bk-code-diff.dark .hljs-strong{font-weight:700}.bk-code-diff.dark .hljs-link{text-decoration:underline}.bk-code-diff.dark .d2h-code-linenumber,.bk-code-diff.dark .d2h-code-side-linenumber{font-size:12px;color:#8f8f89;background:#282c34;border:none}.bk-code-diff.dark .d2h-info{color:inherit;background-color:transparent}.bk-code-diff.dark .d2h-del{background-color:#422321!important}.bk-code-diff.dark .d2h-del .hljs{background:transparent}.bk-code-diff.dark .d2h-ins{background:#2d3324!important}.bk-code-diff.dark .d2h-ins .hljs{background:transparent}.bk-code-diff.dark .d2h-code-side-emptyplaceholder,.bk-code-diff.dark .d2h-emptyplaceholder{background-color:#292929!important}.bk-resize-layout{display:flex}.bk-resize-layout-border{border:1px solid #dcdee5}.bk-resize-layout-collapsed>.bk-resize-layout-aside .bk-resize-layout-aside-content{overflow:hidden}.bk-resize-layout-collapsed>.bk-resize-layout-aside .bk-resize-collapse:before{display:inline-block;transform:rotate(180deg)}.bk-resize-layout-left{flex-direction:row}.bk-resize-layout-left>.bk-resize-layout-aside{border-right:1px solid #dcdee5}.bk-resize-layout-left>.bk-resize-layout-aside:after{top:50%;right:1px;transform:translate3d(0,-50%,0)}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-trigger{top:0;left:100%;width:5px;height:100%;cursor:col-resize}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-trigger:hover{@mixin linear-gradient left;}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-collapse{top:50%;left:100%;transform:translateY(-50%)}.bk-resize-layout-right{flex-direction:row-reverse}.bk-resize-layout-right>.bk-resize-layout-aside{border-left:1px solid #dcdee5}.bk-resize-layout-right>.bk-resize-layout-aside:after{top:50%;left:1px;transform:translate3d(0,-50%,0)}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-trigger{top:0;right:100%;width:5px;height:100%;cursor:col-resize}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-trigger:hover{@mixin linear-gradient right;}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-collapse{top:50%;right:100%;transform:translateY(-50%) rotate(180deg)}.bk-resize-layout-top{flex-direction:column}.bk-resize-layout-top>.bk-resize-layout-aside{border-bottom:1px solid #dcdee5}.bk-resize-layout-top>.bk-resize-layout-aside:after{bottom:1px;left:50%;transform:translate3d(-50%,0,0) rotate(90deg)}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-trigger{top:100%;left:0;width:100%;height:5px;cursor:row-resize}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-trigger:hover{@mixin linear-gradient top;}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-collapse{top:100%;left:50%;margin-top:8px;transform:translate3d(-50%,-50%,0) rotate(90deg)}.bk-resize-layout-bottom{flex-direction:column-reverse}.bk-resize-layout-bottom>.bk-resize-layout-aside{border-top:1px solid #dcdee5}.bk-resize-layout-bottom>.bk-resize-layout-aside:after{top:1px;left:50%;transform:translate3d(-50%,0,0) rotate(90deg)}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-trigger{bottom:100%;left:0;width:100%;height:5px;cursor:row-resize}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-trigger:hover{@mixin linear-gradient bottom;}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-collapse{bottom:100%;left:50%;margin-bottom:8px;transform:translate3d(50%,50%,0) rotate(-90deg)}.bk-resize-layout>.bk-resize-layout-aside{position:relative}.bk-resize-layout>.bk-resize-layout-aside:after{position:absolute;width:2px;height:2px;color:#c4c6cc;background:currentColor;content:"";box-shadow:0 4px 0 0 currentColor,0 8px 0 0 currentColor,0 -4px 0 0 currentColor,0 -8px 0 0 currentColor}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-layout-aside-content{width:100%;height:100%;overflow:hidden}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-trigger{position:absolute;z-index:3;background-color:transparent}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy{position:absolute;z-index:9999;pointer-events:none;visibility:hidden}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.left,.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.right{top:0;height:100%;border-left:1px dashed #3a84ff}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.top,.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.bottom{left:0;width:100%;border-top:1px dashed #3a84ff}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-collapse{position:absolute;z-index:2;width:16px;height:50px;font-size:20px;line-height:50px;color:#fff;text-align:center;text-indent:-2px;cursor:pointer;background:#dcdee5;border-radius:0 12px 12px 0}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-collapse:hover{background:#3a84ff}.bk-resize-layout>.bk-resize-layout-main{flex:1;overflow:hidden}.bk-resize-layout .bk-resize-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-upload__input-file{display:none}.bk-upload__tip{font-size:12px;color:#63656e}.bk-upload--disabled .bk-upload__tip{color:#c4c6cc}.bk-upload--button .bk-upload-trigger{display:inline-flex}.bk-upload--button .bk-upload__tip{display:inline-flex;margin-left:8px}.bk-upload--picture{display:flex;flex-wrap:wrap}.bk-upload--picture .bk-upload__tip{order:1;flex:1 0 100%}.bk-upload--single-picture .bk-upload__tip,.bk-upload--draggable .bk-upload__tip{margin-top:8px}.bk-upload-trigger{color:#63656e}.bk-upload-trigger__picture-inner{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column}.bk-upload-trigger__picture-icon{font-size:24px;font-weight:700;color:#979ba5}.bk-upload-trigger__picture-text{font-size:12px}.bk-upload-trigger__picture-thumbnail{width:88px;height:88px;object-fit:contain}.bk-upload-trigger__picture-actions{position:absolute;display:flex;width:100%;height:100%;color:#fff;background:rgba(0,0,0,.45);opacity:0;transition:opacity .35s;align-items:center;justify-content:center}.bk-upload-trigger__picture-actions .action-icon{margin:0 4px;font-size:18px;cursor:pointer}.bk-upload-trigger__picture-actions:hover{opacity:1}.bk-upload-trigger__picture-progress{position:absolute}.bk-upload-trigger--button{font-size:12px}.bk-upload-trigger__button-icon{font-size:18px}.bk-upload-trigger__button-text{font-size:12px}.bk-upload-trigger--draggable{height:80px;cursor:pointer;background-color:#fafbfd;border:1px dashed #c4c6cc;border-radius:2px}.bk-upload-trigger--dragover{border-color:#3a84ff}.bk-upload-trigger__draggable{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column}.bk-upload-trigger__draggable-icon{font-size:24px;font-weight:700;color:#979ba5}.bk-upload-trigger__draggable-text{font-size:12px}.bk-upload-trigger__draggable-upload-link{color:#3a84ff}.bk-upload-trigger--picture{position:relative;display:inline-flex;width:96px;height:96px;margin:0 8px 8px 0;overflow:hidden;cursor:pointer;background-color:#fafbfd;border:1px dashed #c4c6cc;border-radius:2px;align-items:center;justify-content:center}.bk-upload-trigger--single-picture.bk-upload-trigger--uploading{background:rgba(0,0,0,.65)}.bk-upload-trigger--has-file{border-style:solid}.bk-upload-trigger--fail{background:rgba(254,221,220,.4);border-color:#ff5656}.bk-upload-trigger--disabled.bk-upload-trigger{color:#c4c6cc}.bk-upload-trigger--disabled.bk-upload-trigger--draggable,.bk-upload-trigger--disabled.bk-upload-trigger--picture{cursor:not-allowed;background-color:#fff;border-color:#dcdee5}.bk-upload-trigger--disabled .bk-upload-trigger__draggable-inner,.bk-upload-trigger--disabled .bk-upload-trigger__draggable-icon,.bk-upload-trigger--disabled .bk-upload-trigger__draggable-upload-link,.bk-upload-trigger--disabled .bk-upload-trigger__picture-inner,.bk-upload-trigger--disabled .bk-upload-trigger__picture-icon,.bk-upload-trigger--disabled .bk-upload-trigger__picture-upload-link{color:#c4c6cc}.bk-upload-trigger:not(.bk-upload-trigger--disabled):hover{border-color:#3a84ff}.bk-upload-trigger:not(.bk-upload-trigger--disabled):hover .bk-upload-trigger__picture-icon,.bk-upload-trigger:not(.bk-upload-trigger--disabled):hover .bk-upload-trigger__draggable-icon{color:#3a84ff}.bk-upload-trigger--single-picture.bk-upload-trigger--fail.bk-upload-trigger--has-file:hover{border-color:#ff5656}.bk-upload-trigger--single-picture.bk-upload-trigger--has-file:hover{border-color:#c4c6cc}.bk-upload-list__item{display:flex;padding:10px;margin:8px 0;background:#fff;border:1px solid #c4c6cc;border-radius:2px;transition:all .125s cubic-bezier(.55,0,.1,1)}.bk-upload-list__item:hover{border-color:#979ba5}.bk-upload-list__item:hover .bk-upload-list__item-speed{display:none}.bk-upload-list__item:hover .bk-upload-list__item-actions{display:block}.bk-upload-list__item-enter-active,.bk-upload-list__item-leave-active{transition:all .625s}.bk-upload-list__item-enter-from,.bk-upload-list__item-leave-to{opacity:0;transform:translateY(-30px)}.bk-upload-list__item-icon{display:inline-flex;align-items:center;justify-content:center;color:#979ba5}.bk-upload-list__item-thumbnail{width:32px;height:32px;object-fit:contain}.bk-upload-list__item-file-icon{font-size:32px}.bk-upload-list__item-summary{flex:1;position:relative;padding:2px 2px 2px 10px;overflow:hidden}.bk-upload-list__item-name{font-size:12px;color:#63656e;text-align:left;direction:rtl;display:block;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-upload-list__item-speed{position:absolute;top:0;right:0;font-size:12px;font-weight:700;color:#63656e}.bk-upload-list__item-speed-rate{margin-left:4px}.bk-upload-list__item-speed-percentage{margin-left:16px}.bk-upload-list__item-message{display:block;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-upload-list__item-actions{position:absolute;top:50%;right:0;display:none;font-size:12px;transform:translateY(-50%)}.bk-upload-list__item-del-icon{font-size:14px;color:#979ba5;cursor:pointer}.bk-upload-list__item-retry-icon{margin-right:12px;font-size:14px;color:#979ba5;cursor:pointer}.bk-upload-list__item-progress{margin-top:8px;font-size:12px}.bk-upload-list__item--success .bk-upload-list__item-speed{top:50%;transform:translateY(-50%)}.bk-upload-list__item--success .bk-upload-list__item-message{color:#2dcb56}.bk-upload-list__item--success .bk-upload-list__item-message-success-icon{display:inline-block;font-size:22px;line-height:18px}.bk-upload-list__item--success:hover .bk-upload-list__item-speed{display:none}.bk-upload-list__item--fail{background:rgba(254,221,220,.4);border-color:#ff5656}.bk-upload-list__item--fail .bk-upload-list__item-message{color:#ff5656}.bk-upload-list__item--fail .bk-upload-list__item-actions{display:block}.bk-upload-list__item--fail:hover{border-color:#ff5656}.bk-upload-list__item-picture{position:relative;display:flex;width:96px;height:96px;padding:0;margin:0 8px 8px 0;overflow:hidden;flex-wrap:wrap;align-items:center;justify-content:center}.bk-upload-list__item-picture.bk-upload-list__item--uploading{background:rgba(0,0,0,.65)}.bk-upload-list__picture-item-thumbnail{width:88px;height:88px;object-fit:contain}.bk-upload-list__picture-item-actions{position:absolute;display:flex;width:100%;height:100%;color:#fff;background:rgba(0,0,0,.45);opacity:0;transition:opacity .35s;align-items:center;justify-content:center}.bk-upload-list__picture-item-actions .action-icon{margin:0 4px;font-size:18px;cursor:pointer}.bk-upload-list__picture-item-actions:hover{opacity:1}.bk-upload-list__picture-item-progress{position:absolute}.bk-upload-list--picture{display:flex;flex-wrap:wrap}.bk-upload-list--disabled .bk-upload-list__item{pointer-events:none}.bk-tag-input{position:relative;min-height:32px}.bk-tag-input .bk-popover,.bk-tag-input .bk-popover-reference{display:block}.bk-tag-input .bk-tag-input-trigger{position:relative;display:flex;min-height:32px;padding:0 0 0 5px;overflow:hidden;font-size:12px;cursor:pointer;background:white;border:1px solid #c4c6cc;border-radius:2px;align-items:center;justify-content:space-between}.bk-tag-input .bk-tag-input-trigger.active{border-color:#3a84ff}.bk-tag-input .bk-tag-input-trigger.disabled{cursor:not-allowed;background:#fafbfd;border-color:#dcdee5}.bk-tag-input .bk-tag-input-trigger .tag-list{display:inline-flex;max-height:135px;padding:0;margin:0;overflow:auto;align-items:center;flex-wrap:wrap}.bk-tag-input .bk-tag-input-trigger .tag-list>li{display:inline-flex;height:22px;margin:4px 5px 4px 0;overflow:hidden;font-size:12px;border:solid 1px transparent;border-radius:2px;align-items:center}.bk-tag-input .bk-tag-input-trigger .tag-list>li.tag-item{background:#f0f1f5;border-color:#f0f1f5}.bk-tag-input .bk-tag-input-trigger .tag-list .remove-tag{flex-shrink:0;margin-right:5px;font-size:14px;line-height:0}.bk-tag-input .bk-tag-input-trigger .tag-list .tag{max-width:190px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;flex:1}.bk-tag-input .bk-tag-input-trigger .tag-list .text{padding:0 5px;line-height:20px;color:#63656e;background-color:#f0f1f5;border-radius:2px;box-sizing:border-box}.bk-tag-input .bk-tag-input-trigger .tag-list .tag-input{width:10px;height:22px;max-width:295px;padding:0;border:0;outline:none;box-sizing:border-box}.bk-tag-input .bk-tag-input-trigger .placeholder{position:absolute;top:0;left:8px;padding:0;margin:0;line-height:30px;color:#c4c6cc}.bk-tag-input .bk-tag-input-trigger .clear-icon{margin-right:5px;font-size:14px;line-height:0;color:#c4c6cc;cursor:pointer}.bk-tag-input .bk-tag-input-trigger .clear-icon:hover{color:#979ba5}.bk-tag-input .bk-popover-content{padding:0}.bk-selector-list{min-width:150px}.bk-selector-list .outside-ul{max-height:160px;padding:6px 0;margin:0;overflow-y:auto;list-style:none;background-color:#fff;border:1px solid #dcdee5;border-radius:2px}.bk-selector-list .outside-ul::-webkit-scrollbar{width:6px;height:6px}.bk-selector-list .outside-ul::-webkit-scrollbar-thumb{min-height:24px;background-color:#dcdee5;border-radius:3px}.bk-selector-list .bk-selector-group-item{list-style:none}.bk-selector-list .bk-selector-group-item .group-name{padding-left:11px;font-size:12px;line-height:32px;color:#979ba5}.bk-selector-list .bk-selector-group-list-item{padding:0;margin:0;list-style:none}.bk-selector-list .bk-selector-list-item{position:relative;width:100%;cursor:pointer;background-color:#fff;border-right:#c4c6cc;border-left:#c4c6cc}.bk-selector-list .bk-selector-list-item:first-child{border-top:#c4c6cc}.bk-selector-list .bk-selector-list-item:last-child{border-bottom:#c4c6cc}.bk-selector-list .bk-selector-list-item.bk-selector-selected{background-color:#f4f6fa}.bk-selector-list .bk-selector-list-item.bk-selector-selected .selected-icon{display:inline-block}.bk-selector-list .bk-selector-list-item.bk-selector-actived{background-color:#f4f6fa}.bk-selector-list .bk-selector-list-item:hover{background-color:#eaf3ff}.bk-selector-list .bk-selector-list-item.disabled{cursor:not-allowed;background:white}.bk-selector-list .bk-selector-list-item.disabled .text{color:#c4c6cc}.bk-selector-list .bk-selector-list-item.loading{padding:5px 0 3px;text-align:center}.bk-selector-list .bk-selector-list-item .loading{position:relative;width:100%;height:40px;font-size:14px;cursor:default}.bk-selector-list .bk-selector-list-item .text{padding:0 10px;overflow:hidden;font-size:12px;line-height:32px;color:#63656e;text-overflow:ellipsis;white-space:nowrap}.bk-selector-list .bk-selector-list-item .bk-selector-tools{position:absolute;top:10px;right:0;display:none;font-size:12px}.bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon{margin-right:14px}.bk-selector-list .bk-selector-list-item .highlight-text{color:#3a84ff}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-grid-container{margin-right:auto;margin-left:auto}.bk-grid-row:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-grid-row .bk-grid-col>.bk-grid-row{margin:0 auto}.bk-grid-col{position:relative;float:left}.bk-cascader-popover.bk-pop2-content{padding:0}.bk-cascader-popover-wrapper{display:block}.bk-cascader{position:relative;width:250px;font-size:12px;line-height:30px;color:#63656e;cursor:pointer;border:1px solid #c4c6cc;border-radius:2px;outline:none}.bk-cascader.is-hover{border:1px solid #979ba5}.bk-cascader:focus{border:1px solid #3a84ff}.bk-cascader.bk-is-show-panel .bk-icon-angle-up{transform:rotate(0)}.bk-cascader.is-unselected:before{position:absolute;top:0;left:11px;height:100%;color:#c3cdd7;pointer-events:none;content:attr(data-placeholder)}.bk-cascader .bk-icon-angle-up,.bk-cascader .bk-icon-clear-icon{position:absolute;right:2px;display:inline-flex;height:100%;font-size:20px;color:#979ba5;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);align-items:center}.bk-cascader .bk-icon-clear-icon{right:4px;font-size:14px;color:#c4c6cc}.bk-cascader .bk-icon-clear-icon:hover{color:#979ba5}.bk-cascader .bk-popover-reference{display:block;width:100%}.bk-cascader .bk-cascader-name{display:block;max-width:100%;min-height:30px;padding:0 36px 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-cascader .bk-cascader-name .cascader-tag-list{display:flex;min-height:30px;box-sizing:border-box;flex-wrap:wrap}.bk-cascader .bk-cascader-name .cascader-tag-list .cascader-tag-item{position:relative;height:22px;padding-right:18px;margin:0 6px 5px 0;overflow:hidden;line-height:22px;cursor:pointer;background-color:#f0f1f5;border-radius:2px}.bk-cascader .bk-cascader-name .cascader-tag-list .cascader-tag-item:hover{background:#dcdee5}.bk-cascader .bk-cascader-name .cascader-tag-list .cascader-tag-item .cascader-tag-item-name{display:inline-block;width:100%;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-cascader-panel-wrapper{display:inline-flex;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.bk-cascader-panel-wrapper .bk-cascader-panel{min-width:160px;padding:6px 0;background:white;border-right:1px solid #dcdee5}.bk-cascader-panel-wrapper .bk-cascader-panel:last-child{border-right:none}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node{position:relative;padding:0 16px;overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover{background:#f5f7fa}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked{color:#3a84ff;background:#e1ecff}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:#fff}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .icon-angle-right{color:#c4c6cc}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-angle-right{position:absolute;top:-1px;right:0;font-size:20px;color:#979ba5}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-spinner{position:absolute;top:-1px;right:5px;font-size:12px;color:#979ba5}.bk-color-picker{position:relative;display:inline-flex;height:32px;color:#63656e;cursor:pointer;border:1px solid #dcdee5;border-radius:2px;outline:none;transition:border .2s,box-shadow .2s;align-content:center}.bk-color-picker.bk-color-picker-show-value{width:150px}.bk-color-picker.bk-color-picker-large{height:36px}.bk-color-picker.bk-color-picker-large.bk-color-picker-show-value{width:170px}.bk-color-picker.bk-color-picker-large.bk-color-picker-show-value .bk-color-picker-text{width:calc(100% - 62px);font-size:16px}.bk-color-picker.bk-color-picker-large .bk-color-picker-color .bk-color-picker-color-square{width:22px;height:22px;font-size:22px}.bk-color-picker.bk-color-picker-small{height:28px}.bk-color-picker.bk-color-picker-small.bk-color-picker-show-value{width:132px}.bk-color-picker.bk-color-picker-small.bk-color-picker-show-value .bk-color-picker-text{width:calc(100% - 56px);font-size:12px}.bk-color-picker.bk-color-picker-small .bk-color-picker-color .bk-color-picker-color-square{width:16px;height:16px;font-size:16px}.bk-color-picker:hover,.bk-color-picker:focus{border-color:#3a84ff;transition:border .2s}.bk-color-picker.bk-color-picker-show-dropdown{border-color:#3a84ff;box-shadow:0 0 0 2px #2d8cf033;transition:border .2s,box-shadow .2s}.bk-color-picker.bk-color-picker-show-dropdown .icon-angle-down{transform:rotate(-180deg);transition:transform .3s}.bk-color-picker.bk-color-picker-disabled{cursor:not-allowed;background-color:#e1ecff;border-color:#699df4}.bk-color-picker.bk-color-picker-disabled .bk-color-picker-text,.bk-color-picker.bk-color-picker-disabled .bk-color-picker-icon .icon-angle-down{color:#3a84ff}.bk-color-picker .bk-color-picker-color{display:flex;margin-left:6px;align-items:center}.bk-color-picker .bk-color-picker-color .bk-color-picker-color-square{width:18px;height:18px;font-size:18px;color:#3a84ff;box-shadow:inset 0 0 0 1px #00000026}.bk-color-picker .bk-color-picker-text{display:flex;width:calc(100% - 58px);margin-left:6px;font-size:14px;line-height:20px;color:#63656e;align-items:center}.bk-color-picker .bk-color-picker-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-color-picker .bk-color-picker-icon{display:flex;justify-content:center;align-items:center;width:20px;margin-right:5px;transform:rotate(180deg)}.bk-color-picker .bk-color-picker-icon .icon-angle-down{position:absolute;right:4px;display:flex;align-items:center;font-size:20px;color:#979ba5;transition:transform .3s}.bk-color-picker-dropdown{width:272px}.bk-color-picker-saturation{position:relative;height:180px;margin:0 6px 6px}.bk-color-picker-saturation .bk-color-picker-saturation-white{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.bk-color-picker-saturation .bk-color-picker-saturation-black{background:linear-gradient(0deg,#000,transparent)}.bk-color-picker-saturation .bk-color-picker-saturation-white,.bk-color-picker-saturation .bk-color-picker-saturation-black{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.bk-color-picker-hue{position:relative;height:10px;margin:0 6px 6px;cursor:pointer;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.bk-color-picker-hue .bk-color-picker-hue-pointer{position:absolute;top:0}.bk-color-picker-hue .bk-color-picker-hue-pointer .bk-color-picker-hue-rectangle{width:4px;height:8px;margin-top:1px;cursor:pointer;background:#fff;border-radius:1px;transform:translate(-2px);box-shadow:0 0 2px #0009}.bk-color-picker-input{display:flex;margin:0 6px 1px;font-size:12px;color:#63656e;justify-content:space-between}.bk-color-picker-input .bk-color-picker-input-hex .bk-color-picker-input-part .bk-color-picker-input-value{width:70px}.bk-color-picker-input .bk-color-picker-input-rgba{display:flex;width:160px;justify-content:space-between}.bk-color-picker-input .bk-color-picker-input-part{display:flex;flex-flow:column}.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value{width:32px;height:22px;padding:0 4px;line-height:16px;border:1px solid #c4c6cc;border-radius:2px;outline:none;transition:border .2s}.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value:focus{border-color:#3a84ff;transition:border .2s}.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value.error{border-color:#3a84ff}.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value::-webkit-outer-spin-button,.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value::-webkit-inner-spin-button{margin:0;appearance:none}.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-text{height:18px;line-height:18px;text-align:center}.bk-color-picker-recommend-container{padding:6px;border-top:1px solid #f0f1f5}.bk-color-picker-recommend-container .bk-color-picker-recommend{display:flex;flex-wrap:wrap}.bk-color-picker-recommend-container .bk-color-picker-recommend .bk-color-picker-recommend-color{width:20px;height:20px;margin:3px;cursor:pointer;border-radius:3px;box-shadow:inset 0 0 0 1px #00000026}.bk-color-picker-recommend-container .bk-color-picker-recommend .bk-color-picker-recommend-color.bk-color-picker-recommend-selected-color{box-shadow:0 0 3px 2px #3a84ff}.bk-color-picker-saturation,.bk-color-picker-hue,.bk-color-picker-recommend{outline:none;transition:box-shadow .2s}.bk-color-picker-saturation:focus,.bk-color-picker-hue:focus,.bk-color-picker-recommend:focus{box-shadow:0 0 0 2px #2d8cf080;transition:box-shadow .2s}.bk-color-picker-pointer{position:absolute;top:50%;left:50%;width:4px;height:4px;cursor:pointer}.bk-color-picker-pointer .bk-color-picker-circle{position:absolute;top:0;left:0;width:4px;height:4px;cursor:pointer;border-radius:50%;transform:translate(-2px,-2px);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006}.bk-color-picker-empty{position:relative}.bk-color-picker-empty:after{position:absolute;top:1px;left:calc(50% - 1px);width:2px;height:calc(100% - 2px);background:#ea3536;border-radius:1px;content:"";transform:rotate(45deg)}.bk-color-dropdown-container{padding:0;cursor:default;transform-origin:center top;will-change:top,left}.bk-time-picker-header{height:46px;font-size:14px;font-weight:700;line-height:46px;color:#63656e;text-align:center;border-bottom:1px solid #dcdee5}.bk-time-picker-cells:after{position:absolute;right:0;left:0;z-index:1;height:32px;padding-top:6px;margin-top:0;color:#3a84ff;text-align:left;pointer-events:none;background-color:#3a84ff29;content:"";box-sizing:border-box;mix-blend-mode:multiply}.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before{position:absolute;top:55px;left:85px;z-index:1;width:2px;padding-top:2px;background-color:#3a84ff;border-radius:50%;content:""}.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after{position:absolute;top:60px;left:85px;z-index:1;width:2px;padding-top:2px;background-color:#3a84ff;border-radius:50%;content:""}.bk-time-picker-cells-title-wrapper{width:100%;height:42px;line-height:42px}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title{position:relative;float:left;width:33.33%;font-size:14px;font-weight:700;color:#63656e;text-align:center;list-style:none}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active{color:#3a84ff}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before{position:absolute;top:55px;left:133px;z-index:1;width:2px;padding-top:2px;background-color:#3a84ff;border-radius:50%;content:""}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after{position:absolute;top:60px;left:133px;z-index:1;width:2px;padding-top:2px;background-color:#3a84ff;border-radius:50%;content:""}.bk-time-picker-cells-list{position:relative;float:left;width:33.33%;max-height:192px;overflow:hidden}.bk-time-picker-cells-list:hover{overflow-y:auto}.bk-time-picker-cells-list:first-child{border-radius:2px 0 0 2px}.bk-time-picker-cells-list:last-child{border-radius:0 2px 2px 0}.bk-time-picker-cells-list::-webkit-scrollbar{width:0;height:0;background-color:#ccc0}.bk-time-picker-cells-list::-webkit-scrollbar-thumb{width:0;height:0;background-color:transparent}.bk-time-picker-cells-list .bk-time-picker-cells-ul{width:100%;padding:0 0 160px;margin:0;list-style:none}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell{position:relative;width:100%;height:32px;padding:0;margin:0;font-size:12px;line-height:32px;color:#63656e;text-align:center;list-style:none;cursor:pointer;box-sizing:content-box;transition:background .2s ease-in-out;user-select:none}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover{color:#3a84ff}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled{color:#c4c6cc;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover{color:#c4c6cc;cursor:not-allowed;background-color:#fff}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover{color:#3a84ff}.bk-time-picker-header{height:46px;font-size:14px;font-weight:700;line-height:46px;color:#63656e;text-align:center;border-bottom:1px solid #dcdee5}.bk-time-picker-with-range .bk-picker-panel-content{position:relative;float:left}.bk-time-picker-with-range .bk-picker-panel-content:after{position:absolute;top:45px;right:-1px;bottom:0;z-index:1;display:block;width:1px;background:#e8eaec;content:""}.bk-time-picker-with-range .bk-picker-panel-content-right{float:right}.bk-time-picker-with-range .bk-picker-panel-content-right:after{right:auto;left:0}.bk-time-picker-with-range .bk-time-picker-cells-list:first-child{border-radius:0}.bk-time-picker-with-range .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells,.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds{min-width:216px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list{width:72px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li{padding:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list{width:108px;max-height:200px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul{padding:0 0 168px}