bkui-vue 0.0.1-beta.13 → 0.0.1-beta.132

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 (529) hide show
  1. package/README.md +31 -19
  2. package/dist/index.cjs.js +171 -0
  3. package/dist/index.esm.js +31713 -0
  4. package/dist/index.umd.js +171 -0
  5. package/dist/style.css +1 -4051
  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 +105 -0
  11. package/lib/affix/index.d.ts +190 -0
  12. package/lib/affix/index.js +1 -0
  13. package/lib/alert/alert.css +5 -3
  14. package/lib/alert/alert.d.ts +24 -15
  15. package/lib/alert/alert.less +7 -3
  16. package/lib/alert/alert.variable.css +24 -6
  17. package/lib/alert/index.d.ts +159 -61
  18. package/lib/alert/index.js +1 -1
  19. package/lib/animate-number/animate-number.d.ts +12 -7
  20. package/lib/animate-number/index.d.ts +76 -29
  21. package/lib/animate-number/index.js +1 -1
  22. package/lib/backtop/backtop.d.ts +28 -14
  23. package/lib/backtop/backtop.variable.css +19 -3
  24. package/lib/backtop/index.d.ts +172 -56
  25. package/lib/backtop/index.js +1 -1
  26. package/lib/badge/badge.css +5 -5
  27. package/lib/badge/badge.d.ts +64 -22
  28. package/lib/badge/badge.less +5 -6
  29. package/lib/badge/badge.variable.css +24 -8
  30. package/lib/badge/index.d.ts +305 -85
  31. package/lib/badge/index.js +1 -1
  32. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  33. package/lib/breadcrumb/breadcrumb.css +61 -1
  34. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  35. package/lib/breadcrumb/breadcrumb.less +13 -2
  36. package/lib/breadcrumb/breadcrumb.variable.css +80 -4
  37. package/lib/breadcrumb/index.d.ts +172 -46
  38. package/lib/breadcrumb/index.js +1 -1
  39. package/lib/button/button-group.d.ts +3 -5
  40. package/lib/button/button.css +92 -44
  41. package/lib/button/button.d.ts +76 -26
  42. package/lib/button/button.less +89 -47
  43. package/lib/button/button.variable.css +111 -47
  44. package/lib/button/index.d.ts +288 -103
  45. package/lib/button/index.js +1 -1
  46. package/lib/card/card.css +96 -1
  47. package/lib/card/card.d.ts +74 -18
  48. package/lib/card/card.less +50 -2
  49. package/lib/card/card.variable.css +115 -4
  50. package/lib/card/index.d.ts +336 -70
  51. package/lib/card/index.js +1 -1
  52. package/lib/cascader/cascader-panel.d.ts +48 -0
  53. package/lib/cascader/cascader.css +130 -0
  54. package/lib/cascader/cascader.d.ts +271 -0
  55. package/lib/cascader/cascader.less +146 -0
  56. package/lib/cascader/cascader.variable.css +232 -0
  57. package/lib/cascader/index.d.ts +991 -0
  58. package/lib/cascader/index.js +1 -0
  59. package/lib/cascader/interface.d.ts +44 -0
  60. package/lib/cascader/node.d.ts +24 -0
  61. package/lib/cascader/store.d.ts +15 -0
  62. package/lib/checkbox/checkbox-group.d.ts +13 -9
  63. package/lib/checkbox/checkbox.css +33 -6
  64. package/lib/checkbox/checkbox.d.ts +43 -32
  65. package/lib/checkbox/checkbox.less +44 -6
  66. package/lib/checkbox/checkbox.variable.css +52 -9
  67. package/lib/checkbox/common.d.ts +3 -3
  68. package/lib/checkbox/index.d.ts +234 -105
  69. package/lib/checkbox/index.js +1 -1
  70. package/lib/checkbox/type.d.ts +4 -8
  71. package/lib/code-diff/code-diff.css +186 -0
  72. package/lib/code-diff/code-diff.d.ts +80 -0
  73. package/lib/code-diff/code-diff.less +238 -0
  74. package/lib/code-diff/code-diff.variable.css +288 -0
  75. package/lib/code-diff/index.d.ts +204 -0
  76. package/lib/code-diff/index.js +1 -0
  77. package/lib/collapse/collapse.css +17 -1
  78. package/lib/collapse/collapse.d.ts +51 -22
  79. package/lib/collapse/collapse.less +24 -2
  80. package/lib/collapse/collapse.variable.css +119 -1
  81. package/lib/collapse/index.d.ts +191 -76
  82. package/lib/collapse/index.js +1 -1
  83. package/lib/collapse/utils.d.ts +11 -0
  84. package/lib/components.d.ts +26 -5
  85. package/lib/components.js +1 -0
  86. package/lib/container/col.d.ts +51 -0
  87. package/lib/container/container.css +91 -0
  88. package/lib/container/container.d.ts +83 -0
  89. package/lib/container/container.less +20 -0
  90. package/lib/container/container.variable.css +193 -0
  91. package/lib/container/index.d.ts +281 -0
  92. package/lib/container/index.js +1 -0
  93. package/lib/container/row.d.ts +4 -0
  94. package/lib/date-picker/date-picker.css +3 -2
  95. package/lib/date-picker/date-picker.d.ts +92 -137
  96. package/lib/date-picker/date-picker.less +5 -2
  97. package/lib/date-picker/date-picker.variable.css +22 -5
  98. package/lib/date-picker/index.d.ts +816 -277
  99. package/lib/date-picker/index.js +1 -1
  100. package/lib/date-picker/interface.d.ts +1 -1
  101. package/lib/date-picker/props.d.ts +118 -0
  102. package/lib/date-picker/utils.d.ts +1 -1
  103. package/lib/dialog/dialog.css +68 -16
  104. package/lib/dialog/dialog.d.ts +285 -52
  105. package/lib/dialog/dialog.less +43 -17
  106. package/lib/dialog/dialog.variable.css +68 -16
  107. package/lib/dialog/index.d.ts +982 -116
  108. package/lib/dialog/index.js +1 -1
  109. package/lib/directives/clickoutside.d.ts +3 -23
  110. package/lib/directives/index.js +2 -15
  111. package/lib/directives/index.js.LICENSE.txt +14 -0
  112. package/lib/directives/tooltips.d.ts +1 -1
  113. package/lib/dist.index.js +1 -0
  114. package/lib/divider/divider.d.ts +21 -13
  115. package/lib/divider/divider.variable.css +19 -3
  116. package/lib/divider/index.d.ts +133 -53
  117. package/lib/divider/index.js +1 -1
  118. package/lib/divider/props.d.ts +21 -0
  119. package/lib/dropdown/dropdown-item.d.ts +6 -5
  120. package/lib/dropdown/dropdown-menu.d.ts +6 -5
  121. package/lib/dropdown/dropdown.css +4 -0
  122. package/lib/dropdown/dropdown.d.ts +29 -15
  123. package/lib/dropdown/dropdown.less +5 -0
  124. package/lib/dropdown/dropdown.variable.css +23 -3
  125. package/lib/dropdown/index.d.ts +168 -73
  126. package/lib/dropdown/index.js +1 -1
  127. package/lib/exception/exception.d.ts +11 -9
  128. package/lib/exception/exception.variable.css +19 -3
  129. package/lib/exception/index.d.ts +71 -37
  130. package/lib/exception/index.js +1 -1
  131. package/lib/fixed-navbar/fixed-navbar.d.ts +29 -9
  132. package/lib/fixed-navbar/fixed-navbar.variable.css +19 -3
  133. package/lib/fixed-navbar/index.d.ts +145 -38
  134. package/lib/fixed-navbar/index.js +1 -1
  135. package/lib/form/compose-form-item.d.ts +16 -0
  136. package/lib/form/form-item.d.ts +61 -45
  137. package/lib/form/form.css +96 -10
  138. package/lib/form/form.d.ts +45 -40
  139. package/lib/form/form.less +136 -34
  140. package/lib/form/form.variable.css +198 -10
  141. package/lib/form/index.d.ts +361 -3
  142. package/lib/form/index.js +1 -1
  143. package/lib/form/type.d.ts +8 -6
  144. package/lib/form/validator.d.ts +1 -0
  145. package/lib/icon/angle-double-down-line.d.ts +4 -0
  146. package/lib/icon/angle-double-down-line.js +1 -0
  147. package/lib/icon/angle-double-left-line.d.ts +4 -0
  148. package/lib/icon/angle-double-left-line.js +1 -0
  149. package/lib/icon/angle-double-left.js +1 -0
  150. package/lib/icon/angle-double-right-line.d.ts +4 -0
  151. package/lib/icon/angle-double-right-line.js +1 -0
  152. package/lib/icon/angle-double-right.js +1 -0
  153. package/lib/icon/angle-double-up-line.d.ts +4 -0
  154. package/lib/icon/angle-double-up-line.js +1 -0
  155. package/lib/icon/angle-down-fill.d.ts +4 -0
  156. package/lib/icon/angle-down-fill.js +1 -0
  157. package/lib/icon/angle-down-line.js +1 -0
  158. package/lib/icon/angle-down.js +1 -0
  159. package/lib/icon/angle-left.js +1 -0
  160. package/lib/icon/angle-right.js +1 -0
  161. package/lib/icon/angle-up-fill.d.ts +4 -0
  162. package/lib/icon/angle-up-fill.js +1 -0
  163. package/lib/icon/angle-up.js +1 -0
  164. package/lib/icon/archive-fill.d.ts +4 -0
  165. package/lib/icon/archive-fill.js +1 -0
  166. package/lib/icon/arrows-left.d.ts +4 -0
  167. package/lib/icon/arrows-left.js +1 -0
  168. package/lib/icon/arrows-right.d.ts +4 -0
  169. package/lib/icon/arrows-right.js +1 -0
  170. package/lib/icon/audio-fill.d.ts +4 -0
  171. package/lib/icon/audio-fill.js +1 -0
  172. package/lib/icon/bk.d.ts +4 -0
  173. package/lib/icon/bk.js +1 -0
  174. package/lib/icon/circle.js +1 -0
  175. package/lib/icon/close-line.d.ts +4 -0
  176. package/lib/icon/close-line.js +1 -0
  177. package/lib/icon/close.js +1 -0
  178. package/lib/icon/code.js +1 -0
  179. package/lib/icon/cog-shape.js +1 -0
  180. package/lib/icon/collapse-left.js +1 -0
  181. package/lib/icon/copy.js +1 -0
  182. package/lib/icon/data-shape.d.ts +4 -0
  183. package/lib/icon/data-shape.js +1 -0
  184. package/lib/icon/del.d.ts +4 -0
  185. package/lib/icon/del.js +1 -0
  186. package/lib/icon/doc-fill.d.ts +4 -0
  187. package/lib/icon/doc-fill.js +1 -0
  188. package/lib/icon/done.js +1 -0
  189. package/lib/icon/down-shape.js +1 -0
  190. package/lib/icon/down-small.js +1 -0
  191. package/lib/icon/edit-line.d.ts +4 -0
  192. package/lib/icon/edit-line.js +1 -0
  193. package/lib/icon/ellipsis.d.ts +4 -0
  194. package/lib/icon/ellipsis.js +1 -0
  195. package/lib/icon/error.js +1 -0
  196. package/lib/icon/excel-fill.d.ts +4 -0
  197. package/lib/icon/excel-fill.js +1 -0
  198. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  199. package/lib/icon/exclamation-circle-shape.js +1 -0
  200. package/lib/icon/eye.js +1 -0
  201. package/lib/icon/folder-open.js +1 -0
  202. package/lib/icon/folder-shape-open.js +1 -0
  203. package/lib/icon/folder-shape.js +1 -0
  204. package/lib/icon/funnel.d.ts +4 -0
  205. package/lib/icon/funnel.js +1 -0
  206. package/lib/icon/help-document-fill.js +1 -0
  207. package/lib/icon/help-fill.js +1 -0
  208. package/lib/icon/help.js +1 -0
  209. package/lib/icon/image-fill.d.ts +4 -0
  210. package/lib/icon/image-fill.js +1 -0
  211. package/lib/icon/index.d.ts +34 -3
  212. package/lib/icon/index.js +1 -15
  213. package/lib/icon/info-line.js +1 -0
  214. package/lib/icon/info.js +1 -0
  215. package/lib/icon/left-shape.d.ts +4 -0
  216. package/lib/icon/left-shape.js +1 -0
  217. package/lib/icon/pdf-fill.d.ts +4 -0
  218. package/lib/icon/pdf-fill.js +1 -0
  219. package/lib/icon/play-shape.js +1 -0
  220. package/lib/icon/plus.js +1 -0
  221. package/lib/icon/ppt-fill.d.ts +4 -0
  222. package/lib/icon/ppt-fill.js +1 -0
  223. package/lib/icon/qq.d.ts +4 -0
  224. package/lib/icon/qq.js +1 -0
  225. package/lib/icon/right-shape.js +1 -0
  226. package/lib/icon/search.js +1 -0
  227. package/lib/icon/share.js +1 -0
  228. package/lib/icon/spinner.d.ts +4 -0
  229. package/lib/icon/spinner.js +1 -0
  230. package/lib/icon/success.js +1 -0
  231. package/lib/icon/switcher-loading.js +1 -0
  232. package/lib/icon/text-file.js +1 -0
  233. package/lib/icon/text-fill.d.ts +4 -0
  234. package/lib/icon/text-fill.js +1 -0
  235. package/lib/icon/tree-application-shape.js +1 -0
  236. package/lib/icon/unvisible.js +1 -0
  237. package/lib/icon/up-shape.d.ts +4 -0
  238. package/lib/icon/up-shape.js +1 -0
  239. package/lib/icon/upload.d.ts +4 -0
  240. package/lib/icon/upload.js +1 -0
  241. package/lib/icon/video-fill.d.ts +4 -0
  242. package/lib/icon/video-fill.js +1 -0
  243. package/lib/icon/warn.js +1 -0
  244. package/lib/icon/weixin.d.ts +4 -0
  245. package/lib/icon/weixin.js +1 -0
  246. package/lib/index.d.ts +1 -1
  247. package/lib/index.js +1 -0
  248. package/lib/input/index.d.ts +688 -197
  249. package/lib/input/index.js +1 -15
  250. package/lib/input/input.css +232 -16
  251. package/lib/input/input.d.ts +182 -52
  252. package/lib/input/input.less +182 -19
  253. package/lib/input/input.variable.css +248 -15
  254. package/lib/link/index.d.ts +161 -55
  255. package/lib/link/index.js +1 -1
  256. package/lib/link/link.d.ts +25 -13
  257. package/lib/link/link.variable.css +19 -3
  258. package/lib/loading/index.d.ts +281 -72
  259. package/lib/loading/index.js +1 -1
  260. package/lib/loading/loading.css +177 -98
  261. package/lib/loading/loading.d.ts +109 -25
  262. package/lib/loading/loading.less +84 -73
  263. package/lib/loading/loading.variable.css +196 -101
  264. package/lib/menu/index.d.ts +122 -72
  265. package/lib/menu/index.js +1 -1
  266. package/lib/menu/menu-group.d.ts +6 -5
  267. package/lib/menu/menu-item.d.ts +6 -5
  268. package/lib/menu/menu.css +51 -0
  269. package/lib/menu/menu.d.ts +16 -21
  270. package/lib/menu/menu.variable.css +70 -3
  271. package/lib/menu/submenu.css +3 -0
  272. package/lib/menu/submenu.d.ts +6 -5
  273. package/lib/menu/submenu.less +1 -1
  274. package/lib/menu/submenu.variable.css +22 -3
  275. package/lib/menu/utils.d.ts +1 -1
  276. package/lib/message/index.js +1 -1
  277. package/lib/message/message.css +16 -2
  278. package/lib/message/message.less +18 -1
  279. package/lib/message/message.variable.css +35 -5
  280. package/lib/message/messageConstructor.d.ts +68 -20
  281. package/lib/modal/index.d.ts +732 -69
  282. package/lib/modal/index.js +1 -1
  283. package/lib/modal/modal.css +25 -1
  284. package/lib/modal/modal.d.ts +191 -24
  285. package/lib/modal/modal.less +33 -1
  286. package/lib/modal/modal.variable.css +25 -1
  287. package/lib/modal/props.mixin.d.ts +77 -10
  288. package/lib/navigation/index.d.ts +428 -1
  289. package/lib/navigation/index.js +1 -1
  290. package/lib/navigation/navigation-title.d.ts +10 -7
  291. package/lib/navigation/navigation.css +1 -1
  292. package/lib/navigation/navigation.d.ts +50 -24
  293. package/lib/navigation/navigation.less +1 -1
  294. package/lib/navigation/navigation.variable.css +20 -4
  295. package/lib/notify/index.js +1 -1
  296. package/lib/notify/notify.css +17 -1
  297. package/lib/notify/notify.less +19 -1
  298. package/lib/notify/notify.variable.css +36 -4
  299. package/lib/notify/notifyConstructor.d.ts +83 -23
  300. package/lib/pagination/index.d.ts +552 -0
  301. package/lib/pagination/index.js +1 -0
  302. package/lib/pagination/pagination.css +179 -0
  303. package/lib/pagination/pagination.d.ts +220 -0
  304. package/lib/pagination/pagination.less +201 -0
  305. package/lib/pagination/pagination.variable.css +281 -0
  306. package/lib/pagination/type.d.ts +6 -0
  307. package/lib/pagination/use-limit.d.ts +8 -0
  308. package/lib/pagination/use-list.d.ts +8 -0
  309. package/lib/pagination/use-small-list.d.ts +5 -0
  310. package/lib/pagination/use-total.d.ts +5 -0
  311. package/lib/popover/index.d.ts +488 -138
  312. package/lib/popover/index.js +1 -1
  313. package/lib/popover/popover.css +26 -13
  314. package/lib/popover/popover.d.ts +122 -45
  315. package/lib/popover/popover.less +59 -45
  316. package/lib/popover/popover.variable.css +45 -16
  317. package/lib/popover/props.d.ts +104 -0
  318. package/lib/popover2/arrow.d.ts +2 -0
  319. package/lib/popover2/const.d.ts +10 -0
  320. package/lib/popover2/content.d.ts +24 -0
  321. package/lib/popover2/index.d.ts +704 -0
  322. package/lib/popover2/index.js +1 -0
  323. package/lib/popover2/popover2.css +25 -0
  324. package/lib/popover2/popover2.d.ts +209 -0
  325. package/lib/popover2/popover2.less +35 -0
  326. package/lib/popover2/popover2.variable.css +127 -0
  327. package/lib/popover2/props.d.ts +108 -0
  328. package/lib/popover2/reference.d.ts +2 -0
  329. package/lib/popover2/root.d.ts +16 -0
  330. package/lib/popover2/use-floating.d.ts +20 -0
  331. package/lib/popover2/use-platform.d.ts +30 -0
  332. package/lib/popover2/use-popper-id.d.ts +7 -0
  333. package/lib/preset.d.ts +2 -3
  334. package/lib/preset.js +1 -0
  335. package/lib/process/index.d.ts +279 -0
  336. package/lib/process/index.js +1 -0
  337. package/lib/process/process.css +138 -0
  338. package/lib/process/process.d.ts +131 -0
  339. package/lib/process/process.less +178 -0
  340. package/lib/process/process.variable.css +240 -0
  341. package/lib/progress/index.d.ts +474 -136
  342. package/lib/progress/index.js +1 -1
  343. package/lib/progress/progress.css +51 -3
  344. package/lib/progress/progress.d.ts +89 -36
  345. package/lib/progress/progress.less +0 -4
  346. package/lib/progress/progress.variable.css +70 -6
  347. package/lib/radio/common.d.ts +5 -5
  348. package/lib/radio/index.d.ts +206 -95
  349. package/lib/radio/index.js +1 -1
  350. package/lib/radio/radio-button.d.ts +30 -23
  351. package/lib/radio/radio-group.d.ts +11 -10
  352. package/lib/radio/radio.css +12 -13
  353. package/lib/radio/radio.d.ts +27 -17
  354. package/lib/radio/radio.less +13 -14
  355. package/lib/radio/radio.variable.css +32 -17
  356. package/lib/radio/type.d.ts +10 -5
  357. package/lib/rate/index.d.ts +85 -41
  358. package/lib/rate/index.js +1 -1
  359. package/lib/rate/rate.d.ts +13 -10
  360. package/lib/rate/star.d.ts +33 -16
  361. package/lib/resize-layout/index.d.ts +463 -0
  362. package/lib/resize-layout/index.js +1 -0
  363. package/lib/resize-layout/resize-layout.css +189 -0
  364. package/lib/resize-layout/resize-layout.d.ts +127 -0
  365. package/lib/resize-layout/resize-layout.less +233 -0
  366. package/lib/resize-layout/resize-layout.variable.css +291 -0
  367. package/lib/select/common.d.ts +20 -22
  368. package/lib/select/index.d.ts +1522 -698
  369. package/lib/select/index.js +1 -15
  370. package/lib/select/option.d.ts +23 -19
  371. package/lib/select/optionGroup.d.ts +36 -97
  372. package/lib/select/select.css +226 -71
  373. package/lib/select/select.d.ts +376 -192
  374. package/lib/select/select.less +270 -130
  375. package/lib/select/select.variable.css +245 -74
  376. package/lib/select/selectTagInput.d.ts +72 -0
  377. package/lib/select/type.d.ts +38 -0
  378. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +6 -1
  379. package/lib/shared/index.d.ts +32 -6
  380. package/lib/shared/index.js +1 -1
  381. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +33 -3
  382. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +10 -2
  383. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +50 -5
  384. package/lib/shared/token.d.ts +4 -0
  385. package/lib/shared/utils.d.ts +18 -0
  386. package/lib/shared/vue-types.d.ts +11 -7
  387. package/lib/sideslider/index.d.ts +630 -81
  388. package/lib/sideslider/index.js +1 -1
  389. package/lib/sideslider/sideslider.css +48 -3
  390. package/lib/sideslider/sideslider.d.ts +181 -30
  391. package/lib/sideslider/sideslider.less +65 -6
  392. package/lib/sideslider/sideslider.variable.css +67 -6
  393. package/lib/slider/index.d.ts +588 -1
  394. package/lib/slider/index.js +1 -15
  395. package/lib/slider/slider-button.d.ts +15 -7
  396. package/lib/slider/slider.d.ts +84 -42
  397. package/lib/slider/slider.variable.css +19 -3
  398. package/lib/steps/index.d.ts +258 -111
  399. package/lib/steps/index.js +1 -15
  400. package/lib/steps/steps.css +17 -3
  401. package/lib/steps/steps.d.ts +41 -28
  402. package/lib/steps/steps.less +27 -3
  403. package/lib/steps/steps.variable.css +36 -6
  404. package/lib/styles/index.d.ts +14 -0
  405. package/lib/styles/mixins/clearfix.css +8 -0
  406. package/lib/styles/mixins/clearfix.less +10 -0
  407. package/lib/styles/mixins/clearfix.variable.css +8 -0
  408. package/lib/styles/mixins/mixins.css +51 -0
  409. package/lib/styles/mixins/mixins.less +2 -0
  410. package/lib/styles/mixins/mixins.variable.css +51 -0
  411. package/lib/styles/mixins/scroll.css +17 -0
  412. package/lib/styles/mixins/scroll.less +22 -0
  413. package/lib/styles/mixins/scroll.variable.css +119 -0
  414. package/lib/styles/themes/themes.less +27 -3
  415. package/lib/swiper/index.d.ts +246 -0
  416. package/lib/swiper/index.js +1 -0
  417. package/lib/swiper/swiper.css +91 -0
  418. package/lib/swiper/swiper.d.ts +65 -0
  419. package/lib/swiper/swiper.less +107 -0
  420. package/lib/swiper/swiper.variable.css +91 -0
  421. package/lib/switcher/index.d.ts +315 -138
  422. package/lib/switcher/index.js +1 -1
  423. package/lib/switcher/switcher.css +200 -135
  424. package/lib/switcher/switcher.d.ts +52 -36
  425. package/lib/switcher/switcher.less +211 -153
  426. package/lib/switcher/switcher.variable.css +219 -138
  427. package/lib/tab/index.d.ts +445 -282
  428. package/lib/tab/index.js +1 -1
  429. package/lib/tab/props.d.ts +194 -0
  430. package/lib/tab/tab-nav.d.ts +102 -87
  431. package/lib/tab/tab-panel.d.ts +53 -26
  432. package/lib/tab/tab.css +25 -1
  433. package/lib/tab/tab.d.ts +59 -51
  434. package/lib/tab/tab.less +31 -19
  435. package/lib/tab/tab.variable.css +44 -4
  436. package/lib/table/const.d.ts +67 -0
  437. package/lib/table/index.d.ts +728 -71
  438. package/lib/table/index.js +1 -1
  439. package/lib/table/plugins/head-filter.css +68 -0
  440. package/lib/table/plugins/head-filter.less +88 -0
  441. package/lib/table/plugins/head-filter.variable.css +170 -0
  442. package/lib/table/plugins/head-sort.css +22 -0
  443. package/lib/table/plugins/head-sort.less +28 -0
  444. package/lib/table/plugins/head-sort.variable.css +124 -0
  445. package/lib/table/plugins/settings.css +129 -0
  446. package/lib/table/plugins/settings.less +157 -0
  447. package/lib/table/plugins/settings.variable.css +231 -0
  448. package/lib/table/props.d.ts +210 -2
  449. package/lib/table/render.d.ts +76 -5
  450. package/lib/table/table.css +1089 -15
  451. package/lib/table/table.d.ts +221 -14
  452. package/lib/table/table.less +251 -24
  453. package/lib/table/table.variable.css +1109 -19
  454. package/lib/table/use-common.d.ts +72 -0
  455. package/lib/table/utils.d.ts +84 -2
  456. package/lib/tag/index.d.ts +249 -274
  457. package/lib/tag/index.js +1 -1
  458. package/lib/tag/tag.css +97 -0
  459. package/lib/tag/tag.d.ts +83 -53
  460. package/lib/tag/tag.less +110 -2
  461. package/lib/tag/tag.variable.css +116 -3
  462. package/lib/tag-input/common.d.ts +24 -0
  463. package/lib/tag-input/index.d.ts +1267 -0
  464. package/lib/tag-input/index.js +1 -0
  465. package/lib/tag-input/list-tag-render.d.ts +47 -0
  466. package/lib/tag-input/tag-input.css +209 -0
  467. package/lib/tag-input/tag-input.d.ts +374 -0
  468. package/lib/tag-input/tag-input.less +251 -0
  469. package/lib/tag-input/tag-input.variable.css +311 -0
  470. package/lib/tag-input/tag-props.d.ts +131 -0
  471. package/lib/tag-input/tag-render.d.ts +38 -0
  472. package/lib/timeline/index.d.ts +168 -0
  473. package/lib/timeline/index.js +1 -0
  474. package/lib/timeline/timeline.css +235 -0
  475. package/lib/timeline/timeline.d.ts +81 -0
  476. package/lib/timeline/timeline.less +240 -0
  477. package/lib/timeline/timeline.variable.css +337 -0
  478. package/lib/transfer/const.d.ts +5 -0
  479. package/lib/transfer/index.d.ts +500 -0
  480. package/lib/transfer/index.js +1 -0
  481. package/lib/transfer/props.d.ts +54 -0
  482. package/lib/transfer/transfer.css +139 -0
  483. package/lib/transfer/transfer.d.ts +160 -0
  484. package/lib/transfer/transfer.less +144 -0
  485. package/lib/transfer/transfer.variable.css +241 -0
  486. package/lib/tree/constant.d.ts +45 -0
  487. package/lib/tree/index.d.ts +695 -94
  488. package/lib/tree/index.js +1 -1
  489. package/lib/tree/props.d.ts +184 -0
  490. package/lib/tree/tree.css +176 -15
  491. package/lib/tree/tree.d.ts +201 -31
  492. package/lib/tree/tree.less +75 -38
  493. package/lib/tree/tree.variable.css +278 -15
  494. package/lib/tree/use-empty.d.ts +6 -0
  495. package/lib/tree/use-node-action.d.ts +12 -0
  496. package/lib/tree/use-node-async.d.ts +5 -0
  497. package/lib/tree/use-node-attribute.d.ts +33 -0
  498. package/lib/tree/use-node-drag.d.ts +3 -0
  499. package/lib/tree/use-search.d.ts +11 -0
  500. package/lib/tree/use-tree-init.d.ts +15 -0
  501. package/lib/tree/util.d.ts +34 -57
  502. package/lib/upload/index.d.ts +831 -0
  503. package/lib/upload/index.js +1 -0
  504. package/lib/upload/props.d.ts +113 -0
  505. package/lib/upload/upload-list.d.ts +46 -0
  506. package/lib/upload/upload-trigger.d.ts +54 -0
  507. package/lib/upload/upload.css +417 -0
  508. package/lib/upload/upload.d.ts +252 -0
  509. package/lib/upload/upload.less +455 -0
  510. package/lib/upload/upload.type.d.ts +78 -0
  511. package/lib/upload/upload.variable.css +519 -0
  512. package/lib/upload/use-ajax-upload.d.ts +3 -0
  513. package/lib/upload/use-file-handler.d.ts +44 -0
  514. package/lib/virtual-render/index.d.ts +834 -0
  515. package/lib/virtual-render/index.js +1 -0
  516. package/lib/virtual-render/props.d.ts +167 -0
  517. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  518. package/lib/virtual-render/v-virtual-render.d.ts +6 -0
  519. package/lib/virtual-render/virtual-render.css +33 -0
  520. package/lib/virtual-render/virtual-render.d.ts +255 -0
  521. package/lib/virtual-render/virtual-render.less +22 -0
  522. package/lib/virtual-render/virtual-render.variable.css +135 -0
  523. package/lib/volar.components.d.ts +31 -0
  524. package/package.json +107 -84
  525. package/dist/bkui-vue.cjs.js +0 -9999
  526. package/dist/bkui-vue.esm.js +0 -9958
  527. package/dist/bkui-vue.umd.js +0 -10002
  528. package/lib/form/common.d.ts +0 -3
  529. package/lib/styles/index.js +0 -1
package/dist/style.css CHANGED
@@ -1,4051 +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-item-inner.is-link,
551
- .bk-breadcrumb-item-inner a {
552
- text-decoration: none;
553
- }
554
- .bk-breadcrumb-item-inner.is-link:hover,
555
- .bk-breadcrumb-item-inner a:hover {
556
- color: #0082ff;
557
- cursor: pointer;
558
- }
559
- .bk-breadcrumb-item:last-child {
560
- color: #63656e;
561
- }
562
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner,
563
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner a,
564
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover,
565
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover {
566
- cursor: text;
567
- }
568
- .bk-breadcrumb-item:last-child .bk-breadcrumb-separator {
569
- display: none;
570
- }
571
- .bk-button {
572
- display: inline-block;
573
- height: 32px;
574
- min-width: 64px;
575
- padding: 0 15px;
576
- font-size: 14px;
577
- color: #63656e;
578
- text-align: center;
579
- text-decoration: none;
580
- white-space: nowrap;
581
- vertical-align: middle;
582
- cursor: pointer;
583
- background-color: white;
584
- border: 1px solid #c4c6cc;
585
- border-radius: 2px;
586
- outline: none;
587
- box-sizing: border-box;
588
- transition: background-color ease 0.3s;
589
- appearance: none;
590
- }
591
- .bk-button.bk-button-primary {
592
- background-color: #3a84ff;
593
- color: white;
594
- border-color: #3a84ff;
595
- }
596
- .bk-button.bk-button-primary:hover {
597
- background-color: #5594fa;
598
- border-color: #5594fa;
599
- }
600
- .bk-button.bk-button-primary:active {
601
- background-color: #2c77f4;
602
- border-color: #2c77f4;
603
- }
604
- .bk-button.bk-button-primary.is-disabled {
605
- background-color: #dcdee5;
606
- border-color: #dcdee5;
607
- }
608
- .bk-button.bk-button-primary.is-outline {
609
- color: #3a84ff;
610
- border-color: #3a84ff;
611
- background-color: white;
612
- }
613
- .bk-button.bk-button-primary.is-outline:hover {
614
- background-color: #5594fa;
615
- border-color: #5594fa;
616
- color: white;
617
- }
618
- .bk-button.bk-button-primary.is-text {
619
- color: #3a84ff;
620
- background: none;
621
- border: none;
622
- }
623
- .bk-button.bk-button-primary.is-text:hover {
624
- color: #5594fa;
625
- }
626
- .bk-button.bk-button-hover-primary:hover {
627
- background-color: #5594fa;
628
- border-color: #5594fa;
629
- color: white;
630
- }
631
- .bk-button.bk-button-warning {
632
- background-color: #ff9c01;
633
- color: white;
634
- border-color: #ff9c01;
635
- }
636
- .bk-button.bk-button-warning:hover {
637
- background-color: #ffb848;
638
- border-color: #ffb848;
639
- }
640
- .bk-button.bk-button-warning:active {
641
- background-color: #eb9000;
642
- border-color: #eb9000;
643
- }
644
- .bk-button.bk-button-warning.is-disabled {
645
- background-color: #dcdee5;
646
- border-color: #dcdee5;
647
- }
648
- .bk-button.bk-button-warning.is-outline {
649
- color: #ff9c01;
650
- border-color: #ff9c01;
651
- background-color: white;
652
- }
653
- .bk-button.bk-button-warning.is-outline:hover {
654
- background-color: #ffb848;
655
- border-color: #ffb848;
656
- color: white;
657
- }
658
- .bk-button.bk-button-warning.is-text {
659
- color: #ff9c01;
660
- background: none;
661
- border: none;
662
- }
663
- .bk-button.bk-button-warning.is-text:hover {
664
- color: #ffb848;
665
- }
666
- .bk-button.bk-button-hover-warning:hover {
667
- background-color: #ffb848;
668
- border-color: #ffb848;
669
- color: white;
670
- }
671
- .bk-button.bk-button-success {
672
- background-color: #2dcb56;
673
- color: white;
674
- border-color: #2dcb56;
675
- }
676
- .bk-button.bk-button-success:hover {
677
- background-color: #45e35f;
678
- border-color: #45e35f;
679
- }
680
- .bk-button.bk-button-success:active {
681
- background-color: #1ab943;
682
- border-color: #1ab943;
683
- }
684
- .bk-button.bk-button-success.is-disabled {
685
- background-color: #dcdee5;
686
- border-color: #dcdee5;
687
- }
688
- .bk-button.bk-button-success.is-outline {
689
- color: #2dcb56;
690
- border-color: #2dcb56;
691
- background-color: white;
692
- }
693
- .bk-button.bk-button-success.is-outline:hover {
694
- background-color: #45e35f;
695
- border-color: #45e35f;
696
- color: white;
697
- }
698
- .bk-button.bk-button-success.is-text {
699
- color: #2dcb56;
700
- background: none;
701
- border: none;
702
- }
703
- .bk-button.bk-button-success.is-text:hover {
704
- color: #45e35f;
705
- }
706
- .bk-button.bk-button-hover-success:hover {
707
- background-color: #45e35f;
708
- border-color: #45e35f;
709
- color: white;
710
- }
711
- .bk-button.bk-button-danger {
712
- background-color: #ea3636;
713
- color: white;
714
- border-color: #ea3636;
715
- }
716
- .bk-button.bk-button-danger:hover {
717
- background-color: #ff5656;
718
- border-color: #ff5656;
719
- }
720
- .bk-button.bk-button-danger:active {
721
- background-color: #db2626;
722
- border-color: #db2626;
723
- }
724
- .bk-button.bk-button-danger.is-disabled {
725
- background-color: #dcdee5;
726
- border-color: #dcdee5;
727
- }
728
- .bk-button.bk-button-danger.is-outline {
729
- color: #ea3636;
730
- border-color: #ea3636;
731
- background-color: white;
732
- }
733
- .bk-button.bk-button-danger.is-outline:hover {
734
- background-color: #ff5656;
735
- border-color: #ff5656;
736
- color: white;
737
- }
738
- .bk-button.bk-button-danger.is-text {
739
- color: #ea3636;
740
- background: none;
741
- border: none;
742
- }
743
- .bk-button.bk-button-danger.is-text:hover {
744
- color: #ff5656;
745
- }
746
- .bk-button.bk-button-hover-danger:hover {
747
- background-color: #ff5656;
748
- border-color: #ff5656;
749
- color: white;
750
- }
751
- .bk-button.bk-button-small {
752
- min-width: 48px;
753
- height: 26px;
754
- padding: 0 12px;
755
- }
756
- .bk-button.bk-button-large {
757
- min-width: 74px;
758
- height: 38px;
759
- padding: 0 20px;
760
- }
761
- .bk-button:hover {
762
- border-color: #979ba5;
763
- }
764
- .bk-button:active {
765
- color: #3a84ff;
766
- border-color: #3a84ff;
767
- }
768
- .bk-button.is-disabled {
769
- color: #dcdee5;
770
- cursor: auto;
771
- border-color: #dcdee5;
772
- }
773
- .bk-button.is-text {
774
- font-size: 14px;
775
- color: #63656e;
776
- text-decoration: none;
777
- cursor: pointer;
778
- background: none;
779
- border: none;
780
- outline: none;
781
- }
782
- .bk-button-group {
783
- display: inline-block;
784
- font-size: 0;
785
- }
786
- .bk-button-group.bk-button-group-small .bk-button {
787
- min-width: 48px;
788
- height: 26px;
789
- padding: 0 12px;
790
- }
791
- .bk-button-group.bk-button-group-large .bk-button {
792
- min-width: 74px;
793
- height: 38px;
794
- padding: 0 20px;
795
- }
796
- .bk-button-group .bk-button {
797
- height: 32px;
798
- min-width: 64px;
799
- margin: 0 0 0 -1px;
800
- border-radius: 0;
801
- }
802
- .bk-button-group .bk-button:not(.is-disabled) {
803
- color: #63656e;
804
- background-color: white;
805
- border-color: #c4c6cc;
806
- }
807
- .bk-button-group .bk-button:first-child {
808
- border-radius: 2px 0 0 2px;
809
- }
810
- .bk-button-group .bk-button:last-child {
811
- border-radius: 0 2px 2px 0;
812
- }
813
- .bk-button-group .bk-button:only-child {
814
- border-radius: 2px;
815
- }
816
- .bk-button-group .bk-button:hover:not(.is-disabled),
817
- .bk-button-group .bk-button.is-selected:not(.is-disabled) {
818
- position: relative;
819
- z-index: 1;
820
- color: #3a84ff;
821
- background-color: white;
822
- border-color: #3a84ff;
823
- }
824
- @keyframes loading-scale-animate {
825
- 0% {
826
- transform: scale(1);
827
- }
828
- 100% {
829
- transform: scale(0.6);
830
- }
831
- }
832
- @keyframes fade {
833
- 100% {
834
- background-color: transparent;
835
- }
836
- }
837
- .bk-fade-transtion .bk-fade-enter-active,
838
- .bk-fade-transtion .bk-fade-leave-active {
839
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
840
- }
841
- .bk-fade-transtion .bk-fade-enter,
842
- .bk-fade-transtion .bk-fade-leave-to {
843
- opacity: 0;
844
- }
845
- .bk-card {
846
- position: relative;
847
- display: inline-block;
848
- width: 100%;
849
- text-align: left;
850
- cursor: pointer;
851
- background: white;
852
- border: 1px solid #dcdee5;
853
- border-radius: 2px;
854
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
855
- }
856
- .bk-card .bk-card-head {
857
- position: relative;
858
- width: 100%;
859
- height: 50px;
860
- padding: 0 20px;
861
- line-height: 50px;
862
- border-bottom: 1px solid #f0f2f5;
863
- }
864
- .bk-card .bk-card-head .title {
865
- font-weight: 600;
866
- color: #63656e;
867
- display: inline-block;
868
- max-width: 85%;
869
- overflow: hidden;
870
- text-overflow: ellipsis;
871
- white-space: nowrap;
872
- }
873
- .bk-card .bk-card-body {
874
- width: 100%;
875
- padding: 0 20px;
876
- text-align: left;
877
- }
878
- .bk-card .bk-card-footer {
879
- width: 100%;
880
- height: 50px;
881
- line-height: 50px;
882
- border-top: 1px solid #f0f2f5;
883
- }
884
- .bk-card-border-none {
885
- border: none;
886
- }
887
- .bk-checkbox {
888
- display: inline-block;
889
- margin-right: 30px;
890
- font-size: 14px;
891
- letter-spacing: normal;
892
- color: #63656e;
893
- cursor: pointer;
894
- user-select: none;
895
- }
896
- .bk-checkbox.is-checked .bk-checkbox-input {
897
- background: #3a84ff;
898
- border-color: #3a84ff;
899
- transition: all 0.1s;
900
- }
901
- .bk-checkbox.is-checked .bk-checkbox-input::after {
902
- position: absolute;
903
- top: 1px;
904
- left: 5px;
905
- width: 4px;
906
- height: 8px;
907
- border: 2px solid #fff;
908
- border-top: 0;
909
- border-left: 0;
910
- content: '';
911
- transform: scaleY(1) rotate(45deg);
912
- transform-origin: center;
913
- }
914
- .bk-checkbox.is-disabled {
915
- color: #c4c6cc;
916
- cursor: not-allowed;
917
- }
918
- .bk-checkbox.is-disabled .bk-checkbox-input {
919
- background: #fafbfd;
920
- border-color: #dcdee5;
921
- }
922
- .bk-checkbox.is-disabled .bk-checkbox-input::after {
923
- background: #dcdee5;
924
- }
925
- .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
926
- background: #dcdee5;
927
- }
928
- .bk-checkbox .bk-checkbox-input {
929
- position: relative;
930
- display: inline-block;
931
- width: 16px;
932
- height: 16px;
933
- margin-right: 5px;
934
- vertical-align: middle;
935
- border: 1px solid #979ba5;
936
- border-radius: 2px;
937
- }
938
- .bk-checkbox .bk-checkbox-original {
939
- position: absolute;
940
- top: 0;
941
- left: 0;
942
- z-index: -1;
943
- width: 0;
944
- height: 0;
945
- }
946
- .bk-checkbox .bk-checkbox-label {
947
- display: inline-block;
948
- line-height: 18px;
949
- vertical-align: middle;
950
- }
951
- .bk-collapse-wrapper .bk-collapse-item {
952
- text-align: left;
953
- }
954
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
955
- position: relative;
956
- height: 42px;
957
- padding: 0 10px;
958
- overflow: hidden;
959
- font-size: 14px;
960
- line-height: 42px;
961
- color: #63656e;
962
- text-overflow: ellipsis;
963
- cursor: pointer;
964
- }
965
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
966
- position: absolute;
967
- right: 10px;
968
- }
969
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
970
- font-size: 20px;
971
- }
972
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
973
- display: none;
974
- padding: 0 10px;
975
- font-size: 13px;
976
- color: #979ba5;
977
- }
978
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active {
979
- display: block;
980
- }
981
- .bk-modal-wrapper.bk-dialog-wrapper {
982
- position: relative;
983
- }
984
- .bk-modal-wrapper.bk-dialog-wrapper * {
985
- box-sizing: border-box;
986
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
987
- }
988
- .bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
989
- overflow: auto;
990
- }
991
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
992
- position: absolute;
993
- top: 0;
994
- right: 0;
995
- left: 0;
996
- height: 30px;
997
- }
998
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
999
- position: absolute;
1000
- top: 5px;
1001
- right: 5px;
1002
- display: flex;
1003
- width: 26px;
1004
- height: 26px;
1005
- font-size: 22px;
1006
- font-weight: 700;
1007
- line-height: 26px;
1008
- color: #979ba5;
1009
- text-align: center;
1010
- cursor: pointer;
1011
- border-radius: 50%;
1012
- transform: rotate(45deg);
1013
- justify-content: center;
1014
- align-items: center;
1015
- }
1016
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
1017
- padding: 24px;
1018
- font-size: 20px;
1019
- line-height: 1;
1020
- }
1021
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
1022
- display: inline-block;
1023
- width: 100%;
1024
- overflow: hidden;
1025
- font-size: 24px;
1026
- color: #313238;
1027
- text-overflow: ellipsis;
1028
- white-space: nowrap;
1029
- }
1030
- .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
1031
- height: calc(100% - 132px);
1032
- padding: 3px 24px 26px;
1033
- margin-bottom: 58px;
1034
- font-size: 14px;
1035
- line-height: 1.5;
1036
- color: #63656e;
1037
- }
1038
- .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
1039
- position: absolute;
1040
- right: 0;
1041
- bottom: 0;
1042
- left: 0;
1043
- height: 58px;
1044
- padding: 12px 24px;
1045
- background-color: #fafbfd;
1046
- border-top: 1px solid #dcdee5;
1047
- border-radius: 2px;
1048
- }
1049
- .bk-exception-wrapper {
1050
- position: relative;
1051
- display: flex;
1052
- width: 100%;
1053
- align-items: center;
1054
- flex-direction: column;
1055
- }
1056
- .bk-exception-wrapper .bk-exception-img {
1057
- display: flex;
1058
- width: 480px;
1059
- height: 240px;
1060
- align-items: center;
1061
- justify-content: center;
1062
- }
1063
- .bk-exception-wrapper .bk-exception-img.part-img {
1064
- width: 120px;
1065
- height: 100px;
1066
- }
1067
- .bk-exception-wrapper .bk-exception-img .exception-image {
1068
- display: block;
1069
- height: 100%;
1070
- vertical-align: middle;
1071
- object-fit: contain;
1072
- }
1073
- .bk-exception-wrapper .bk-exception-text {
1074
- font-size: 24px;
1075
- color: #63656e;
1076
- text-align: center;
1077
- }
1078
- .bk-exception-wrapper .bk-exception-text.part-text {
1079
- font-size: 14px;
1080
- }
1081
- .bk-fixed-navbar {
1082
- position: fixed;
1083
- right: 10px;
1084
- width: 52px;
1085
- padding: 22px 14px;
1086
- background: #fff;
1087
- border-radius: 26px;
1088
- opacity: 1;
1089
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
1090
- box-sizing: border-box;
1091
- }
1092
- .bk-fixed-navbar.middle {
1093
- top: 50%;
1094
- transform: translateY(-50%);
1095
- }
1096
- .bk-fixed-navbar.bottom {
1097
- bottom: 10%;
1098
- }
1099
- .bk-fixed-navbar.top {
1100
- top: 10%;
1101
- }
1102
- .bk-fixed-navbar .fixed-navbar-item {
1103
- display: flex;
1104
- color: #63656e;
1105
- align-items: center;
1106
- justify-content: center;
1107
- flex-direction: column;
1108
- }
1109
- .bk-fixed-navbar .fixed-navbar-item:hover {
1110
- color: #3a84ff;
1111
- cursor: pointer;
1112
- }
1113
- .bk-fixed-navbar .fixed-navbar-item:not(:last-of-type) {
1114
- margin-bottom: 25px;
1115
- }
1116
- .bk-fixed-navbar .fixed-navbar-item .icon {
1117
- margin-bottom: 5px;
1118
- font-size: 17px;
1119
- }
1120
- .bk-fixed-navbar .fixed-navbar-item .text {
1121
- font-size: 12px;
1122
- }
1123
- @keyframes loading-scale-animate {
1124
- 0% {
1125
- transform: scale(1);
1126
- }
1127
- 100% {
1128
- transform: scale(0.6);
1129
- }
1130
- }
1131
- @keyframes fade {
1132
- 100% {
1133
- background-color: transparent;
1134
- }
1135
- }
1136
- .bk-fade-transtion .bk-fade-enter-active,
1137
- .bk-fade-transtion .bk-fade-leave-active {
1138
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1139
- }
1140
- .bk-fade-transtion .bk-fade-enter,
1141
- .bk-fade-transtion .bk-fade-leave-to {
1142
- opacity: 0;
1143
- }
1144
- .bk-input {
1145
- display: flex;
1146
- align-items: stretch;
1147
- height: 32px;
1148
- font-size: 12px;
1149
- border: 1px solid #c4c6cc;
1150
- border-radius: 2px;
1151
- transition: all 0.3s;
1152
- }
1153
- .bk-input--suffix-icon {
1154
- padding-right: 10px;
1155
- font-size: 16px;
1156
- color: #c4c6cc;
1157
- align-self: center;
1158
- }
1159
- .bk-input--large {
1160
- height: 38px;
1161
- font-size: 16px;
1162
- }
1163
- .bk-input--small {
1164
- height: 26px;
1165
- font-size: 12px;
1166
- }
1167
- .bk-input.is-focused:not(.is-readonly) {
1168
- border-color: #3a84ff;
1169
- outline: 0;
1170
- box-shadow: 0px 0px 3px 0px #a3c5fd;
1171
- }
1172
- .bk-input.is-disabled {
1173
- cursor: not-allowed;
1174
- background-color: #fafbfd;
1175
- opacity: 1;
1176
- }
1177
- .bk-input--prefix-area,
1178
- .bk-input--suffix-area {
1179
- display: flex;
1180
- padding: 0 10px;
1181
- color: #63656e;
1182
- background-color: #f4f6fa;
1183
- border-right: 1px solid #c4c6cc;
1184
- align-items: center;
1185
- }
1186
- .bk-input--suffix-area {
1187
- border: 0;
1188
- border-left: 1px solid #c4c6cc;
1189
- }
1190
- .bk-input--max-length {
1191
- align-self: center;
1192
- padding-right: 10px;
1193
- }
1194
- .bk-input--max-length span {
1195
- color: #979ba5;
1196
- }
1197
- .bk-input--text {
1198
- padding: 0 10px;
1199
- font-size: 12px;
1200
- line-height: 1;
1201
- color: #63656e;
1202
- background-color: white;
1203
- background-image: none;
1204
- border: none;
1205
- outline: none;
1206
- box-sizing: border-box;
1207
- transition: all 0.3s;
1208
- flex: 1;
1209
- }
1210
- .bk-input--text[type='search']::-webkit-search-decoration,
1211
- .bk-input--text[type='search']::-webkit-search-cancel-button,
1212
- .bk-input--text[type='search']::-webkit-search-results-button,
1213
- .bk-input--text[type='search']::-webkit-search-results-decoration {
1214
- appearance: none;
1215
- }
1216
- .bk-input--text [type=search]::-ms-clear {
1217
- display: none;
1218
- width: 0;
1219
- height: 0;
1220
- }
1221
- .bk-input--text [type=search]::-ms-reveal {
1222
- display: none;
1223
- width: 0;
1224
- height: 0;
1225
- }
1226
- .bk-input--text[type='number']::-webkit-inner-spin-button,
1227
- .bk-input--text[type='number']::-webkit-outer-spin-button {
1228
- margin: 0;
1229
- appearance: none;
1230
- }
1231
- .bk-input--text::placeholder {
1232
- color: #c4c6cc;
1233
- }
1234
- .bk-input--number-control {
1235
- width: 26px;
1236
- height: 100%;
1237
- font-size: 0;
1238
- flex-direction: column;
1239
- }
1240
- .bk-input--number-control span {
1241
- display: block;
1242
- height: 50%;
1243
- overflow: hidden;
1244
- color: #c4c6cc;
1245
- }
1246
- .bk-input--number-control svg {
1247
- font-size: 16px;
1248
- }
1249
- .bk-input--number-control span:first-child {
1250
- transform: rotate(180deg);
1251
- }
1252
- .bk-input--number-control span:hover {
1253
- background-color: #f4f6fa;
1254
- }
1255
- .bk-link {
1256
- font-size: 14px;
1257
- text-decoration: none;
1258
- }
1259
- .bk-link.is-disabled {
1260
- cursor: not-allowed;
1261
- }
1262
- .bk-link.has-underline {
1263
- text-decoration: underline;
1264
- }
1265
- .bk-link.default {
1266
- color: #63656e;
1267
- }
1268
- .bk-link.default.is-disabled {
1269
- color: #dcdee5;
1270
- }
1271
- .bk-link.default:hover {
1272
- color: #979ba5;
1273
- }
1274
- .bk-link.primary {
1275
- color: #3a84ff;
1276
- }
1277
- .bk-link.primary.is-disabled {
1278
- color: #a3c5fd;
1279
- }
1280
- .bk-link.primary:hover {
1281
- color: #699df4;
1282
- }
1283
- .bk-link.success {
1284
- color: #2dcb56;
1285
- }
1286
- .bk-link.success.is-disabled {
1287
- color: #94f5a4;
1288
- }
1289
- .bk-link.success:hover {
1290
- color: #45e35f;
1291
- }
1292
- .bk-link.warning {
1293
- color: #ff9c01;
1294
- }
1295
- .bk-link.warning.is-disabled {
1296
- color: #ffd695;
1297
- }
1298
- .bk-link.warning:hover {
1299
- color: #ffb848;
1300
- }
1301
- .bk-link.danger {
1302
- color: #ea3636;
1303
- }
1304
- .bk-link.danger:hover {
1305
- color: #ff5656;
1306
- }
1307
- .bk-link.danger.is-disabled {
1308
- color: #fd9c9c;
1309
- }
1310
- .bk-dropdown {
1311
- display: inline-block;
1312
- }
1313
- .bk-dropdown .bk-dropdown-content {
1314
- display: none;
1315
- box-shadow: 0 2px 6px rgba(51, 60, 72, 0.1);
1316
- }
1317
- .bk-dropdown .bk-dropdown-content[data-show] {
1318
- display: block;
1319
- }
1320
- .bk-dropdown-menu {
1321
- min-width: 100%;
1322
- padding: 5px 0;
1323
- margin: 0;
1324
- background: #fff;
1325
- border: 1px solid #dcdee5;
1326
- border-radius: 2px;
1327
- box-sizing: border-box;
1328
- }
1329
- .bk-dropdown-menu::-webkit-scrollbar {
1330
- width: 4px;
1331
- height: 4px;
1332
- }
1333
- .bk-dropdown-menu::-webkit-scrollbar-thumb {
1334
- background: #dde4eb;
1335
- border-radius: 20px;
1336
- box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
1337
- }
1338
- .bk-dropdown-item {
1339
- display: block;
1340
- height: 32px;
1341
- padding: 0 16px;
1342
- font-size: 12px;
1343
- line-height: 33px;
1344
- color: #63656e;
1345
- white-space: nowrap;
1346
- list-style: none;
1347
- cursor: pointer;
1348
- }
1349
- .bk-dropdown-item:hover {
1350
- color: #3a84ff;
1351
- background-color: #eaf3ff;
1352
- }
1353
- @keyframes loading-scale-animate {
1354
- 0% {
1355
- transform: scale(1);
1356
- }
1357
- 100% {
1358
- transform: scale(0.6);
1359
- }
1360
- }
1361
- @keyframes fade {
1362
- 100% {
1363
- background-color: transparent;
1364
- }
1365
- }
1366
- .bk-fade-transtion .bk-fade-enter-active,
1367
- .bk-fade-transtion .bk-fade-leave-active {
1368
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1369
- }
1370
- .bk-fade-transtion .bk-fade-enter,
1371
- .bk-fade-transtion .bk-fade-leave-to {
1372
- opacity: 0;
1373
- }
1374
- .bk-loading-wrapper {
1375
- position: static;
1376
- display: inline-block;
1377
- font-size: 0;
1378
- }
1379
- .bk-loading-wrapper.bk-nested-loading {
1380
- position: relative;
1381
- }
1382
- .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
1383
- position: absolute;
1384
- top: 50%;
1385
- left: 50%;
1386
- z-index: 4;
1387
- transform: translate(-50%, -50%);
1388
- }
1389
- .bk-loading-wrapper .bk-loading-mask {
1390
- opacity: 0.5;
1391
- }
1392
- .bk-loading-wrapper .bk-loading-mask::after {
1393
- position: absolute;
1394
- top: 0;
1395
- right: 0;
1396
- bottom: 0;
1397
- left: 0;
1398
- z-index: 10;
1399
- width: 100%;
1400
- height: 100%;
1401
- background-color: rgba(255, 255, 255, 0.9);
1402
- content: '';
1403
- }
1404
- .bk-loading-wrapper .bk-loading-indicator {
1405
- font-size: 14px;
1406
- }
1407
- .bk-loading-wrapper .bk-loading-indicator .dot-1 {
1408
- background-color: #ea3636;
1409
- animation-delay: 0.1s;
1410
- }
1411
- .bk-loading-wrapper .bk-loading-indicator .dot-2 {
1412
- background-color: #ff9c01;
1413
- animation-delay: 0.25s;
1414
- }
1415
- .bk-loading-wrapper .bk-loading-indicator .dot-3 {
1416
- background-color: #2dcb56;
1417
- animation-delay: 0.4s;
1418
- }
1419
- .bk-loading-wrapper .bk-loading-indicator .dot-4 {
1420
- background-color: #3a84ff;
1421
- animation-delay: 0.55s;
1422
- margin-right: 0;
1423
- }
1424
- .bk-loading-wrapper .bk-loading-indicator .oval-1 {
1425
- transform: rotate(-135deg);
1426
- animation-delay: 0.6s;
1427
- }
1428
- .bk-loading-wrapper .bk-loading-indicator .oval-2 {
1429
- transform: rotate(-90deg);
1430
- animation-delay: 0.75s;
1431
- }
1432
- .bk-loading-wrapper .bk-loading-indicator .oval-3 {
1433
- transform: rotate(-45deg);
1434
- animation-delay: 0.9s;
1435
- }
1436
- .bk-loading-wrapper .bk-loading-indicator .oval-4 {
1437
- transform: rotate(0deg);
1438
- animation-delay: 1.05s;
1439
- }
1440
- .bk-loading-wrapper .bk-loading-indicator .oval-5 {
1441
- transform: rotate(45deg);
1442
- animation-delay: 1.2s;
1443
- }
1444
- .bk-loading-wrapper .bk-loading-indicator .oval-6 {
1445
- transform: rotate(90deg);
1446
- animation-delay: 1.35s;
1447
- }
1448
- .bk-loading-wrapper .bk-loading-indicator .oval-7 {
1449
- transform: rotate(135deg);
1450
- animation-delay: 1.5s;
1451
- }
1452
- .bk-loading-wrapper .bk-loading-indicator .oval-8 {
1453
- transform: rotate(180deg);
1454
- animation-delay: 1.65s;
1455
- }
1456
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
1457
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
1458
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
1459
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
1460
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
1461
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
1462
- background-color: #2dcb56;
1463
- }
1464
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
1465
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
1466
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
1467
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
1468
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
1469
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
1470
- background-color: #ea3636;
1471
- }
1472
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
1473
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
1474
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
1475
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
1476
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
1477
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
1478
- background-color: #ff9c01;
1479
- }
1480
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
1481
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
1482
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
1483
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
1484
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
1485
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
1486
- background-color: #3a84ff;
1487
- }
1488
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
1489
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
1490
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
1491
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
1492
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
1493
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
1494
- background-color: white;
1495
- }
1496
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
1497
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
1498
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
1499
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
1500
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
1501
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
1502
- background-color: #c4c6cc;
1503
- }
1504
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
1505
- height: 40px;
1506
- }
1507
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
1508
- height: 22px;
1509
- }
1510
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
1511
- width: 6px;
1512
- height: 6px;
1513
- margin-right: 6px;
1514
- }
1515
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
1516
- margin-right: 0;
1517
- }
1518
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {
1519
- width: 4px;
1520
- height: 5px;
1521
- border-radius: 5px;
1522
- transform-origin: center 11px;
1523
- }
1524
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
1525
- font-size: 12px;
1526
- }
1527
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
1528
- height: 52px;
1529
- }
1530
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
1531
- width: 20px;
1532
- height: 20px;
1533
- margin-right: 12px;
1534
- }
1535
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
1536
- margin-right: 0;
1537
- }
1538
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {
1539
- width: 8px;
1540
- height: 12px;
1541
- border-radius: 12px;
1542
- transform-origin: center 26px;
1543
- }
1544
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
1545
- font-size: 14px;
1546
- }
1547
- .bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
1548
- margin-top: 8px;
1549
- font-size: 14px;
1550
- line-height: normal;
1551
- color: #63656e;
1552
- text-align: center;
1553
- }
1554
- .bk-loading-wrapper .bk-loading-indicator .dot {
1555
- display: inline-block;
1556
- width: 14px;
1557
- height: 14px;
1558
- margin-right: 10px;
1559
- border-radius: 50%;
1560
- transform: scale(0.6);
1561
- animation-duration: 0.8s;
1562
- animation-iteration-count: infinite;
1563
- animation-name: loading-scale-animate;
1564
- animation-direction: normal;
1565
- }
1566
- .bk-loading-wrapper .bk-loading-indicator .oval {
1567
- position: absolute;
1568
- width: 6px;
1569
- height: 8px;
1570
- background-color: #63656e;
1571
- border-radius: 8px;
1572
- animation-duration: 1.2s;
1573
- animation-iteration-count: infinite;
1574
- animation-name: fade;
1575
- transform-origin: center 20px;
1576
- animation-direction: normal;
1577
- }
1578
- .bk-modal-wrapper {
1579
- position: absolute;
1580
- top: 50%;
1581
- left: 50%;
1582
- background: #fff;
1583
- transform: translate(-50%, -50%);
1584
- }
1585
- .bk-modal-wrapper .bk-modal-body {
1586
- height: 100%;
1587
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1588
- }
1589
- .bk-popover .bk-popover-reference {
1590
- display: inline-block;
1591
- }
1592
- .bk-popover .bk-popover-content {
1593
- display: none;
1594
- padding: 7px 14px;
1595
- font-size: 12px;
1596
- color: #fff;
1597
- background: #26323d;
1598
- border-radius: 4px;
1599
- box-sizing: border-box;
1600
- }
1601
- .bk-popover .bk-popover-content[data-theme='dark'] {
1602
- color: #fff;
1603
- background: #26323d;
1604
- }
1605
- .bk-popover .bk-popover-content[data-theme='light'] {
1606
- color: #26323d;
1607
- background-color: #fff;
1608
- box-shadow: 0 0 6px 0 #dcdee5;
1609
- }
1610
- .bk-popover .bk-popover-content[data-theme='light'][data-show] {
1611
- box-shadow: 0 0 6px 0 #dcdee5;
1612
- }
1613
- .bk-popover .bk-popover-content[data-show] {
1614
- display: block;
1615
- }
1616
- .bk-popover .bk-popover-content .arrow {
1617
- position: absolute;
1618
- width: 8px;
1619
- height: 8px;
1620
- background: inherit;
1621
- visibility: hidden;
1622
- }
1623
- .bk-popover .bk-popover-content .arrow::before {
1624
- position: absolute;
1625
- width: 8px;
1626
- height: 8px;
1627
- background: inherit;
1628
- content: '';
1629
- visibility: visible;
1630
- transform: rotate(45deg);
1631
- }
1632
- .bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
1633
- bottom: -4px;
1634
- }
1635
- .bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
1636
- top: -4px;
1637
- }
1638
- .bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
1639
- right: 0;
1640
- }
1641
- .bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
1642
- left: -8px;
1643
- }
1644
- @keyframes loading-scale-animate {
1645
- 0% {
1646
- transform: scale(1);
1647
- }
1648
- 100% {
1649
- transform: scale(0.6);
1650
- }
1651
- }
1652
- @keyframes fade {
1653
- 100% {
1654
- background-color: transparent;
1655
- }
1656
- }
1657
- .bk-fade-transtion .bk-fade-enter-active,
1658
- .bk-fade-transtion .bk-fade-leave-active {
1659
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1660
- }
1661
- .bk-fade-transtion .bk-fade-enter,
1662
- .bk-fade-transtion .bk-fade-leave-to {
1663
- opacity: 0;
1664
- }
1665
- .bk-progress {
1666
- display: inline-block;
1667
- }
1668
- .bk-progress .progress-outer {
1669
- display: flex;
1670
- width: 100%;
1671
- align-items: center;
1672
- }
1673
- .bk-progress .progress-bar {
1674
- position: relative;
1675
- width: 100%;
1676
- height: 4px;
1677
- text-align: center;
1678
- vertical-align: middle;
1679
- background: #f0f1f5;
1680
- border-radius: 50px;
1681
- }
1682
- .bk-progress .progress-bar.bk-progress-small {
1683
- height: 2px;
1684
- }
1685
- .bk-progress .progress-bar.bk-progress-normal {
1686
- height: 4px;
1687
- }
1688
- .bk-progress .progress-bar.bk-progress-large {
1689
- height: 12px;
1690
- }
1691
- .bk-progress .progress-inner {
1692
- position: absolute;
1693
- top: 0;
1694
- left: 0;
1695
- width: 50%;
1696
- height: 100%;
1697
- border-radius: 50px;
1698
- transition: width 0.5s ease;
1699
- }
1700
- .bk-progress .progress-inner.bk-primary {
1701
- background: #3a84ff;
1702
- }
1703
- .bk-progress .progress-inner.bk-success {
1704
- background: #2dcb56;
1705
- }
1706
- .bk-progress .progress-inner.bk-warning {
1707
- background: #ff9c01;
1708
- }
1709
- .bk-progress .progress-inner.bk-danger {
1710
- background: #ea3636;
1711
- }
1712
- .bk-progress .inner-text {
1713
- width: 100%;
1714
- height: 100%;
1715
- color: #fff;
1716
- text-align: center;
1717
- }
1718
- .bk-progress .progress-text {
1719
- width: 7%;
1720
- text-align: center;
1721
- }
1722
- .bk-progress .process-circle-trail {
1723
- stroke: #f5f5f5;
1724
- }
1725
- .bk-progress .progress-circle-text {
1726
- position: absolute;
1727
- top: 50%;
1728
- left: 0;
1729
- width: 100%;
1730
- margin: 0;
1731
- text-align: center;
1732
- transform: translateY(-50%);
1733
- }
1734
- .bk-progress-line {
1735
- width: 100%;
1736
- }
1737
- .bk-progress-circle,
1738
- .bk-progress-dashboard {
1739
- position: relative;
1740
- }
1741
- .bk-radio {
1742
- display: inline-block;
1743
- margin-right: 30px;
1744
- font-size: 12px;
1745
- font-weight: normal;
1746
- line-height: 1;
1747
- letter-spacing: normal;
1748
- color: #63656e;
1749
- white-space: nowrap;
1750
- cursor: pointer;
1751
- outline: none;
1752
- user-select: none;
1753
- }
1754
- .bk-radio:last-child {
1755
- margin-right: 0;
1756
- }
1757
- .bk-radio.is-checked .bk-radio-input {
1758
- padding: 3px;
1759
- color: #3a84ff;
1760
- background-color: #3a84ff;
1761
- border-color: #3a84ff;
1762
- }
1763
- .bk-radio.is-disabled {
1764
- color: #dcdee5;
1765
- cursor: not-allowed;
1766
- }
1767
- .bk-radio.is-disabled.is-checked .bk-radio-input {
1768
- background-color: #dcdee5;
1769
- }
1770
- .bk-radio.is-disabled .bk-radio-input {
1771
- cursor: not-allowed;
1772
- border-color: #dcdee5;
1773
- }
1774
- .bk-radio.is-disabled .bk-radio-text {
1775
- cursor: not-allowed;
1776
- }
1777
- .bk-radio.is-focus .bk-radio-input {
1778
- border-color: #3a84ff;
1779
- }
1780
- .bk-radio .bk-radio-text {
1781
- font-size: 12px;
1782
- font-style: normal;
1783
- font-weight: normal;
1784
- color: #63656e;
1785
- vertical-align: middle;
1786
- cursor: pointer;
1787
- }
1788
- .bk-radio .bk-radio-input {
1789
- position: relative;
1790
- display: inline-block;
1791
- width: 16px;
1792
- height: 16px;
1793
- margin: 0 5px 0 0;
1794
- color: #fff;
1795
- vertical-align: middle;
1796
- cursor: pointer;
1797
- background-color: #fff;
1798
- border: 1px solid #63656e;
1799
- border-radius: 50%;
1800
- outline: none;
1801
- visibility: visible;
1802
- transition: all 0.3s;
1803
- background-clip: content-box;
1804
- appearance: none;
1805
- }
1806
- .bk-radio-button {
1807
- position: relative;
1808
- z-index: 1;
1809
- display: inline-block;
1810
- font-size: 0;
1811
- font-weight: normal;
1812
- line-height: 1;
1813
- letter-spacing: normal;
1814
- color: #63656e;
1815
- white-space: nowrap;
1816
- cursor: pointer;
1817
- outline: none;
1818
- opacity: 1;
1819
- user-select: none;
1820
- }
1821
- .bk-radio-button:nth-child(n+2) {
1822
- margin-left: -1px;
1823
- }
1824
- .bk-radio-button:first-child .bk-radio-button-text {
1825
- border-bottom-left-radius: 2px;
1826
- border-top-left-radius: 2px;
1827
- }
1828
- .bk-radio-button:last-child .bk-radio-button-text {
1829
- border-top-right-radius: 2px;
1830
- border-bottom-right-radius: 2px;
1831
- }
1832
- .bk-radio-button.is-checked {
1833
- z-index: 2;
1834
- }
1835
- .bk-radio-button.is-checked .bk-radio-button-text {
1836
- color: #fff;
1837
- background: #3a84ff;
1838
- border-color: #3a84ff;
1839
- }
1840
- .bk-radio-button.is-disabled {
1841
- z-index: 0;
1842
- color: #dcdee5;
1843
- cursor: not-allowed;
1844
- }
1845
- .bk-radio-button.is-disabled .bk-radio-button-text {
1846
- cursor: not-allowed;
1847
- background: #dcdee5;
1848
- border-color: #dcdee5;
1849
- }
1850
- .bk-radio-button.is-focus .bk-radio-button-text {
1851
- border-color: #3a84ff;
1852
- }
1853
- .bk-radio-button .bk-radio-button-input {
1854
- position: absolute;
1855
- z-index: -1;
1856
- outline: none;
1857
- opacity: 0;
1858
- }
1859
- .bk-radio-button .bk-radio-button-text {
1860
- height: 32px;
1861
- padding: 0 18px;
1862
- font-size: 12px;
1863
- font-style: normal;
1864
- font-weight: normal;
1865
- line-height: 32px;
1866
- color: #63656e;
1867
- text-align: center;
1868
- vertical-align: middle;
1869
- cursor: pointer;
1870
- border: 1px solid #63656e;
1871
- transition: all 0.3s;
1872
- }
1873
- .bk-radio-group {
1874
- display: inline-block;
1875
- font-size: 0;
1876
- line-height: 0;
1877
- letter-spacing: normal;
1878
- }
1879
- .bk-rate {
1880
- position: relative;
1881
- }
1882
- .bk-rate .bk-score-real {
1883
- position: absolute;
1884
- top: 0;
1885
- left: 0;
1886
- display: flex;
1887
- overflow: hidden;
1888
- }
1889
- .bk-rate-stars {
1890
- padding: 0;
1891
- margin: 0;
1892
- }
1893
- .bk-rate-stars .bk-is-edit {
1894
- cursor: pointer;
1895
- }
1896
- .bk-rate-stars:after {
1897
- display: table;
1898
- clear: both;
1899
- content: '';
1900
- }
1901
- .bk-rate-stars .bk-rate-star {
1902
- float: left;
1903
- margin-right: 3px;
1904
- enable-background: new 0 0 64 64;
1905
- fill: #c5c7d1;
1906
- }
1907
- .bk-rate-stars .bk-rate-star.bk-is-select {
1908
- fill: #ffb848;
1909
- }
1910
- .bk-rate-stars .bk-rate-star:last-child {
1911
- margin-right: 0;
1912
- }
1913
- .bk-select {
1914
- display: inline-block;
1915
- }
1916
- .bk-select ul {
1917
- padding: 0;
1918
- margin: 0;
1919
- font-weight: normal;
1920
- list-style: none;
1921
- }
1922
- .bk-select .bk-popover-content {
1923
- padding: 0;
1924
- }
1925
- .bk-select.is-focus .bk-select-trigger .bk-select-input {
1926
- border-color: #3a84ff;
1927
- box-shadow: 0px 0px 3px 0px #a3c5fd;
1928
- }
1929
- .bk-select.is-disabled .bk-select-trigger .bk-select-input {
1930
- cursor: not-allowed;
1931
- background: #fafbfd;
1932
- border-color: #dcdee5;
1933
- box-shadow: unset;
1934
- }
1935
- .bk-select.popover-show .bk-select-trigger .angle-up {
1936
- transform: rotate(0);
1937
- }
1938
- .bk-select .bk-select-trigger {
1939
- position: relative;
1940
- cursor: pointer;
1941
- }
1942
- .bk-select .bk-select-trigger .bk-select-input {
1943
- height: 32px;
1944
- padding: 0 28px 0 10px;
1945
- font-size: 12px;
1946
- line-height: normal;
1947
- color: #63656e;
1948
- text-align: left;
1949
- vertical-align: middle;
1950
- cursor: pointer;
1951
- background-color: white;
1952
- border: 1px solid #c4c6cc;
1953
- border-radius: 2px;
1954
- outline: none;
1955
- box-sizing: border-box;
1956
- transition: all 0.1s;
1957
- resize: none;
1958
- }
1959
- .bk-select .bk-select-trigger .bk-select-input::placeholder {
1960
- color: #c4c6cc;
1961
- }
1962
- .bk-select .bk-select-trigger .bk-select-prefix {
1963
- position: absolute;
1964
- top: 6px;
1965
- left: 4px;
1966
- }
1967
- .bk-select .bk-select-trigger .angle-up {
1968
- transform: rotate(180deg);
1969
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1970
- display: flex;
1971
- align-items: center;
1972
- justify-content: center;
1973
- width: 20px;
1974
- height: 20px;
1975
- font-size: 20px;
1976
- color: #979ba5;
1977
- position: absolute;
1978
- top: 6px;
1979
- right: 4px;
1980
- }
1981
- .bk-select .bk-select-trigger .clear-icon {
1982
- transition: all 0.1s;
1983
- display: flex;
1984
- align-items: center;
1985
- justify-content: center;
1986
- width: 20px;
1987
- height: 20px;
1988
- font-size: 14px;
1989
- color: #c4c6cc;
1990
- position: absolute;
1991
- top: 6px;
1992
- right: 4px;
1993
- }
1994
- .bk-select .bk-select-trigger .clear-icon:hover {
1995
- color: #979ba5;
1996
- }
1997
- .bk-select .bk-select-dropdown .bk-select-search {
1998
- position: relative;
1999
- padding: 0 5px;
2000
- }
2001
- .bk-select .bk-select-dropdown .bk-select-search-icon {
2002
- position: absolute;
2003
- top: 50%;
2004
- left: 8px;
2005
- font-size: 16px;
2006
- color: #979ba5;
2007
- transform: translateY(-50%);
2008
- }
2009
- .bk-select .bk-select-dropdown .bk-select-search-input {
2010
- width: 100%;
2011
- height: 32px;
2012
- padding: 0 10px 0 26px;
2013
- font-size: 12px;
2014
- cursor: text;
2015
- border: none;
2016
- border-bottom: 1px solid #dcdee5;
2017
- outline: 0;
2018
- }
2019
- .bk-select .bk-select-empty {
2020
- height: 32px;
2021
- font-size: 12px;
2022
- line-height: 32px;
2023
- color: #63656e;
2024
- text-align: center;
2025
- user-select: none;
2026
- }
2027
- .bk-select .bk-select-options {
2028
- padding: 6px 0;
2029
- }
2030
- .bk-select .bk-select-option {
2031
- height: 32px;
2032
- padding: 0 10px;
2033
- line-height: 32px;
2034
- color: #63656e;
2035
- text-align: left;
2036
- cursor: pointer;
2037
- user-select: none;
2038
- overflow: hidden;
2039
- text-overflow: ellipsis;
2040
- white-space: nowrap;
2041
- }
2042
- .bk-select .bk-select-option:hover {
2043
- color: #3a84ff;
2044
- background-color: #eaf3ff;
2045
- }
2046
- .bk-select .bk-select-option.is-selected {
2047
- color: #3a84ff;
2048
- background-color: #f4f6fa;
2049
- }
2050
- .bk-select .bk-select-option.is-selected.is-multiple::after {
2051
- position: absolute;
2052
- right: 20px;
2053
- font-size: 12px;
2054
- font-weight: 700;
2055
- content: '\2713';
2056
- }
2057
- .bk-select .bk-select-option.is-disabled {
2058
- color: #c4c6cc;
2059
- cursor: not-allowed;
2060
- background-color: transparent;
2061
- }
2062
- .bk-select .bk-option-group-label {
2063
- height: 32px;
2064
- margin: 0 10px;
2065
- line-height: 32px;
2066
- color: #979ba5;
2067
- text-align: left;
2068
- border-bottom: 1px solid #dcdee5;
2069
- }
2070
- .bk-modal-wrapper.bk-sideslider-wrapper {
2071
- position: fixed;
2072
- top: 0;
2073
- bottom: 0;
2074
- left: auto;
2075
- background: #fff;
2076
- transform: initial;
2077
- box-shadow: -5px 0 8px -5px rgba(0, 0, 0, 0.2);
2078
- }
2079
- .bk-modal-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {
2080
- overflow: auto;
2081
- }
2082
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header {
2083
- width: 100%;
2084
- height: 60px;
2085
- background: #fff;
2086
- border-bottom: 1px solid #dcdee5;
2087
- }
2088
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close {
2089
- position: absolute;
2090
- top: 0;
2091
- width: 30px;
2092
- height: 60px;
2093
- font-size: 24px;
2094
- line-height: 60px;
2095
- color: #fff;
2096
- text-align: center;
2097
- cursor: pointer;
2098
- background-color: #3a84ff;
2099
- }
2100
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right {
2101
- left: 0;
2102
- }
2103
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
2104
- top: 50%;
2105
- left: 50%;
2106
- display: inline-block;
2107
- width: 8px;
2108
- height: 8px;
2109
- border-top: solid 2px #fff;
2110
- border-right: solid 2px #fff;
2111
- content: '';
2112
- transform: translate(-50%, -50%) rotate(45deg);
2113
- }
2114
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left {
2115
- right: 0;
2116
- }
2117
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
2118
- top: 50%;
2119
- left: 50%;
2120
- display: inline-block;
2121
- width: 8px;
2122
- height: 8px;
2123
- border-top: solid 2px #fff;
2124
- border-left: solid 2px #fff;
2125
- content: '';
2126
- transform: translate(50%, -50%) rotate(-45deg);
2127
- }
2128
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
2129
- height: 60px;
2130
- padding-left: 30px;
2131
- font-size: 16px;
2132
- font-weight: 700;
2133
- line-height: 60px;
2134
- color: #666;
2135
- }
2136
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
2137
- padding: 0px 0px 0px 50px;
2138
- }
2139
- @keyframes loading-scale-animate {
2140
- 0% {
2141
- transform: scale(1);
2142
- }
2143
- 100% {
2144
- transform: scale(0.6);
2145
- }
2146
- }
2147
- @keyframes fade {
2148
- 100% {
2149
- background-color: transparent;
2150
- }
2151
- }
2152
- .bk-fade-transtion .bk-fade-enter-active,
2153
- .bk-fade-transtion .bk-fade-leave-active {
2154
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
2155
- }
2156
- .bk-fade-transtion .bk-fade-enter,
2157
- .bk-fade-transtion .bk-fade-leave-to {
2158
- opacity: 0;
2159
- }
2160
- .bk-switcher {
2161
- position: relative;
2162
- display: inline-block;
2163
- /* 默认尺寸 */
2164
- width: 36px;
2165
- height: 20px;
2166
- line-height: 20px;
2167
- text-align: left;
2168
- vertical-align: middle;
2169
- background-color: #c4c6cc;
2170
- border-radius: 50px;
2171
- transition: all 0.4s ease;
2172
- /* 显示文本时固定尺寸 */
2173
- }
2174
- .bk-switcher:focus {
2175
- box-shadow: 0px 0px 6px #c4c6cc;
2176
- }
2177
- .bk-switcher:after {
2178
- position: absolute;
2179
- top: 2px;
2180
- left: 2px;
2181
- display: block;
2182
- width: 24px;
2183
- height: 24px;
2184
- cursor: pointer;
2185
- background: #fff;
2186
- border-radius: 100px;
2187
- content: '';
2188
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
2189
- transition: all 0.3s ease;
2190
- }
2191
- .bk-switcher:not(.show-label):after {
2192
- width: 16px;
2193
- height: 16px;
2194
- }
2195
- .bk-switcher:not(.show-label).is-checked:after {
2196
- margin-left: -18px;
2197
- }
2198
- .bk-switcher.is-loading {
2199
- cursor: defalt;
2200
- }
2201
- .bk-switcher.is-loading input[type=checkbox] {
2202
- cursor: default;
2203
- }
2204
- .bk-switcher .bk-switcher-loading {
2205
- position: absolute;
2206
- top: 50%;
2207
- left: 1px;
2208
- z-index: 10;
2209
- display: flex;
2210
- width: 18px;
2211
- height: 18px;
2212
- transform: translateY(-50%);
2213
- }
2214
- .bk-switcher .bk-switcher-loading svg {
2215
- color: #3a84ff;
2216
- }
2217
- .bk-switcher .switcher-label {
2218
- display: none;
2219
- width: 30px;
2220
- height: 28px;
2221
- margin: 0 0 0 26px;
2222
- font-size: 12px;
2223
- font-weight: normal;
2224
- color: #fff;
2225
- text-align: center;
2226
- vertical-align: top;
2227
- transition: all ease 0.3s;
2228
- }
2229
- .bk-switcher .switcher-label .on-text {
2230
- display: none;
2231
- }
2232
- .bk-switcher .switcher-label .off-text {
2233
- display: inline-block;
2234
- }
2235
- .bk-switcher.show-label {
2236
- width: 60px;
2237
- height: 28px;
2238
- line-height: 28px;
2239
- }
2240
- .bk-switcher.show-label .switcher-label {
2241
- display: inline-block;
2242
- }
2243
- .bk-switcher.show-label .bk-switcher-loading {
2244
- width: 26px;
2245
- height: 26px;
2246
- align-items: center;
2247
- justify-content: center;
2248
- }
2249
- .bk-switcher.show-label .bk-switcher-loading svg {
2250
- font-size: 24px;
2251
- }
2252
- .bk-switcher.is-disabled {
2253
- cursor: default;
2254
- /* background-color: #eee !important; */
2255
- opacity: 0.3;
2256
- }
2257
- .bk-switcher.is-disabled input[type=checkbox] {
2258
- cursor: not-allowed;
2259
- }
2260
- .bk-switcher.is-checked {
2261
- background: #2dcb56;
2262
- }
2263
- .bk-switcher.is-checked:focus {
2264
- box-shadow: 0px 0px 6px #2dcb56;
2265
- }
2266
- .bk-switcher.is-checked.primary {
2267
- background: #3a84ff;
2268
- }
2269
- .bk-switcher.is-checked.primary:focus {
2270
- box-shadow: 0px 0px 6px #3a84ff;
2271
- }
2272
- .bk-switcher.is-checked:after {
2273
- top: 2px;
2274
- left: 100%;
2275
- margin-left: -26px;
2276
- }
2277
- .bk-switcher.is-checked .switcher-label {
2278
- margin-left: 4px;
2279
- }
2280
- .bk-switcher.is-checked .switcher-label .on-text {
2281
- display: inline-block;
2282
- }
2283
- .bk-switcher.is-checked .switcher-label .off-text {
2284
- display: none;
2285
- }
2286
- .bk-switcher.is-checked .bk-switcher-loading {
2287
- right: 1px;
2288
- left: auto;
2289
- }
2290
- .bk-switcher.bk-switcher-outline {
2291
- background: #fff;
2292
- border: 1px solid #c4c6cc;
2293
- }
2294
- .bk-switcher.bk-switcher-outline:after {
2295
- width: 22px;
2296
- height: 22px;
2297
- background-color: #c4c6cc;
2298
- box-shadow: none;
2299
- }
2300
- .bk-switcher.bk-switcher-outline .switcher-label {
2301
- height: 26px;
2302
- margin-left: 24px;
2303
- color: #c4c6cc;
2304
- }
2305
- .bk-switcher.bk-switcher-outline .bk-switcher-loading {
2306
- width: 22px;
2307
- height: 22px;
2308
- align-items: center;
2309
- justify-content: center;
2310
- }
2311
- .bk-switcher.bk-switcher-outline.is-checked {
2312
- border: 1px solid #2dcb56;
2313
- }
2314
- .bk-switcher.bk-switcher-outline.is-checked:after {
2315
- margin-left: -24px;
2316
- background-color: #2dcb56;
2317
- }
2318
- .bk-switcher.bk-switcher-outline.is-checked .switcher-label {
2319
- margin-left: 4px;
2320
- color: #2dcb56;
2321
- }
2322
- .bk-switcher.bk-switcher-outline.is-disabled {
2323
- background-color: #fff;
2324
- border-color: #eee;
2325
- }
2326
- .bk-switcher.bk-switcher-outline.is-disabled .switcher-label {
2327
- color: #eee;
2328
- }
2329
- .bk-switcher.bk-switcher-outline.is-disabled:after {
2330
- background-color: #eee;
2331
- }
2332
- .bk-switcher.bk-switcher-outline.bk-switcher-large:after {
2333
- width: 18px;
2334
- height: 18px;
2335
- }
2336
- .bk-switcher.bk-switcher-outline.bk-switcher-large.is-checked:after {
2337
- margin-left: -20px;
2338
- }
2339
- .bk-switcher.bk-switcher-square {
2340
- border-radius: 2px;
2341
- }
2342
- .bk-switcher.bk-switcher-square:after {
2343
- border-radius: 2px;
2344
- }
2345
- .bk-switcher.bk-switcher-square .switcher-label {
2346
- width: 35px;
2347
- }
2348
- .bk-switcher.bk-switcher-large {
2349
- width: 42px;
2350
- height: 24px;
2351
- line-height: 22px;
2352
- border-radius: 12px;
2353
- }
2354
- .bk-switcher.bk-switcher-large:after {
2355
- width: 20px;
2356
- height: 20px;
2357
- }
2358
- .bk-switcher.bk-switcher-large.is-checked:after {
2359
- top: 2px;
2360
- left: 100%;
2361
- margin-left: -22px;
2362
- }
2363
- .bk-switcher.bk-switcher-large .bk-switcher-loading {
2364
- width: 22px;
2365
- height: 22px;
2366
- }
2367
- .bk-switcher.bk-switcher-small {
2368
- width: 26px;
2369
- height: 16px;
2370
- line-height: 22px;
2371
- }
2372
- .bk-switcher.bk-switcher-small:after {
2373
- width: 12px;
2374
- height: 12px;
2375
- }
2376
- .bk-switcher.bk-switcher-small.is-checked:after {
2377
- top: 2px;
2378
- left: 100%;
2379
- margin-left: -14px;
2380
- }
2381
- .bk-switcher.bk-switcher-small .bk-switcher-loading {
2382
- width: 14px;
2383
- height: 14px;
2384
- }
2385
- .bk-switcher input[type=checkbox],
2386
- .bk-switcher input[type=radio] {
2387
- position: absolute;
2388
- top: 0;
2389
- left: 0;
2390
- z-index: 1;
2391
- width: 100%;
2392
- height: 100%;
2393
- margin: 0;
2394
- cursor: pointer;
2395
- opacity: 0;
2396
- }
2397
- .bk-table .bk-table-body {
2398
- height: 500px;
2399
- overflow: auto;
2400
- background: white;
2401
- }
2402
- .bk-table .bk-table-body table {
2403
- width: 100%;
2404
- border-collapse: collapse;
2405
- }
2406
- .bk-table .bk-table-body table .cell {
2407
- height: 40px;
2408
- padding: 0 15px;
2409
- overflow: hidden;
2410
- line-height: 40px;
2411
- text-overflow: ellipsis;
2412
- white-space: nowrap;
2413
- }
2414
- .bk-table .bk-table-body table th,
2415
- .bk-table .bk-table-body table td {
2416
- min-width: 80px;
2417
- border-bottom: 1px solid #dfe0e5;
2418
- }
2419
- .bk-table .bk-table-body table thead th {
2420
- position: sticky;
2421
- top: 0;
2422
- z-index: 1;
2423
- background-color: #fff;
2424
- }
2425
- .bk-table .bk-table-body table thead th.active {
2426
- background: #f0f1f5;
2427
- }
2428
- .bk-table .bk-table-body table tbody tr:hover td {
2429
- background: #f5f7fa;
2430
- }
2431
- .bk-table .bk-table-fixed {
2432
- width: 100%;
2433
- }
2434
- .bk-table colgroup col {
2435
- background: #fff;
2436
- }
2437
- .bk-table colgroup col.active {
2438
- position: relative;
2439
- background: #f0f1f5;
2440
- }
2441
- .bk-form {
2442
- text-align: left;
2443
- }
2444
- .bk-form .bk-form-item {
2445
- display: flex;
2446
- margin-bottom: 24px;
2447
- }
2448
- .bk-form .bk-form-label {
2449
- width: 150px;
2450
- padding-right: 24px;
2451
- font-size: 14px;
2452
- font-weight: normal;
2453
- line-height: 32px;
2454
- color: #63656e;
2455
- text-align: right;
2456
- }
2457
- .bk-form .bk-form-content {
2458
- position: relative;
2459
- line-height: 32px;
2460
- }
2461
- .bk-form .bk-form-error {
2462
- position: absolute;
2463
- left: 0;
2464
- padding-top: 4px;
2465
- font-size: 12px;
2466
- line-height: 1;
2467
- color: #ea3636;
2468
- text-align: left;
2469
- }
2470
- .bk-form--vertical .bk-form-item {
2471
- flex-direction: column;
2472
- }
2473
- .bk-form--vertical .bk-form-label {
2474
- width: auto;
2475
- text-align: left;
2476
- }
2477
- .bk-form--vertical .bk-form-content {
2478
- text-align: left;
2479
- }
2480
- * {
2481
- box-sizing: border-box;
2482
- }
2483
- @keyframes loadingCircle {
2484
- 100% {
2485
- transform: rotate(360deg);
2486
- }
2487
- }
2488
- .bk-steps {
2489
- display: flex;
2490
- width: 100%;
2491
- font-size: 0;
2492
- }
2493
- .bk-steps .icon-circle-4-1 {
2494
- width: 12px;
2495
- height: 12px;
2496
- border: 2px solid #fff;
2497
- border-right: 0;
2498
- border-bottom: 0;
2499
- border-left: 0;
2500
- border-radius: 7px;
2501
- }
2502
- .bk-steps .bk-icon {
2503
- font-size: 24px;
2504
- line-height: 24px;
2505
- }
2506
- .bk-steps .bk-icon.icon-loading {
2507
- display: inline-block;
2508
- font-size: 14px;
2509
- animation: loadingCircle 1s infinite linear;
2510
- }
2511
- .bk-steps .bk-step {
2512
- position: relative;
2513
- margin-right: 8px;
2514
- overflow: hidden;
2515
- text-align: left;
2516
- white-space: nowrap;
2517
- flex: 1;
2518
- }
2519
- .bk-steps .bk-step .bk-step-indicator {
2520
- z-index: 1;
2521
- display: inline-flex;
2522
- width: 24px;
2523
- height: 24px;
2524
- padding: 0;
2525
- margin-right: 8px;
2526
- line-height: 24px;
2527
- color: #979ba5;
2528
- text-align: center;
2529
- vertical-align: top;
2530
- background-color: #fff;
2531
- border: 1px solid #979ba5;
2532
- border-radius: 50%;
2533
- box-sizing: border-box;
2534
- align-items: center;
2535
- justify-content: center;
2536
- }
2537
- .bk-steps .bk-step .bk-step-number {
2538
- font-family: arial;
2539
- font-size: 14px;
2540
- }
2541
- .bk-steps .bk-step .bk-step-content {
2542
- display: inline-block;
2543
- vertical-align: top;
2544
- }
2545
- .bk-steps .bk-step .bk-step-title {
2546
- position: relative;
2547
- display: inline-block;
2548
- padding-right: 8px;
2549
- font-size: 14px;
2550
- line-height: 24px;
2551
- color: #63656e;
2552
- word-break: break-all;
2553
- }
2554
- .bk-steps .bk-step .bk-step-title::after {
2555
- position: absolute;
2556
- top: 12px;
2557
- left: 100%;
2558
- width: 99999px;
2559
- height: 1px;
2560
- background-color: transparent;
2561
- content: '';
2562
- }
2563
- .bk-steps .bk-step .bk-step-description {
2564
- max-width: 140px;
2565
- font-size: 12px;
2566
- color: #979ba5;
2567
- white-space: normal;
2568
- }
2569
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator {
2570
- margin-right: 0;
2571
- }
2572
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2573
- position: absolute;
2574
- top: 12px;
2575
- left: 100%;
2576
- width: 99999px;
2577
- height: 1px;
2578
- background-color: transparent;
2579
- content: '';
2580
- }
2581
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2582
- top: 10px;
2583
- left: 32px;
2584
- }
2585
- .bk-steps .bk-step:last-child {
2586
- margin-right: 0;
2587
- flex: none;
2588
- }
2589
- .bk-steps .bk-step:last-child .bk-step-title {
2590
- padding-right: 0;
2591
- }
2592
- .bk-steps .bk-step:last-child .bk-step-title::after {
2593
- display: none;
2594
- }
2595
- .bk-steps .bk-step.done .bk-step-title,
2596
- .bk-steps .bk-step.done .bk-step-description {
2597
- color: #63656e;
2598
- }
2599
- .bk-steps .bk-step.current .bk-step-number,
2600
- .bk-steps .bk-step.current .bk-step-icon,
2601
- .bk-steps .bk-step.current .bk-step-text {
2602
- border-width: 2px;
2603
- }
2604
- .bk-steps .bk-step.current .bk-step-title,
2605
- .bk-steps .bk-step.current .bk-step-description {
2606
- color: #63656e;
2607
- }
2608
- .bk-steps .bk-step.current.bk-step-error .bk-step-indicator {
2609
- background-color: #ea3636;
2610
- border-color: #ea3636;
2611
- }
2612
- .bk-steps .bk-step.current.bk-step-error .bk-step-title,
2613
- .bk-steps .bk-step.current.bk-step-error .bk-step-description {
2614
- color: #ea3636;
2615
- }
2616
- .bk-steps-primary .bk-step.done .bk-step-number,
2617
- .bk-steps-primary .bk-step.done .bk-step-icon,
2618
- .bk-steps-primary .bk-step.done .bk-step-text {
2619
- color: #3a84ff;
2620
- border-color: #3a84ff;
2621
- }
2622
- .bk-steps-primary .bk-step.done .bk-step-title::after,
2623
- .bk-steps-primary .bk-step.done .bk-step-indicator::after {
2624
- background-image: linear-gradient(to right, #3a84ff 50%, transparent 0%);
2625
- }
2626
- .bk-steps-primary .bk-step.done::after {
2627
- background-image: linear-gradient(#3a84ff 50%, transparent 0%);
2628
- }
2629
- .bk-steps-primary .bk-step.current .bk-step-number,
2630
- .bk-steps-primary .bk-step.current .bk-step-icon,
2631
- .bk-steps-primary .bk-step.current .bk-step-text {
2632
- color: #fff;
2633
- background-color: #3a84ff;
2634
- border-color: #3a84ff;
2635
- }
2636
- .bk-steps-warning .bk-step.done .bk-step-number,
2637
- .bk-steps-warning .bk-step.done .bk-step-icon,
2638
- .bk-steps-warning .bk-step.done .bk-step-text {
2639
- color: #ff9c01;
2640
- border-color: #ff9c01;
2641
- }
2642
- .bk-steps-warning .bk-step.done .bk-step-title::after,
2643
- .bk-steps-warning .bk-step.done .bk-step-indicator::after {
2644
- background-image: linear-gradient(to right, #ff9c01 50%, transparent 0%);
2645
- }
2646
- .bk-steps-warning .bk-step.done::after {
2647
- background-image: linear-gradient(#ff9c01 50%, transparent 0%);
2648
- }
2649
- .bk-steps-warning .bk-step.current .bk-step-number,
2650
- .bk-steps-warning .bk-step.current .bk-step-icon,
2651
- .bk-steps-warning .bk-step.current .bk-step-text {
2652
- color: #fff;
2653
- background-color: #ff9c01;
2654
- border-color: #ff9c01;
2655
- }
2656
- .bk-steps-success .bk-step.done .bk-step-number,
2657
- .bk-steps-success .bk-step.done .bk-step-icon,
2658
- .bk-steps-success .bk-step.done .bk-step-text {
2659
- color: #2dcb56;
2660
- border-color: #2dcb56;
2661
- }
2662
- .bk-steps-success .bk-step.done .bk-step-title::after,
2663
- .bk-steps-success .bk-step.done .bk-step-indicator::after {
2664
- background-image: linear-gradient(to right, #2dcb56 50%, transparent 0%);
2665
- }
2666
- .bk-steps-success .bk-step.done::after {
2667
- background-image: linear-gradient(#2dcb56 50%, transparent 0%);
2668
- }
2669
- .bk-steps-success .bk-step.current .bk-step-number,
2670
- .bk-steps-success .bk-step.current .bk-step-icon,
2671
- .bk-steps-success .bk-step.current .bk-step-text {
2672
- color: #fff;
2673
- background-color: #2dcb56;
2674
- border-color: #2dcb56;
2675
- }
2676
- .bk-steps-danger .bk-step.done .bk-step-number,
2677
- .bk-steps-danger .bk-step.done .bk-step-icon,
2678
- .bk-steps-danger .bk-step.done .bk-step-text {
2679
- color: #ea3636;
2680
- border-color: #ea3636;
2681
- }
2682
- .bk-steps-danger .bk-step.done .bk-step-title::after,
2683
- .bk-steps-danger .bk-step.done .bk-step-indicator::after {
2684
- background-image: linear-gradient(to right, #ea3636 50%, transparent 0%);
2685
- }
2686
- .bk-steps-danger .bk-step.done::after {
2687
- background-image: linear-gradient(#ea3636 50%, transparent 0%);
2688
- }
2689
- .bk-steps-danger .bk-step.current .bk-step-number,
2690
- .bk-steps-danger .bk-step.current .bk-step-icon,
2691
- .bk-steps-danger .bk-step.current .bk-step-text {
2692
- color: #fff;
2693
- background-color: #ea3636;
2694
- border-color: #ea3636;
2695
- }
2696
- .bk-steps-dashed .bk-step .bk-step-title::after,
2697
- .bk-steps-dashed .bk-step .bk-step-indicator::after {
2698
- background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
2699
- background-position: bottom;
2700
- background-repeat: repeat-x;
2701
- background-size: 6px 1px;
2702
- }
2703
- .bk-steps-solid .bk-step .bk-step-title::after,
2704
- .bk-steps-solid .bk-step .bk-step-indicator::after {
2705
- background-color: #c4c6cc;
2706
- }
2707
- .bk-steps-vertical {
2708
- flex-direction: column;
2709
- height: 100%;
2710
- }
2711
- .bk-steps-vertical .bk-step {
2712
- margin-right: 0;
2713
- margin-bottom: 8px;
2714
- }
2715
- .bk-steps-vertical .bk-step .bk-step-title::after,
2716
- .bk-steps-vertical .bk-step .bk-step-indicator::after {
2717
- display: none;
2718
- }
2719
- .bk-steps-vertical .bk-step::after {
2720
- position: absolute;
2721
- top: 32px;
2722
- left: 12px;
2723
- width: 1px;
2724
- height: 100%;
2725
- background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
2726
- background-position: right;
2727
- background-repeat: repeat-y;
2728
- background-size: 1px 6px;
2729
- content: '';
2730
- }
2731
- .bk-steps-vertical .bk-step .bk-step-title {
2732
- display: flex;
2733
- height: 100%;
2734
- margin-top: 0;
2735
- text-align: left;
2736
- align-items: center;
2737
- }
2738
- .bk-steps-small .bk-step .bk-step-indicator {
2739
- width: 20px;
2740
- height: 20px;
2741
- line-height: 20px;
2742
- }
2743
- .bk-steps-small .bk-step .bk-step-title {
2744
- font-size: 12px;
2745
- line-height: 20px;
2746
- }
2747
- .bk-steps-small .bk-step .bk-step-number {
2748
- font-size: 12px;
2749
- }
2750
- .bk-steps-small .bk-step .bk-icon {
2751
- font-size: 20px;
2752
- line-height: 24px;
2753
- }
2754
- .bk-steps-small .bk-step::after {
2755
- top: 28px;
2756
- left: 10px;
2757
- }
2758
- .bk-steps-small .bk-step .bk-step-title::after {
2759
- top: 10px;
2760
- }
2761
- .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
2762
- top: 8px;
2763
- left: 28px;
2764
- }
2765
- .bk-message {
2766
- position: fixed;
2767
- top: 20px;
2768
- left: 50%;
2769
- display: flex;
2770
- min-width: 300px;
2771
- padding: 10px 15px;
2772
- font-size: 14px;
2773
- color: #63656e;
2774
- background: #f0f8ff;
2775
- border: 1px solid #e1ecff;
2776
- border-radius: 2px;
2777
- transform: translateX(-50%);
2778
- box-shadow: 0px 2px 4px 0px rgba(16, 37, 74, 0.1);
2779
- justify-content: space-between;
2780
- }
2781
- .bk-message .bk-message-close {
2782
- padding-left: 20px;
2783
- margin-right: 0;
2784
- font-size: 18px;
2785
- cursor: pointer;
2786
- }
2787
- .bk-message-icon {
2788
- display: inline-block;
2789
- margin-right: 10px;
2790
- font-size: 18px;
2791
- color: #3a84ff;
2792
- }
2793
- .bk-message-primary {
2794
- background: #f0f8ff;
2795
- border: 1px solid #e1ecff;
2796
- }
2797
- .bk-message-warning {
2798
- background: #fff4e2;
2799
- border: 1px solid #ffe8c3;
2800
- }
2801
- .bk-message-warning .bk-message-icon {
2802
- color: #ff9c01;
2803
- }
2804
- .bk-message-success {
2805
- background: #f2fff4;
2806
- border: 1px solid #dcffe2;
2807
- }
2808
- .bk-message-success .bk-message-icon {
2809
- color: #2dcb56;
2810
- }
2811
- .bk-message-danger {
2812
- background: #ffeded;
2813
- border: 1px solid #ffdddd;
2814
- }
2815
- .bk-message-danger .bk-message-icon {
2816
- color: #ea3636;
2817
- }
2818
- .bk-notify {
2819
- position: fixed;
2820
- display: flex;
2821
- width: 360px;
2822
- padding: 24px;
2823
- font-size: 14px;
2824
- line-height: 20px;
2825
- color: #63656e;
2826
- background: #fff;
2827
- border: 1px solid #f0f1f5;
2828
- border-radius: 2px;
2829
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
2830
- }
2831
- .bk-notify .bk-notify-icon {
2832
- position: absolute;
2833
- top: 22px;
2834
- margin-right: 5px;
2835
- font-size: 18px;
2836
- color: #3a84ff;
2837
- }
2838
- .bk-notify.bk-notify-warning .bk-notify-icon {
2839
- color: #ff9c01;
2840
- }
2841
- .bk-notify.bk-notify-success .bk-notify-icon {
2842
- color: #2dcb56;
2843
- }
2844
- .bk-notify.bk-notify-danger .bk-notify-icon {
2845
- color: #ea3636;
2846
- }
2847
- .bk-notify .bk-notify-icon.bk-notify-close {
2848
- top: 8px;
2849
- right: 12px;
2850
- margin-right: 0;
2851
- font-size: 18px;
2852
- color: #979ba5;
2853
- cursor: pointer;
2854
- }
2855
- .bk-notify .bk-notify-content-header {
2856
- display: inline-block;
2857
- padding-left: 23px;
2858
- margin-top: 0;
2859
- margin-bottom: 4px;
2860
- font-size: 14px;
2861
- font-weight: 700;
2862
- }
2863
- .bk-notify .bk-notify-content-text {
2864
- display: inline-block;
2865
- padding-left: 23px;
2866
- }
2867
- .bk-tree .bk-tree-node {
2868
- position: relative;
2869
- height: var(--lineHeight);
2870
- padding-left: 0;
2871
- line-height: var(--lineHeight);
2872
- cursor: pointer;
2873
- }
2874
- .bk-tree .bk-tree-node.is-open::after {
2875
- position: absolute;
2876
- top: calc(var(--lineHeight) / 2);
2877
- left: 0;
2878
- z-index: 1;
2879
- width: 0;
2880
- height: calc(var(--lines) * var(--lineHeight));
2881
- pointer-events: none;
2882
- border-left: var(--level-line);
2883
- content: '';
2884
- }
2885
- .bk-tree .bk-tree-node:not(.is-root) {
2886
- margin-left: calc(var(--depth)*var(--indent));
2887
- }
2888
- .bk-tree .bk-tree-node:not(.is-root)::before {
2889
- position: absolute;
2890
- top: 50%;
2891
- left: calc(0px - var(--indent));
2892
- z-index: 1;
2893
- width: var(--indent);
2894
- height: 0;
2895
- pointer-events: none;
2896
- border-bottom: var(--level-line);
2897
- content: '';
2898
- }
2899
- .bk-tree .bk-tree-node .bk-tree-icon {
2900
- margin: 0 6px 0 4px;
2901
- }
2902
- .bk-slider {
2903
- display: flex;
2904
- flex-direction: row;
2905
- align-items: center;
2906
- }
2907
- .bk-slider .bk-slider-runway {
2908
- position: relative;
2909
- width: 100%;
2910
- height: 4px;
2911
- vertical-align: middle;
2912
- cursor: pointer;
2913
- background: #dcdee5;
2914
- border-radius: 2px;
2915
- opacity: 1;
2916
- }
2917
- .bk-slider .bk-slider-runway .bk-slider-bar {
2918
- position: absolute;
2919
- height: 4px;
2920
- background: #3a84ff;
2921
- border-bottom-left-radius: 3px;
2922
- border-top-left-radius: 3px;
2923
- }
2924
- .bk-slider .bk-slider-runway .bk-slider-bar.vertical {
2925
- width: 4px;
2926
- }
2927
- .bk-slider .bk-slider-runway .bk-slider-bar.horizontal {
2928
- height: 4px;
2929
- }
2930
- .bk-slider .bk-slider-runway .disable {
2931
- background: #979ba5;
2932
- }
2933
- .bk-slider .bk-slider-runway .bk-slider-labels {
2934
- position: relative;
2935
- }
2936
- .bk-slider .bk-slider-runway .bk-slider-labels.vertical {
2937
- left: 18px;
2938
- display: flex;
2939
- width: 10px;
2940
- height: 100%;
2941
- flex-direction: column;
2942
- justify-content: space-between;
2943
- }
2944
- .bk-slider .bk-slider-runway .bk-slider-labels.horizontal {
2945
- top: 10px;
2946
- display: flex;
2947
- width: 100%;
2948
- height: 10px;
2949
- flex-direction: row;
2950
- justify-content: space-between;
2951
- }
2952
- .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label {
2953
- position: absolute;
2954
- display: flex;
2955
- width: 10px;
2956
- height: 10px;
2957
- text-align: center;
2958
- white-space: nowrap;
2959
- align-items: center;
2960
- justify-content: center;
2961
- }
2962
- .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.vertical {
2963
- left: 10px;
2964
- transform: translateY(50%);
2965
- }
2966
- .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.horizontal {
2967
- top: 10px;
2968
- transform: translateX(-50%);
2969
- }
2970
- .bk-slider .bk-slider-interval {
2971
- position: absolute;
2972
- width: 4px;
2973
- height: 4px;
2974
- background-color: #fff;
2975
- border-radius: 100%;
2976
- transform: translateX(-50%);
2977
- }
2978
- .bk-slider .bk-slider-interval.vertical {
2979
- left: 2px;
2980
- }
2981
- .bk-slider-input {
2982
- display: flex;
2983
- margin: 0 0 0 28px;
2984
- flex-direction: row;
2985
- align-items: center;
2986
- }
2987
- .bk-slider-input .input-item {
2988
- width: 92px;
2989
- }
2990
- .bk-slider-input .input-center {
2991
- margin: 0 7px;
2992
- }
2993
- .bk-slider-button {
2994
- position: absolute;
2995
- z-index: 1001;
2996
- display: flex;
2997
- width: 24px;
2998
- height: 24px;
2999
- line-height: normal;
3000
- text-align: center;
3001
- background-color: transparent;
3002
- user-select: none;
3003
- justify-content: center;
3004
- align-items: center;
3005
- }
3006
- .bk-slider-button:hover {
3007
- cursor: grab;
3008
- }
3009
- .bk-slider-button.grabbing {
3010
- cursor: grabbing;
3011
- }
3012
- .bk-slider-button.vertical {
3013
- left: -10px;
3014
- transform: translateY(50%);
3015
- }
3016
- .bk-slider-button.horizontal {
3017
- top: -10px;
3018
- transform: translateX(-50%);
3019
- }
3020
- .bk-slider-button .slider-button {
3021
- width: 12px;
3022
- height: 12px;
3023
- background-color: #fff;
3024
- border: 2px solid #3a84ff;
3025
- border-radius: 50%;
3026
- transition: 0.2s;
3027
- user-select: none;
3028
- }
3029
- .bk-slider-button .slider-button-disable {
3030
- border: 2px solid #979ba5;
3031
- }
3032
- .bk-slider-button .slider-button:hover {
3033
- box-shadow: 0px 0px 0px 4px rgba(58, 132, 255, 0.3);
3034
- }
3035
- .bk-slider-button .slider-button:focus {
3036
- box-shadow: 0px 0px 10px 0px rgba(58, 132, 255, 0.9);
3037
- }
3038
- .bk-slider-button .slider-button-label {
3039
- position: absolute;
3040
- display: flex;
3041
- text-align: center;
3042
- align-items: center;
3043
- justify-content: center;
3044
- }
3045
- .bk-slider-button .slider-button-label.vertical {
3046
- left: 28px;
3047
- }
3048
- .bk-slider-button .slider-button-label.horizontal {
3049
- top: 20px;
3050
- }
3051
- @keyframes loading-scale-animate {
3052
- 0% {
3053
- transform: scale(1);
3054
- }
3055
- 100% {
3056
- transform: scale(0.6);
3057
- }
3058
- }
3059
- @keyframes fade {
3060
- 100% {
3061
- background-color: transparent;
3062
- }
3063
- }
3064
- .bk-fade-transtion .bk-fade-enter-active,
3065
- .bk-fade-transtion .bk-fade-leave-active {
3066
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
3067
- }
3068
- .bk-fade-transtion .bk-fade-enter,
3069
- .bk-fade-transtion .bk-fade-leave-to {
3070
- opacity: 0;
3071
- }
3072
- .collapse {
3073
- width: 60px;
3074
- }
3075
- .open {
3076
- background: #151d2c;
3077
- }
3078
- .bk-menu {
3079
- display: flex;
3080
- width: 260px;
3081
- background-color: #182132;
3082
- flex-direction: column;
3083
- transition: width 0.3s ease-out;
3084
- }
3085
- .bk-menu.is-collapse {
3086
- width: 60px;
3087
- }
3088
- .bk-menu-submenu {
3089
- display: flex;
3090
- flex-direction: column;
3091
- overflow: hidden;
3092
- text-overflow: clip;
3093
- white-space: nowrap;
3094
- align-items: center;
3095
- transition: width 0.3s ease-out;
3096
- }
3097
- .bk-menu-submenu.is-opened {
3098
- background: #151d2c;
3099
- }
3100
- .bk-menu-submenu:hover {
3101
- color: white;
3102
- cursor: pointer;
3103
- }
3104
- .bk-menu-submenu .submenu-header {
3105
- display: flex;
3106
- width: 100%;
3107
- height: 40px;
3108
- align-items: center;
3109
- }
3110
- .bk-menu-submenu .submenu-header.is-collapse {
3111
- color: white;
3112
- background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
3113
- }
3114
- .bk-menu-submenu .submenu-header-icon {
3115
- display: flex;
3116
- height: 100%;
3117
- font-size: 18px;
3118
- flex: 0 0 60px;
3119
- align-items: center;
3120
- justify-content: center;
3121
- }
3122
- .bk-menu-submenu .submenu-header-icon .menu-icon {
3123
- display: flex;
3124
- width: 16px;
3125
- height: 16px;
3126
- font-size: 16px;
3127
- align-items: center;
3128
- justify-content: center;
3129
- color: #b0bdd5;
3130
- }
3131
- .bk-menu-submenu .submenu-header-content {
3132
- display: flex;
3133
- height: 100%;
3134
- align-items: center;
3135
- flex: 1;
3136
- color: #acb9d1;
3137
- }
3138
- .bk-menu-submenu .submenu-header-collapse {
3139
- display: flex;
3140
- width: 16px;
3141
- height: 16px;
3142
- font-size: 16px;
3143
- align-items: center;
3144
- justify-content: center;
3145
- margin-right: 16px;
3146
- color: #acb9d1;
3147
- transform: rotate(-90deg);
3148
- transition: transform 0.3s ease-out;
3149
- }
3150
- .bk-menu-submenu .submenu-header-collapse.is-collapse {
3151
- transform: rotate(0deg);
3152
- }
3153
- .bk-menu-submenu .submenu-list {
3154
- display: flex;
3155
- width: 100%;
3156
- padding: 0;
3157
- margin: 0;
3158
- flex-direction: column;
3159
- flex: 1;
3160
- /* stylelint-disable-next-line declaration-no-important */
3161
- transition-property: all !important;
3162
- }
3163
- .bk-menu-item {
3164
- display: flex;
3165
- width: 100%;
3166
- height: 40px;
3167
- min-height: 40px;
3168
- margin: 2px 0;
3169
- overflow: hidden;
3170
- font-size: 14px;
3171
- color: #96a2b9;
3172
- text-overflow: clip;
3173
- white-space: nowrap;
3174
- align-items: center;
3175
- transition: width 0.3s ease-in-out;
3176
- }
3177
- .bk-menu-item:hover {
3178
- color: white;
3179
- cursor: pointer;
3180
- }
3181
- .bk-menu-item.is-active {
3182
- color: white;
3183
- background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
3184
- }
3185
- .bk-menu-item .item-icon {
3186
- display: flex;
3187
- height: 100%;
3188
- font-size: 18px;
3189
- flex: 0 0 60px;
3190
- align-items: center;
3191
- justify-content: center;
3192
- }
3193
- .bk-menu-item .item-icon .default-icon {
3194
- display: inline-block;
3195
- width: 3px;
3196
- height: 3px;
3197
- background: #63656e;
3198
- background-color: white;
3199
- border-radius: 50%;
3200
- }
3201
- .bk-menu-item .item-content {
3202
- display: flex;
3203
- height: 100%;
3204
- align-items: center;
3205
- flex: 1;
3206
- }
3207
- .bk-menu-group {
3208
- display: flex;
3209
- flex-direction: column;
3210
- }
3211
- .bk-menu-group .group-name {
3212
- display: flex;
3213
- height: 40px;
3214
- margin: 0 18px;
3215
- overflow: hidden;
3216
- font-size: 12px;
3217
- line-height: 16px;
3218
- color: #63656e;
3219
- text-overflow: clip;
3220
- white-space: nowrap;
3221
- flex-wrap: nowrap;
3222
- align-items: center;
3223
- }
3224
- .bk-menu-group .group-wrap {
3225
- display: flex;
3226
- flex-direction: column;
3227
- padding: 0;
3228
- margin: 0;
3229
- }
3230
- .bk-menu .collapse-transition {
3231
- transition: all 0.3s ease-in-out;
3232
- }
3233
- .bk-navigation {
3234
- display: flex;
3235
- flex-direction: column;
3236
- width: 100%;
3237
- height: 100%;
3238
- }
3239
- .bk-navigation-title {
3240
- display: flex;
3241
- height: 100%;
3242
- padding: 0 16px;
3243
- overflow: hidden;
3244
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
3245
- align-items: center;
3246
- justify-content: flex-start;
3247
- flex: 0 0 260px;
3248
- }
3249
- .bk-navigation-title .title-icon {
3250
- display: flex;
3251
- font-size: 28px;
3252
- color: #768197;
3253
- flex: 0 0 28px;
3254
- align-items: center;
3255
- justify-content: center;
3256
- }
3257
- .bk-navigation-title .title-desc {
3258
- display: inline-block;
3259
- margin-left: 16px;
3260
- overflow: hidden;
3261
- font-size: 16px;
3262
- font-weight: bold;
3263
- line-height: 24px;
3264
- color: #96a2b9;
3265
- white-space: nowrap;
3266
- }
3267
- .bk-navigation-header {
3268
- flex: 0 0 52px;
3269
- display: flex;
3270
- align-items: center;
3271
- padding-right: 24px;
3272
- overflow: hidden;
3273
- background: #182132;
3274
- }
3275
- .bk-navigation-header .header-right {
3276
- display: flex;
3277
- height: 100%;
3278
- flex: 1;
3279
- align-items: center;
3280
- }
3281
- .bk-navigation-wrapper {
3282
- position: relative;
3283
- display: flex;
3284
- flex-direction: row;
3285
- flex: 1;
3286
- }
3287
- .bk-navigation-wrapper .navigation-nav {
3288
- position: relative;
3289
- z-index: 101;
3290
- display: flex;
3291
- width: 60px;
3292
- min-width: 0;
3293
- min-height: 0;
3294
- overflow: visible;
3295
- transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3296
- flex: 0 1 auto;
3297
- flex-direction: column;
3298
- }
3299
- .bk-navigation-wrapper .navigation-nav:hover {
3300
- cursor: pointer;
3301
- }
3302
- .bk-navigation-wrapper .navigation-nav .nav-slider {
3303
- display: flex;
3304
- width: 60px;
3305
- height: 100%;
3306
- background-color: #182132;
3307
- transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3308
- flex: 1;
3309
- flex-direction: column;
3310
- }
3311
- .bk-navigation-wrapper .navigation-nav .nav-slider-list {
3312
- max-height: calc(100vh - 100px);
3313
- padding: 12px 0 4px 0;
3314
- margin: 0;
3315
- overflow: auto;
3316
- flex: 1 1 auto;
3317
- }
3318
- .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar {
3319
- display: none;
3320
- width: 6px;
3321
- height: 5px;
3322
- }
3323
- .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar:hover {
3324
- transform: none;
3325
- transition: opacity 340ms ease-out;
3326
- }
3327
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer {
3328
- display: flex;
3329
- padding-left: 14px;
3330
- flex: 0 0 56px;
3331
- align-items: center;
3332
- justify-content: flex-start;
3333
- }
3334
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon {
3335
- display: flex;
3336
- width: 32px;
3337
- height: 32px;
3338
- font-size: 14px;
3339
- color: #63656e;
3340
- border-radius: 100%;
3341
- align-items: center;
3342
- justify-content: center;
3343
- transform-origin: center center;
3344
- }
3345
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon-svg {
3346
- display: flex;
3347
- width: 16px;
3348
- height: 16px;
3349
- font-size: 16px;
3350
- transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3351
- align-items: center;
3352
- justify-content: center;
3353
- transform-origin: center center;
3354
- }
3355
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left {
3356
- color: #96a2b9;
3357
- }
3358
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left:hover {
3359
- color: #d3d9e4;
3360
- cursor: pointer;
3361
- background: linear-gradient(270deg, #253047 0%, #263247 100%);
3362
- }
3363
- .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon:hover {
3364
- color: #3a3c42;
3365
- cursor: pointer;
3366
- background: linear-gradient(270deg, #dee0ea 0%, #eaecf2 100%);
3367
- }
3368
- .bk-navigation-wrapper .navigation-container {
3369
- position: relative;
3370
- display: flex;
3371
- max-width: calc(100vw - 60px);
3372
- min-width: 0;
3373
- min-height: 0;
3374
- flex: 1 1 1px;
3375
- flex-direction: column;
3376
- }
3377
- .bk-navigation-wrapper .navigation-container .container-header {
3378
- z-index: 100;
3379
- display: flex;
3380
- width: 100%;
3381
- height: 60px;
3382
- padding: 0 24px;
3383
- background: #fff;
3384
- border-bottom: 1px solid #dcdee5;
3385
- box-shadow: 0px 3px 4px 0px rgba(64, 112, 203, 0.06);
3386
- flex-basis: 60px;
3387
- flex-direction: row;
3388
- align-items: center;
3389
- justify-content: flex-end;
3390
- }
3391
- .bk-navigation-wrapper .navigation-container .container-header-title {
3392
- height: 21px;
3393
- font-size: 16px;
3394
- line-height: 21px;
3395
- color: #313238;
3396
- }
3397
- .bk-navigation-wrapper .navigation-container .container-header-sets {
3398
- display: flex;
3399
- flex: 1 1 auto;
3400
- align-items: center;
3401
- justify-content: flex-end;
3402
- }
3403
- .bk-navigation-wrapper .navigation-container .container-content {
3404
- max-height: calc(100vh - 60px);
3405
- padding: 20px 24px 0;
3406
- overflow: auto;
3407
- background: #f5f7fa;
3408
- flex: 1;
3409
- }
3410
- .bk-navigation-wrapper .navigation-container .container-footer {
3411
- display: flex;
3412
- flex: 0 0 auto;
3413
- flex-direction: row;
3414
- align-items: center;
3415
- justify-content: center;
3416
- }
3417
- .bk-date-picker {
3418
- display: inline-block;
3419
- width: 261px;
3420
- line-height: normal;
3421
- }
3422
- .bk-date-picker.long {
3423
- width: 342px;
3424
- }
3425
- .bk-date-picker.medium-width {
3426
- width: 362px;
3427
- }
3428
- .bk-date-picker.large-width {
3429
- width: 402px;
3430
- }
3431
- .bk-date-picker-rel {
3432
- position: relative;
3433
- }
3434
- .bk-date-picker-rel .bk-date-picker-editor {
3435
- display: block;
3436
- width: 100%;
3437
- height: 32px;
3438
- padding: 0 10px 0 30px;
3439
- font-size: 12px;
3440
- line-height: 32px;
3441
- color: #63656e;
3442
- cursor: pointer;
3443
- border: 1px solid #c4c6cc;
3444
- border-radius: 2px;
3445
- outline: none;
3446
- }
3447
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {
3448
- border-color: transparent transparent #c4c6cc transparent;
3449
- }
3450
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {
3451
- border-color: transparent transparent #3a84ff transparent;
3452
- box-shadow: none;
3453
- }
3454
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],
3455
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {
3456
- border-color: transparent transparent #dcdee5 transparent;
3457
- }
3458
- .bk-date-picker-rel .bk-date-picker-editor:focus {
3459
- border: 1px solid #3a84ff;
3460
- }
3461
- .bk-date-picker-rel .bk-date-picker-editor::placeholder {
3462
- color: #c4c6cc;
3463
- }
3464
- .bk-date-picker-rel .bk-date-picker-editor[disabled] {
3465
- color: #c4c6cc;
3466
- cursor: not-allowed;
3467
- background-color: #fafbfd;
3468
- border-color: #c4c6cc;
3469
- }
3470
- .bk-date-picker-rel .bk-date-picker-editor.readonly {
3471
- background-color: #fafbfd;
3472
- border-color: #c4c6cc;
3473
- }
3474
- .bk-date-picker-rel .bk-date-picker-editor.medium-font {
3475
- font-size: 14px;
3476
- }
3477
- .bk-date-picker-rel .bk-date-picker-editor.large-font {
3478
- font-size: 16px;
3479
- }
3480
- .bk-date-picker-rel .clear-action {
3481
- position: absolute;
3482
- top: 50%;
3483
- right: 10px;
3484
- font-size: 14px;
3485
- color: #c4c6cc;
3486
- cursor: pointer;
3487
- transform: translateY(-50%);
3488
- }
3489
- .bk-date-picker-rel .clear-action:hover {
3490
- color: #979ba5;
3491
- }
3492
- .bk-date-picker-rel .icon-wrapper {
3493
- position: absolute;
3494
- top: 0;
3495
- left: 0;
3496
- display: inline-block;
3497
- width: 32px;
3498
- height: 32px;
3499
- color: #c4c6cc;
3500
- cursor: pointer;
3501
- background-color: transparent;
3502
- }
3503
- .bk-date-picker-rel .icon-wrapper.disabled {
3504
- cursor: not-allowed;
3505
- }
3506
- .bk-date-picker-rel .icon-wrapper i.icon-clock {
3507
- position: absolute;
3508
- top: 50%;
3509
- left: 50%;
3510
- transform: translate(-50%, -50%);
3511
- }
3512
- .bk-date-picker-rel .icon-wrapper .picker-icon {
3513
- position: absolute;
3514
- top: 50%;
3515
- left: 50%;
3516
- width: 18px;
3517
- height: 18px;
3518
- transform: translate(-50%, -50%);
3519
- }
3520
- .bk-date-picker-dropdown {
3521
- position: absolute;
3522
- z-index: 900;
3523
- padding: 5px 0 0 0;
3524
- overflow: auto;
3525
- background-color: #fff;
3526
- border: 1px solid #dcdee5;
3527
- border-radius: 2px;
3528
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
3529
- box-sizing: border-box;
3530
- }
3531
- .bk-date-picker .bk-select-dropdown {
3532
- max-height: none;
3533
- padding: 0;
3534
- overflow: visible;
3535
- }
3536
- .bk-date-picker-footer-wrapper {
3537
- clear: both;
3538
- font-size: 14px;
3539
- color: #979ba5;
3540
- background-color: #fafbfd;
3541
- border-top: 1px solid #dcdee5;
3542
- }
3543
- .bk-date-picker-top-wrapper {
3544
- margin-top: -5px;
3545
- clear: both;
3546
- font-size: 14px;
3547
- color: #979ba5;
3548
- }
3549
- .bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {
3550
- padding-right: 140px;
3551
- }
3552
- .bk-picker-panel-sidebar {
3553
- position: absolute;
3554
- top: 0;
3555
- right: 0;
3556
- bottom: 0;
3557
- width: 140px;
3558
- padding: 12px 0;
3559
- overflow: auto;
3560
- font-size: 14px;
3561
- color: #3a84ff;
3562
- background-color: #fafbfd;
3563
- border-left: 1px solid #dcdee5;
3564
- }
3565
- .bk-picker-panel-sidebar .bk-picker-panel-shortcut {
3566
- /* &:nth-of-type(1) {
3567
- padding-top: 18px;
3568
- }
3569
- &:last-child {
3570
- padding-bottom: 18px;
3571
- } */
3572
- padding: 6px 21px;
3573
- overflow: hidden;
3574
- text-overflow: ellipsis;
3575
- white-space: nowrap;
3576
- cursor: pointer;
3577
- }
3578
- .bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {
3579
- background-color: #e1ecff;
3580
- }
3581
- .bk-picker-panel-body {
3582
- float: left;
3583
- }
3584
- .bk-picker-confirm {
3585
- height: 42px;
3586
- padding: 0 20px;
3587
- clear: both;
3588
- font-size: 14px;
3589
- line-height: 41px;
3590
- text-align: right;
3591
- background-color: #fafbfd;
3592
- border-top: 1px solid #dcdee5;
3593
- }
3594
- .bk-picker-confirm a {
3595
- color: #979ba5;
3596
- }
3597
- .bk-picker-confirm a.confirm {
3598
- margin-left: 10px;
3599
- color: #3a84ff;
3600
- }
3601
- .bk-picker-confirm a[disabled] {
3602
- color: #c4c6cc;
3603
- cursor: not-allowed;
3604
- }
3605
- .bk-picker-confirm .bk-picker-confirm-time {
3606
- float: left;
3607
- }
3608
- .bk-date-picker-header {
3609
- height: 46px;
3610
- font-size: 14px;
3611
- font-weight: 700;
3612
- line-height: 46px;
3613
- color: #63656e;
3614
- text-align: center;
3615
- border-bottom: 1px solid #dcdee5;
3616
- }
3617
- .bk-date-picker-header .bk-date-picker-header-label {
3618
- cursor: pointer;
3619
- }
3620
- .bk-date-picker-header .bk-date-picker-header-label:hover {
3621
- color: #3a84ff;
3622
- }
3623
- .bk-date-picker-header .up-to-now {
3624
- margin-left: 3px;
3625
- font-weight: 400;
3626
- cursor: pointer;
3627
- }
3628
- .bk-date-picker-header .up-to-now.disabled {
3629
- color: #c4c6cc;
3630
- cursor: not-allowed;
3631
- }
3632
- .bk-date-picker-cells {
3633
- margin: 9px;
3634
- font-size: 12px;
3635
- color: #63656e;
3636
- white-space: normal;
3637
- }
3638
- .bk-date-picker-cells span {
3639
- display: inline-block;
3640
- width: 34px;
3641
- height: 32px;
3642
- line-height: 32px;
3643
- text-align: center;
3644
- }
3645
- .bk-date-picker-cells span em {
3646
- display: inline-block;
3647
- width: 34px;
3648
- height: 32px;
3649
- font-style: normal;
3650
- line-height: 32px;
3651
- cursor: pointer;
3652
- }
3653
- .bk-date-picker-cells .bk-date-picker-cells-header {
3654
- text-align: center;
3655
- }
3656
- .bk-date-picker-cells .bk-date-picker-cells-header span {
3657
- width: 28px;
3658
- height: 26px;
3659
- margin: 3px;
3660
- line-height: 26px;
3661
- color: #63656e;
3662
- text-align: center;
3663
- cursor: default;
3664
- }
3665
- .bk-date-picker-cells-cell:hover em {
3666
- /* background-color: #e1ecff; */
3667
- background-color: #f0f1f5;
3668
- }
3669
- .bk-date-picker-cells-focused em {
3670
- color: #3a84ff;
3671
- box-shadow: 0 0 0 1px #a3c5fd inset;
3672
- }
3673
- .bk-date-picker-cells-cell-prev-month em,
3674
- .bk-date-picker-cells-cell-next-month em {
3675
- color: #c4c6cc;
3676
- }
3677
- .bk-date-picker-cells-cell-prev-month:hover em,
3678
- .bk-date-picker-cells-cell-next-month:hover em {
3679
- background: transparent;
3680
- }
3681
- span.bk-date-picker-cells-cell-week-label,
3682
- span.bk-date-picker-cells-cell-week-label:hover,
3683
- span.bk-date-picker-cells-cell-disabled,
3684
- span.bk-date-picker-cells-cell-disabled:hover {
3685
- color: #c4c6cc;
3686
- cursor: not-allowed;
3687
- }
3688
- span.bk-date-picker-cells-cell-week-label em,
3689
- span.bk-date-picker-cells-cell-week-label:hover em,
3690
- span.bk-date-picker-cells-cell-disabled em,
3691
- span.bk-date-picker-cells-cell-disabled:hover em {
3692
- color: inherit;
3693
- cursor: not-allowed;
3694
- background: inherit;
3695
- }
3696
- span.bk-date-picker-cells-cell-disabled,
3697
- span.bk-date-picker-cells-cell-disabled:hover {
3698
- background-color: #f0f1f5;
3699
- }
3700
- .bk-date-picker-cells-cell-today em {
3701
- position: relative;
3702
- color: #3a84ff;
3703
- box-shadow: 0 0 0 1px #a3c5fd inset;
3704
- }
3705
- .bk-date-picker-cells-cell-range {
3706
- position: relative;
3707
- }
3708
- .bk-date-picker-cells-cell-range:before {
3709
- position: absolute;
3710
- top: 0;
3711
- right: 0;
3712
- bottom: 0;
3713
- left: 0;
3714
- display: block;
3715
- background: #e1ecff;
3716
- border: 0;
3717
- border-radius: 0;
3718
- content: '';
3719
- }
3720
- .bk-date-picker-cells-cell-range em {
3721
- position: relative;
3722
- z-index: 1;
3723
- }
3724
- .bk-date-picker-cells-cell-selected em,
3725
- .bk-date-picker-cells-cell-selected:hover em {
3726
- color: #fff;
3727
- background-color: #3a84ff;
3728
- box-shadow: 0 0 0 1px #3a84ff inset;
3729
- }
3730
- span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
3731
- color: #f7f7f7;
3732
- background: #c4c6cc;
3733
- }
3734
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {
3735
- background: #fff;
3736
- }
3737
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,
3738
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {
3739
- box-shadow: 0 0 0 1px #3a84ff inset;
3740
- }
3741
- .bk-date-picker-cells-year,
3742
- .bk-date-picker-cells-month {
3743
- margin-top: 7px;
3744
- }
3745
- .bk-date-picker-cells-year span,
3746
- .bk-date-picker-cells-month span {
3747
- width: 36px;
3748
- height: 32px;
3749
- margin: 10px 12px;
3750
- line-height: 32px;
3751
- text-align: center;
3752
- border-radius: 3px;
3753
- }
3754
- .bk-date-picker-cells-year span em,
3755
- .bk-date-picker-cells-month span em {
3756
- width: 36px;
3757
- height: 32px;
3758
- line-height: 32px;
3759
- text-align: center;
3760
- }
3761
- .bk-picker-panel-icon-btn {
3762
- display: inline-block;
3763
- width: 20px;
3764
- height: 46px;
3765
- line-height: 44px;
3766
- color: #979ba5;
3767
- text-align: center;
3768
- cursor: pointer;
3769
- transition: color 0.2s ease-in-out;
3770
- }
3771
- .bk-picker-panel-icon-btn:hover {
3772
- color: #2d8cf0;
3773
- }
3774
- .bk-picker-panel-icon-btn i {
3775
- font-size: 20px;
3776
- }
3777
- .bk-date-picker-prev-btn {
3778
- float: left;
3779
- }
3780
- .bk-date-picker-prev-btn-arrow-double {
3781
- margin-left: 10px;
3782
- }
3783
- .bk-date-picker-prev-btn-arrow-double i:after {
3784
- margin-left: -8px;
3785
- }
3786
- .bk-date-picker-next-btn {
3787
- float: right;
3788
- }
3789
- .bk-date-picker-next-btn-arrow-double {
3790
- margin-right: 10px;
3791
- }
3792
- .bk-date-picker-next-btn-arrow-double i:after {
3793
- margin-left: -8px;
3794
- }
3795
- .bk-date-picker-with-range .bk-picker-panel-body {
3796
- min-width: 532px;
3797
- }
3798
- .bk-date-picker-with-range .bk-picker-panel-content {
3799
- float: left;
3800
- }
3801
- .bk-date-picker-with-range .bk-picker-cells-show-week-numbers {
3802
- min-width: 492px;
3803
- }
3804
- .bk-date-picker-transfer {
3805
- z-index: 1060;
3806
- max-height: none;
3807
- }
3808
- .bk-fade-down-transition-enter-from,
3809
- .bk-fade-down-transition-leave-to {
3810
- opacity: 0;
3811
- transform: translateY(-20px);
3812
- }
3813
- .bk-fade-down-transition-enter-to,
3814
- .bk-fade-down-transition-leave-from {
3815
- opacity: 1;
3816
- transform: translateY(0);
3817
- }
3818
- .bk-fade-down-transition-enter-active {
3819
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
3820
- }
3821
- .bk-fade-down-transition-leave-active {
3822
- transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
3823
- }
3824
- .bk-divider {
3825
- position: relative;
3826
- background: #c4c6cc;
3827
- }
3828
- .bk-divider-horizontal {
3829
- width: 100%;
3830
- height: 1px;
3831
- margin: 1em 0;
3832
- }
3833
- .bk-divider-info {
3834
- position: absolute;
3835
- top: 50%;
3836
- padding: 0 1.4em;
3837
- color: #63656e;
3838
- background-color: white;
3839
- transform: translateY(-50%);
3840
- }
3841
- .bk-divider-info-center {
3842
- left: 50%;
3843
- transform: translateX(-50%) translateY(-50%);
3844
- }
3845
- .bk-divider-info .bk-divider-horizontal-left {
3846
- left: 2em;
3847
- }
3848
- .bk-divider-info .bk-divider-horizontal-right {
3849
- right: 2em;
3850
- }
3851
- .bk-divider-vertical .bk-divider-info {
3852
- padding: 20px 0;
3853
- }
3854
- .bk-divider-vertical {
3855
- display: inline-block;
3856
- width: 1px;
3857
- height: 100%;
3858
- min-height: 1em;
3859
- margin: 0 8px;
3860
- vertical-align: middle;
3861
- }
3862
- .bk-tab {
3863
- position: relative;
3864
- display: flex;
3865
- width: 100%;
3866
- }
3867
- .bk-tab--top {
3868
- flex-direction: column;
3869
- }
3870
- .bk-tab--right {
3871
- flex-direction: row-reverse;
3872
- }
3873
- .bk-tab-header {
3874
- display: flex;
3875
- color: #63656e;
3876
- }
3877
- .bk-tab-header > div {
3878
- display: flex;
3879
- margin-bottom: -1px;
3880
- flex-wrap: nowrap;
3881
- }
3882
- .bk-tab--card .bk-tab-header > div,
3883
- .bk-tab--border-card .bk-tab-header > div {
3884
- border-right: 1px solid #dcdee5;
3885
- }
3886
- .bk-tab--top .bk-tab-header-nav {
3887
- overflow-x: auto;
3888
- overflow-y: visible;
3889
- }
3890
- .bk-tab--left .bk-tab-header-nav,
3891
- .bk-tab--right .bk-tab-header-nav {
3892
- overflow-x: visible;
3893
- overflow-y: auto;
3894
- }
3895
- .bk-tab--card .bk-tab-header-nav,
3896
- .bk-tab--border-card .bk-tab-header-nav {
3897
- border-left: 1px solid #dcdee5;
3898
- }
3899
- .bk-tab-header-nav::-webkit-scrollbar {
3900
- display: none;
3901
- width: 0;
3902
- height: 0;
3903
- }
3904
- .bk-tab-header-operation .bk-tab-header-item {
3905
- padding: 0 12px;
3906
- }
3907
- .bk-tab--left .bk-tab-header {
3908
- border-right: 1px solid #dcdee5;
3909
- }
3910
- .bk-tab--right .bk-tab-header {
3911
- border-left: 1px solid #dcdee5;
3912
- }
3913
- .bk-tab--left .bk-tab-header,
3914
- .bk-tab--right .bk-tab-header {
3915
- flex-direction: column;
3916
- }
3917
- .bk-tab--left .bk-tab-header > div,
3918
- .bk-tab--right .bk-tab-header > div {
3919
- flex-direction: column;
3920
- }
3921
- .bk-tab--card .bk-tab-header {
3922
- border-bottom: 1px solid #dcdee5;
3923
- }
3924
- .bk-tab--border-card .bk-tab-header {
3925
- background: #FAFBFD;
3926
- border: solid #dcdee5;
3927
- border-width: 1px 1px 1px 0;
3928
- }
3929
- .bk-tab--unborder-card .bk-tab-header {
3930
- border-bottom: 1px solid #dcdee5;
3931
- }
3932
- .bk-tab-header-item {
3933
- display: flex;
3934
- white-space: nowrap;
3935
- cursor: pointer;
3936
- justify-content: center;
3937
- align-items: center;
3938
- }
3939
- .bk-tab-header-item:hover {
3940
- color: #3a84ff;
3941
- }
3942
- .bk-tab-header-item:hover .bk-tab-header-item-close {
3943
- display: block;
3944
- margin-left: 10px;
3945
- color: #ea3636;
3946
- }
3947
- .bk-tab--top .bk-tab-header-item {
3948
- padding: 0 20px;
3949
- }
3950
- .bk-tab--left .bk-tab-header-item,
3951
- .bk-tab--right .bk-tab-header-item {
3952
- padding: 0 12px;
3953
- }
3954
- .bk-tab--left .bk-tab-header-item {
3955
- text-align: right;
3956
- }
3957
- .bk-tab--card .bk-tab-header-item {
3958
- border-top: 1px solid #dcdee5;
3959
- }
3960
- .bk-tab--card .bk-tab-header-item,
3961
- .bk-tab--border-card .bk-tab-header-item {
3962
- border-right: 1px solid #dcdee5;
3963
- border-bottom: 1px solid #dcdee5;
3964
- }
3965
- .bk-tab--card .bk-tab-header-item:last-of-type,
3966
- .bk-tab--border-card .bk-tab-header-item:last-of-type {
3967
- border-right: none;
3968
- }
3969
- .bk-tab-header-operation .bk-tab-header-item {
3970
- padding-right: 12px;
3971
- padding-left: 12px;
3972
- }
3973
- .bk-tab-header-item-close {
3974
- display: none;
3975
- color: #c4c6cc;
3976
- }
3977
- .bk-tab-header--active {
3978
- color: #3a84ff;
3979
- }
3980
- .bk-tab--card .bk-tab-header--active,
3981
- .bk-tab--border-card .bk-tab-header--active {
3982
- border-bottom-color: white;
3983
- }
3984
- .bk-tab--unborder-card .bk-tab-header--active {
3985
- border-bottom: 2px solid #3a84ff;
3986
- }
3987
- .bk-tab--left .bk-tab-header--active {
3988
- border-right: 2px solid #3a84ff;
3989
- }
3990
- .bk-tab--right .bk-tab-header--active {
3991
- border-left: 2px solid #3a84ff;
3992
- }
3993
- .bk-tab-header--disabled {
3994
- color: #aaa;
3995
- pointer-events: none;
3996
- cursor: not-allowed;
3997
- }
3998
- .bk-tab-content {
3999
- flex: 1;
4000
- padding: 10px;
4001
- }
4002
- .bk-tab--border-card .bk-tab-content {
4003
- border: solid #dcdee5;
4004
- border-width: 0 1px 1px;
4005
- }
4006
- .bk-tab-panel {
4007
- height: 100%;
4008
- }
4009
- .bk-popper {
4010
- display: none;
4011
- padding: 7px 14px;
4012
- font-size: 12px;
4013
- color: #fff;
4014
- background: #333;
4015
- border-radius: 4px;
4016
- }
4017
- .bk-popper.light {
4018
- color: #63656e;
4019
- background: #fff;
4020
- box-shadow: #dcdee5 0px 0px 6px 0px;
4021
- }
4022
- .bk-popper .bk-popper-arrow,
4023
- .bk-popper .bk-popper-arrow::before {
4024
- position: absolute;
4025
- width: 8px;
4026
- height: 8px;
4027
- background: inherit;
4028
- }
4029
- .bk-popper .bk-popper-arrow {
4030
- visibility: hidden;
4031
- }
4032
- .bk-popper .bk-popper-arrow::before {
4033
- content: '';
4034
- visibility: visible;
4035
- transform: rotate(45deg);
4036
- }
4037
- .bk-popper[data-show] {
4038
- display: block;
4039
- }
4040
- .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
4041
- bottom: -4px;
4042
- }
4043
- .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
4044
- top: -4px;
4045
- }
4046
- .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
4047
- right: -4px;
4048
- }
4049
- .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
4050
- left: -4px;
4051
- }
1
+ 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-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}.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-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}.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:14px;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-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.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-wrapper .bk-collapse-item{display:flex;flex-direction:column;text-align:left}.bk-collapse-wrapper .bk-collapse-item.is-disabled{cursor:not-allowed}.bk-collapse-wrapper .bk-collapse-item.is-disabled .bk-collapse-header{color:#dcdee5;pointer-events:none}.bk-collapse-wrapper .bk-collapse-item .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-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon{position:absolute;right:10px;transition:all linear .3s}.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon{transform:rotate(90deg)}.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg{font-size:20px}.bk-collapse-wrapper .bk-collapse-item .bk-collapse-content{padding:0 10px;font-size:13px;will-change:all;color:#979ba5}.bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active{display:block}.bk-collapse-wrapper .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;font-size:24px;color:#313238;text-overflow:ellipsis;white-space:nowrap}.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-close{position:absolute;top:5px;right:5px;display:flex;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);justify-content:center;align-items:center}.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-close:hover{background-color:#f0f1f5;border-radius:50%}.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .close-icon{display:none}.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content{height:calc(100% - 74px);max-height:calc(100vh - 74px);min-height:126px;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-exception-wrapper{position:relative;display:flex;width:100%;align-items:center;flex-direction:column}.bk-exception-wrapper .bk-exception-img{display:flex;width:480px;height:240px;align-items:center;justify-content:center}.bk-exception-wrapper .bk-exception-img.part-img{width:120px;height:100px}.bk-exception-wrapper .bk-exception-img .exception-image{display:block;height:100%;vertical-align:middle;object-fit:contain}.bk-exception-wrapper .bk-exception-text{font-size:24px;color:#63656e;text-align:center}.bk-exception-wrapper .bk-exception-text.part-text{font-size:14px}.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}.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:block}.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.is-disabled{color:#dcdee5}.bk-link.default:hover{color:#979ba5}.bk-link.primary{color:#3a84ff}.bk-link.primary.is-disabled{color:#a3c5fd}.bk-link.primary:hover{color:#699df4}.bk-link.success{color:#2dcb56}.bk-link.success.is-disabled{color:#94f5a4}.bk-link.success:hover{color:#45e35f}.bk-link.warning{color:#ff9c01}.bk-link.warning.is-disabled{color:#ffd695}.bk-link.warning:hover{color:#ffb848}.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-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-menu::-webkit-scrollbar{width:4px;height:4px}.bk-dropdown-menu::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.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-item:hover{color:#3a84ff;background-color:#eaf3ff}.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}.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.is-checked .bk-radio-input{padding:3px;color:#3a84ff;background-color:#3a84ff;border-color:#3a84ff}.bk-radio.is-disabled{color:#c4c6cc;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:#3a84ff}.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 #979ba5;border-radius:50%;outline:none;visibility:visible;transition:all .3s;background-clip:content-box;appearance:none}.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: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:#3a84ff;background:#e1ecff;border-color:#3a84ff}.bk-radio-button.is-disabled{z-index:0;color:#dcdee5;cursor:not-allowed}.bk-radio-button.is-disabled .bk-radio-button-text{cursor:not-allowed;background:#dcdee5;border-color:#dcdee5}.bk-radio-button.is-focused .bk-radio-button-text{border-color:#3a84ff}.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 #979ba5;transition:all .3s}.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)}.bk-select .mr5{margin-right:5px}.bk-select .ml5{margin-left:5px}.bk-select .input{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}.bk-select .input::placeholder{color:#c4c6cc}.bk-select ul{padding:0;margin:0;font-weight:400;list-style:none}.bk-select.large .bk-select-content{font-size:14px}.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.bk-select.popover-show .bk-select-trigger .angle-up{transform:rotate(0)}.bk-select.is-disabled .bk-select-trigger .bk-input input{cursor:not-allowed;background-color:#fafbfd}.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-input input{cursor:pointer;background-color:#fff}.bk-select .bk-select-trigger .bk-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.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;height:auto;min-height:32px;align-items:center;flex-wrap:wrap}.bk-select .bk-select-trigger .bk-select-tag::placeholder{color:#c4c6cc}.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;box-sizing:border-box;transition:all .1s;resize:none;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;max-width:190px;padding:0;margin:4px 5px 4px 0;overflow:hidden;border:none;outline: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}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .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 .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 .bk-select-empty span{margin-left:4px;line-height:18px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-dropdown{overflow:auto}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .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 .bk-select-options{padding:8px 0}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .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 .bk-select-option-item{display:flex;align-items:center;justify-content:space-between}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover{color:#63656e;background-color:#f5f7fa}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-selected{color:#3a84ff;background-color:#e1ecff}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading{display:flex;align-items:center;justify-content:center}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading span{margin-left:4px;line-height:18px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .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 .bk-option-group-label.collapsible{cursor:pointer}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.collapsible .bk-select-option{padding-left:40px}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .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 .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 .bk-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .bk-select-option{padding-left:24px}.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:60px;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:60px;font-size:24px;line-height:60px;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:60px;padding-left:30px;font-size:16px;font-weight:700;line-height:60px;color:#666}.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}.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-nomal.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.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:14px;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-wrapper{position:relative;display:flex;width:100%;align-items:center;flex-direction:column}.bk-exception-wrapper .bk-exception-img{display:flex;width:480px;height:240px;align-items:center;justify-content:center}.bk-exception-wrapper .bk-exception-img.part-img{width:120px;height:100px}.bk-exception-wrapper .bk-exception-img .exception-image{display:block;height:100%;vertical-align:middle;object-fit:contain}.bk-exception-wrapper .bk-exception-text{font-size:24px;color:#63656e;text-align:center}.bk-exception-wrapper .bk-exception-text.part-text{font-size:14px}.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;color:#3f4046}.bk-pagination-list{display:flex}.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:1px solid #c4c6cc;border-radius:2px;user-select:none}.bk-pagination-list-pre:hover,.bk-pagination-list-next:hover,.bk-pagination-list-item:hover,.bk-pagination-list-pre.is-active,.bk-pagination-list-next.is-active,.bk-pagination-list-item.is-active{color:#3a84ff;border-color:#3a84ff}.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-batch,.bk-pagination-list-next-batch{display:flex;align-items:center;justify-content:center;height:32px;cursor:pointer;user-select:none}.bk-pagination-list-pre-batch:hover,.bk-pagination-list-next-batch:hover{color:#3a84ff}.bk-pagination-list-pre,.bk-pagination-list-next{font-size:14px}.bk-pagination-list-item{margin-right:4px;margin-left:4px}.bk-pagination-limit{display:flex;align-items:center;user-select:none}.bk-pagination-limit-select{width:60px;margin:0 4px}.bk-pagination-small-list{display:flex}.bk-pagination-small-list .bk-pagination-picker{display:flex;height:24px;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:#e1ecff;border-color:#e1ecff}.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:14px;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;justify-content:center;align-items:center;width:24px;cursor:pointer}.bk-pagination-btn-pre:hover,.bk-pagination-btn-next:hover{color:#3a84ff}.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.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{border-bottom:1px solid #dcdee5}.bk-table.has-scroll-y .bk-table-head{padding-right:4px}.bk-table.has-scroll-y.is-scroll-bottom{border-bottom:1px solid transparent}.bk-table .bk-table-body{position:relative;overflow:auto}.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%}.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{min-width:80px;clear:both}.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{height:var(--row-height);padding:0 15px;overflow:hidden;font-size:12px;line-height:var(--row-height);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 .cell .expand-btn-action,.bk-table .bk-table-body table th .cell .expand-btn-action,.bk-table .bk-table-head table td .cell .expand-btn-action,.bk-table .bk-table-body table td .cell .expand-btn-action{display:flex;padding:0 15px;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}.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%;align-items:center;box-sizing:border-box}.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:1px;display:block;display:flex;width:calc(var(--row-height));font-size:18px;cursor:pointer;background:#f0f1f5;border-right:1px solid #dcdee5;border-left:1px solid #dcdee5;border-radius:0 2px 0 0;justify-content:center;align-items:center}.bk-table .bk-table-footer{line-height:40px;border-top:1px solid #dcdee5;border-bottom:1px solid #dcdee5}.bk-table .bk-table-footer.is-hidden{display:none}.bk-table.bordered-row td .cell,.bk-table.bordered-row th .cell{border-bottom:1px solid #dcdee5}.bk-table.bordered-row.has-footer{border-bottom:none}.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td .cell{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-left:none}.bk-table.bordered-none th .cell,.bk-table.bordered-none td .cell{border-bottom: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:#979ba51a;border-color:#d9dce699;box-sizing:border-box}.bk-tag.bk-tag-success{color:#14a568;border-color:#14a5684d;background-color:#14a5681a}.bk-tag.bk-tag-success.bk-tag-filled{background-color:#14a568}.bk-tag.bk-tag-info{color:#3a84ff;border-color:#3a84ff4d;background-color:#3a84ff1a}.bk-tag.bk-tag-info.bk-tag-filled{background-color:#3a84ff}.bk-tag.bk-tag-warning{color:#fe9c00;border-color:#fea5004d;background-color:#fe9c001a}.bk-tag.bk-tag-warning.bk-tag-filled{background-color:#fe9c00}.bk-tag.bk-tag-danger{color:#ea3636;border-color:#ea35364d;background-color:#ea35361a}.bk-tag.bk-tag-danger.bk-tag-filled{background-color:#ea3636}.bk-tag:hover{opacity:.8}.bk-tag.bk-tag-filled{color:#fff;background-color:#979ba5}.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:rgba(151,155,165,.15)}.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-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 #10254a1a;justify-content:space-between}.bk-message .bk-message-close{padding-left:20px;margin-right:0;font-size:18px;cursor:pointer}.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}.bk-message-warning .bk-message-icon{color:#ff9c01}.bk-message-success{background:#f2fff4;border:1px solid #dcffe2}.bk-message-success .bk-message-icon{color:#2dcb56}.bk-message-error{background:#ffeded;border:1px solid #ffdddd}.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:#979ba5;cursor:pointer}.bk-notify .bk-notify-content-header{display:inline-block;padding-left:23px;margin-top:0;margin-bottom:4px;font-size:14px;font-weight:700}.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.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 .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:2px}.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}.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-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;color:#3f4046}.bk-pagination-list{display:flex}.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:1px solid #c4c6cc;border-radius:2px;user-select:none}.bk-pagination-list-pre:hover,.bk-pagination-list-next:hover,.bk-pagination-list-item:hover,.bk-pagination-list-pre.is-active,.bk-pagination-list-next.is-active,.bk-pagination-list-item.is-active{color:#3a84ff;border-color:#3a84ff}.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-batch,.bk-pagination-list-next-batch{display:flex;align-items:center;justify-content:center;height:32px;cursor:pointer;user-select:none}.bk-pagination-list-pre-batch:hover,.bk-pagination-list-next-batch:hover{color:#3a84ff}.bk-pagination-list-pre,.bk-pagination-list-next{font-size:14px}.bk-pagination-list-item{margin-right:4px;margin-left:4px}.bk-pagination-limit{display:flex;align-items:center;user-select:none}.bk-pagination-limit-select{width:60px;margin:0 4px}.bk-pagination-small-list{display:flex}.bk-pagination-small-list .bk-pagination-picker{display:flex;height:24px;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:#e1ecff;border-color:#e1ecff}.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:14px;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;justify-content:center;align-items:center;width:24px;cursor:pointer}.bk-pagination-btn-pre:hover,.bk-pagination-btn-next:hover{color:#3a84ff}.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}.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{color:#3a84ff;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-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{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}.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}.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;line-height:32px;cursor:pointer}.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover{color:#3a84ff;background:#eaf3ff}.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:#f4f6fa}.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:5px;font-size:20px;color:#979ba5}