bkui-vue 0.0.1-beta.8 → 0.0.1-beta.82

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 (556) hide show
  1. package/README.md +31 -19
  2. package/dist/index.cjs.js +57 -0
  3. package/dist/index.esm.js +24606 -0
  4. package/dist/index.umd.js +57 -0
  5. package/dist/style.css +1 -2348
  6. package/lib/affix/affix.css +3 -0
  7. package/lib/affix/affix.d.ts +47 -0
  8. package/lib/affix/affix.less +5 -0
  9. package/lib/affix/affix.variable.css +102 -0
  10. package/lib/affix/index.d.ts +143 -0
  11. package/lib/affix/index.js +1 -0
  12. package/lib/alert/alert.css +2 -0
  13. package/lib/alert/alert.d.ts +24 -15
  14. package/lib/alert/alert.less +2 -0
  15. package/lib/alert/alert.variable.css +31 -0
  16. package/lib/alert/index.d.ts +180 -0
  17. package/lib/alert/index.js +1 -1
  18. package/lib/animate-number/animate-number.d.ts +12 -7
  19. package/lib/animate-number/index.d.ts +97 -0
  20. package/lib/animate-number/index.js +1 -1
  21. package/lib/backtop/backtop.d.ts +27 -13
  22. package/lib/backtop/backtop.variable.css +29 -0
  23. package/lib/backtop/index.d.ts +166 -0
  24. package/lib/backtop/index.js +1 -1
  25. package/lib/badge/badge.css +5 -5
  26. package/lib/badge/badge.d.ts +64 -22
  27. package/lib/badge/badge.less +5 -6
  28. package/lib/badge/badge.variable.css +34 -5
  29. package/lib/badge/index.d.ts +267 -0
  30. package/lib/badge/index.js +1 -1
  31. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  32. package/lib/breadcrumb/breadcrumb.css +18 -1
  33. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  34. package/lib/breadcrumb/breadcrumb.less +13 -2
  35. package/lib/breadcrumb/breadcrumb.variable.css +47 -1
  36. package/lib/breadcrumb/index.d.ts +194 -0
  37. package/lib/breadcrumb/index.js +1 -1
  38. package/lib/button/button-group.d.ts +3 -5
  39. package/lib/button/button.css +73 -44
  40. package/lib/button/button.d.ts +66 -30
  41. package/lib/button/button.less +68 -47
  42. package/lib/button/button.variable.css +102 -44
  43. package/lib/button/index.d.ts +237 -0
  44. package/lib/button/index.js +1 -1
  45. package/lib/card/card.css +53 -1
  46. package/lib/card/card.d.ts +74 -18
  47. package/lib/card/card.less +50 -2
  48. package/lib/card/card.variable.css +82 -1
  49. package/lib/card/index.d.ts +283 -0
  50. package/lib/card/index.js +1 -1
  51. package/lib/cascader/cascader-panel.d.ts +48 -0
  52. package/lib/cascader/cascader.css +130 -0
  53. package/lib/cascader/cascader.d.ts +271 -0
  54. package/lib/cascader/cascader.less +146 -0
  55. package/lib/cascader/cascader.variable.css +229 -0
  56. package/lib/cascader/index.d.ts +721 -0
  57. package/lib/cascader/index.js +1 -0
  58. package/lib/cascader/interface.d.ts +44 -0
  59. package/lib/cascader/node.d.ts +24 -0
  60. package/lib/cascader/store.d.ts +15 -0
  61. package/lib/checkbox/checkbox-group.d.ts +13 -9
  62. package/lib/checkbox/checkbox.css +15 -2
  63. package/lib/checkbox/checkbox.d.ts +33 -30
  64. package/lib/checkbox/checkbox.less +20 -2
  65. package/lib/checkbox/checkbox.variable.css +44 -2
  66. package/lib/checkbox/common.d.ts +3 -3
  67. package/lib/checkbox/index.d.ts +253 -0
  68. package/lib/checkbox/index.js +1 -1
  69. package/lib/checkbox/type.d.ts +4 -8
  70. package/lib/code-diff/code-diff.css +186 -0
  71. package/lib/code-diff/code-diff.d.ts +80 -0
  72. package/lib/code-diff/code-diff.less +238 -0
  73. package/lib/code-diff/code-diff.variable.css +285 -0
  74. package/lib/code-diff/index.d.ts +154 -0
  75. package/lib/code-diff/index.js +1 -0
  76. package/lib/collapse/collapse.css +25 -1
  77. package/lib/collapse/collapse.d.ts +51 -22
  78. package/lib/collapse/collapse.less +34 -2
  79. package/lib/collapse/collapse.variable.css +124 -1
  80. package/lib/collapse/index.d.ts +182 -0
  81. package/lib/collapse/index.js +1 -1
  82. package/lib/collapse/utils.d.ts +11 -0
  83. package/lib/components.d.ts +25 -4
  84. package/lib/components.js +1 -0
  85. package/lib/container/col.d.ts +51 -0
  86. package/lib/container/container.css +48 -0
  87. package/lib/container/container.d.ts +83 -0
  88. package/lib/container/container.less +20 -0
  89. package/lib/container/container.variable.css +147 -0
  90. package/lib/container/index.d.ts +223 -0
  91. package/lib/container/index.js +1 -0
  92. package/lib/container/row.d.ts +4 -0
  93. package/lib/date-picker/date-picker.css +408 -0
  94. package/lib/date-picker/date-picker.d.ts +312 -0
  95. package/lib/date-picker/date-picker.less +527 -0
  96. package/lib/date-picker/date-picker.variable.css +507 -0
  97. package/lib/date-picker/fecha.d.ts +6 -0
  98. package/lib/date-picker/index.d.ts +753 -0
  99. package/lib/date-picker/index.js +1 -0
  100. package/lib/date-picker/interface.d.ts +22 -0
  101. package/lib/date-picker/props.d.ts +118 -0
  102. package/lib/date-picker/utils.d.ts +97 -0
  103. package/lib/dialog/dialog.css +52 -0
  104. package/lib/dialog/dialog.d.ts +305 -52
  105. package/lib/dialog/dialog.less +20 -0
  106. package/lib/dialog/dialog.variable.css +52 -0
  107. package/lib/dialog/index.d.ts +772 -0
  108. package/lib/dialog/index.js +1 -1
  109. package/lib/directives/clickoutside.d.ts +3 -23
  110. package/lib/directives/index.d.ts +3 -0
  111. package/lib/directives/index.js +2 -15
  112. package/lib/directives/index.js.LICENSE.txt +14 -0
  113. package/lib/directives/tooltips.d.ts +17 -0
  114. package/lib/dist.index.js +1 -0
  115. package/lib/divider/divider.css +38 -0
  116. package/lib/divider/divider.d.ts +48 -0
  117. package/lib/divider/divider.less +53 -0
  118. package/lib/divider/divider.variable.css +137 -0
  119. package/lib/divider/index.d.ts +142 -0
  120. package/lib/divider/index.js +1 -0
  121. package/lib/divider/props.d.ts +21 -0
  122. package/lib/dropdown/dropdown-item.d.ts +19 -0
  123. package/lib/dropdown/dropdown-menu.d.ts +16 -0
  124. package/lib/dropdown/dropdown.css +47 -0
  125. package/lib/dropdown/dropdown.d.ts +63 -0
  126. package/lib/dropdown/dropdown.less +59 -0
  127. package/lib/dropdown/dropdown.variable.css +146 -0
  128. package/lib/dropdown/index.d.ts +200 -0
  129. package/lib/dropdown/index.js +1 -0
  130. package/lib/exception/exception.d.ts +11 -9
  131. package/lib/exception/exception.variable.css +29 -0
  132. package/lib/exception/index.d.ts +96 -0
  133. package/lib/exception/index.js +1 -1
  134. package/lib/fixed-navbar/fixed-navbar.d.ts +29 -9
  135. package/lib/fixed-navbar/fixed-navbar.variable.css +29 -0
  136. package/lib/fixed-navbar/index.d.ts +147 -0
  137. package/lib/fixed-navbar/index.js +1 -1
  138. package/lib/form/common.d.ts +3 -0
  139. package/lib/form/compose-form-item.d.ts +16 -0
  140. package/lib/form/form-item.d.ts +155 -0
  141. package/lib/form/form.css +125 -0
  142. package/lib/form/form.d.ts +67 -0
  143. package/lib/form/form.less +152 -0
  144. package/lib/form/form.variable.css +224 -0
  145. package/lib/form/index.d.ts +280 -0
  146. package/lib/form/index.js +1 -0
  147. package/lib/form/type.d.ts +22 -0
  148. package/lib/form/validator.d.ts +8 -0
  149. package/lib/icon/angle-double-down-line.d.ts +4 -0
  150. package/lib/icon/angle-double-down-line.js +1 -0
  151. package/lib/icon/angle-double-left-line.d.ts +4 -0
  152. package/lib/icon/angle-double-left-line.js +1 -0
  153. package/lib/icon/angle-double-left.d.ts +4 -0
  154. package/lib/icon/angle-double-left.js +1 -0
  155. package/lib/icon/angle-double-right-line.d.ts +4 -0
  156. package/lib/icon/angle-double-right-line.js +1 -0
  157. package/lib/icon/angle-double-right.d.ts +4 -0
  158. package/lib/icon/angle-double-right.js +1 -0
  159. package/lib/icon/angle-double-up-line.d.ts +4 -0
  160. package/lib/icon/angle-double-up-line.js +1 -0
  161. package/lib/icon/angle-down-fill.d.ts +4 -0
  162. package/lib/icon/angle-down-fill.js +1 -0
  163. package/lib/icon/angle-down-line.d.ts +4 -0
  164. package/lib/icon/angle-down-line.js +1 -0
  165. package/lib/icon/angle-down.d.ts +4 -0
  166. package/lib/icon/angle-down.js +1 -0
  167. package/lib/icon/angle-left.d.ts +4 -0
  168. package/lib/icon/angle-left.js +1 -0
  169. package/lib/icon/angle-right.d.ts +4 -0
  170. package/lib/icon/angle-right.js +1 -0
  171. package/lib/icon/angle-up-fill.d.ts +4 -0
  172. package/lib/icon/angle-up-fill.js +1 -0
  173. package/lib/icon/angle-up.js +1 -0
  174. package/lib/icon/archive-fill.d.ts +4 -0
  175. package/lib/icon/archive-fill.js +1 -0
  176. package/lib/icon/arrows-left.d.ts +4 -0
  177. package/lib/icon/arrows-left.js +1 -0
  178. package/lib/icon/arrows-right.d.ts +4 -0
  179. package/lib/icon/arrows-right.js +1 -0
  180. package/lib/icon/audio-fill.d.ts +4 -0
  181. package/lib/icon/audio-fill.js +1 -0
  182. package/lib/icon/bk.d.ts +4 -0
  183. package/lib/icon/bk.js +1 -0
  184. package/lib/icon/circle.d.ts +4 -0
  185. package/lib/icon/circle.js +1 -0
  186. package/lib/icon/close-line.d.ts +4 -0
  187. package/lib/icon/close-line.js +1 -0
  188. package/lib/icon/close.js +1 -0
  189. package/lib/icon/code.d.ts +4 -0
  190. package/lib/icon/code.js +1 -0
  191. package/lib/icon/cog-shape.d.ts +4 -0
  192. package/lib/icon/cog-shape.js +1 -0
  193. package/lib/icon/collapse-left.d.ts +4 -0
  194. package/lib/icon/collapse-left.js +1 -0
  195. package/lib/icon/copy.d.ts +4 -0
  196. package/lib/icon/copy.js +1 -0
  197. package/lib/icon/data-shape.d.ts +4 -0
  198. package/lib/icon/data-shape.js +1 -0
  199. package/lib/icon/del.d.ts +4 -0
  200. package/lib/icon/del.js +1 -0
  201. package/lib/icon/doc-fill.d.ts +4 -0
  202. package/lib/icon/doc-fill.js +1 -0
  203. package/lib/icon/done.d.ts +4 -0
  204. package/lib/icon/done.js +1 -0
  205. package/lib/icon/down-shape.d.ts +4 -0
  206. package/lib/icon/down-shape.js +1 -0
  207. package/lib/icon/down-small.js +1 -0
  208. package/lib/icon/edit-line.d.ts +4 -0
  209. package/lib/icon/edit-line.js +1 -0
  210. package/lib/icon/ellipsis.d.ts +4 -0
  211. package/lib/icon/ellipsis.js +1 -0
  212. package/lib/icon/error.d.ts +4 -0
  213. package/lib/icon/error.js +1 -0
  214. package/lib/icon/excel-fill.d.ts +4 -0
  215. package/lib/icon/excel-fill.js +1 -0
  216. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  217. package/lib/icon/exclamation-circle-shape.js +1 -0
  218. package/lib/icon/eye.js +1 -0
  219. package/lib/icon/folder-open.d.ts +4 -0
  220. package/lib/icon/folder-open.js +1 -0
  221. package/lib/icon/folder-shape-open.d.ts +4 -0
  222. package/lib/icon/folder-shape-open.js +1 -0
  223. package/lib/icon/folder-shape.d.ts +4 -0
  224. package/lib/icon/folder-shape.js +1 -0
  225. package/lib/icon/folder.d.ts +4 -0
  226. package/lib/icon/funnel.d.ts +4 -0
  227. package/lib/icon/funnel.js +1 -0
  228. package/lib/icon/help-document-fill.js +1 -0
  229. package/lib/icon/help-fill.js +1 -0
  230. package/lib/icon/help.js +1 -0
  231. package/lib/icon/image-fill.d.ts +4 -0
  232. package/lib/icon/image-fill.js +1 -0
  233. package/lib/icon/index.d.ts +69 -0
  234. package/lib/icon/index.js +1 -15
  235. package/lib/icon/info-line.js +1 -0
  236. package/lib/icon/info.d.ts +4 -0
  237. package/lib/icon/info.js +1 -0
  238. package/lib/icon/left-shape.d.ts +4 -0
  239. package/lib/icon/left-shape.js +1 -0
  240. package/lib/icon/pdf-fill.d.ts +4 -0
  241. package/lib/icon/pdf-fill.js +1 -0
  242. package/lib/icon/play-shape.d.ts +4 -0
  243. package/lib/icon/play-shape.js +1 -0
  244. package/lib/icon/plus.d.ts +4 -0
  245. package/lib/icon/plus.js +1 -0
  246. package/lib/icon/ppt-fill.d.ts +4 -0
  247. package/lib/icon/ppt-fill.js +1 -0
  248. package/lib/icon/qq.d.ts +4 -0
  249. package/lib/icon/qq.js +1 -0
  250. package/lib/icon/right-shape.d.ts +4 -0
  251. package/lib/icon/right-shape.js +1 -0
  252. package/lib/icon/search.js +1 -0
  253. package/lib/icon/share.d.ts +4 -0
  254. package/lib/icon/share.js +1 -0
  255. package/lib/icon/spinner.d.ts +4 -0
  256. package/lib/icon/spinner.js +1 -0
  257. package/lib/icon/success.d.ts +4 -0
  258. package/lib/icon/success.js +1 -0
  259. package/lib/icon/switcher-loading.js +1 -0
  260. package/lib/icon/text-file.d.ts +4 -0
  261. package/lib/icon/text-file.js +1 -0
  262. package/lib/icon/text-fill.d.ts +4 -0
  263. package/lib/icon/text-fill.js +1 -0
  264. package/lib/icon/tree-application-shape.d.ts +4 -0
  265. package/lib/icon/tree-application-shape.js +1 -0
  266. package/lib/icon/unvisible.js +1 -0
  267. package/lib/icon/up-shape.d.ts +4 -0
  268. package/lib/icon/up-shape.js +1 -0
  269. package/lib/icon/upload.d.ts +4 -0
  270. package/lib/icon/upload.js +1 -0
  271. package/lib/icon/video-fill.d.ts +4 -0
  272. package/lib/icon/video-fill.js +1 -0
  273. package/lib/icon/warn.d.ts +4 -0
  274. package/lib/icon/warn.js +1 -0
  275. package/lib/icon/weixin.d.ts +4 -0
  276. package/lib/icon/weixin.js +1 -0
  277. package/lib/index.d.ts +3 -0
  278. package/lib/index.js +1 -0
  279. package/lib/input/index.d.ts +541 -0
  280. package/lib/input/index.js +1 -15
  281. package/lib/input/input.css +78 -4
  282. package/lib/input/input.d.ts +178 -48
  283. package/lib/input/input.less +89 -8
  284. package/lib/input/input.variable.css +108 -4
  285. package/lib/link/index.d.ts +164 -0
  286. package/lib/link/index.js +1 -1
  287. package/lib/link/link.d.ts +25 -13
  288. package/lib/link/link.variable.css +29 -0
  289. package/lib/loading/index.d.ts +172 -0
  290. package/lib/loading/index.js +1 -1
  291. package/lib/loading/loading.css +122 -75
  292. package/lib/loading/loading.d.ts +67 -20
  293. package/lib/loading/loading.less +79 -60
  294. package/lib/loading/loading.variable.css +151 -75
  295. package/lib/menu/index.d.ts +176 -0
  296. package/lib/menu/index.js +1 -0
  297. package/lib/menu/menu-group.d.ts +14 -0
  298. package/lib/menu/menu-item.d.ts +16 -0
  299. package/lib/menu/menu.css +190 -0
  300. package/lib/menu/menu.d.ts +55 -0
  301. package/lib/menu/menu.less +180 -0
  302. package/lib/menu/menu.variable.css +289 -0
  303. package/lib/menu/submenu.css +3 -0
  304. package/lib/menu/submenu.d.ts +22 -0
  305. package/lib/menu/submenu.less +5 -0
  306. package/lib/menu/submenu.variable.css +102 -0
  307. package/lib/menu/utils.d.ts +41 -0
  308. package/lib/message/{message.d.ts → index.d.ts} +0 -0
  309. package/lib/message/index.js +1 -1
  310. package/lib/message/message.css +27 -1
  311. package/lib/message/message.less +30 -1
  312. package/lib/message/message.variable.css +56 -1
  313. package/lib/message/messageConstructor.d.ts +71 -20
  314. package/lib/modal/index.d.ts +605 -0
  315. package/lib/modal/index.js +1 -1
  316. package/lib/modal/modal.css +30 -1
  317. package/lib/modal/modal.d.ts +195 -24
  318. package/lib/modal/modal.less +39 -1
  319. package/lib/modal/modal.variable.css +30 -1
  320. package/lib/modal/props.mixin.d.ts +82 -10
  321. package/lib/navigation/index.d.ts +292 -0
  322. package/lib/navigation/index.js +1 -0
  323. package/lib/navigation/navigation-title.d.ts +25 -0
  324. package/lib/navigation/navigation.css +184 -0
  325. package/lib/navigation/navigation.d.ts +111 -0
  326. package/lib/navigation/navigation.less +210 -0
  327. package/lib/navigation/navigation.variable.css +283 -0
  328. package/lib/notify/index.d.ts +2 -0
  329. package/lib/notify/index.js +1 -0
  330. package/lib/notify/notify.css +65 -0
  331. package/lib/notify/notify.less +76 -0
  332. package/lib/notify/notify.variable.css +164 -0
  333. package/lib/notify/notifyConstructor.d.ts +135 -0
  334. package/lib/pagination/index.d.ts +395 -0
  335. package/lib/pagination/index.js +1 -0
  336. package/lib/pagination/pagination.css +179 -0
  337. package/lib/pagination/pagination.d.ts +220 -0
  338. package/lib/pagination/pagination.less +201 -0
  339. package/lib/pagination/pagination.variable.css +278 -0
  340. package/lib/pagination/type.d.ts +6 -0
  341. package/lib/pagination/use-limit.d.ts +8 -0
  342. package/lib/pagination/use-list.d.ts +8 -0
  343. package/lib/pagination/use-small-list.d.ts +5 -0
  344. package/lib/pagination/use-total.d.ts +5 -0
  345. package/lib/popover/index.d.ts +364 -0
  346. package/lib/popover/index.js +1 -1
  347. package/lib/popover/popover.css +28 -16
  348. package/lib/popover/popover.d.ts +111 -45
  349. package/lib/popover/popover.less +59 -46
  350. package/lib/popover/popover.variable.css +57 -16
  351. package/lib/popover/props.d.ts +99 -0
  352. package/lib/preset.d.ts +2 -3
  353. package/lib/preset.js +1 -0
  354. package/lib/process/index.d.ts +205 -0
  355. package/lib/process/index.js +1 -0
  356. package/lib/process/process.css +138 -0
  357. package/lib/process/process.d.ts +131 -0
  358. package/lib/process/process.less +178 -0
  359. package/lib/process/process.variable.css +237 -0
  360. package/lib/progress/index.d.ts +398 -0
  361. package/lib/progress/index.js +1 -1
  362. package/lib/progress/progress.css +8 -3
  363. package/lib/progress/progress.d.ts +88 -35
  364. package/lib/progress/progress.less +0 -4
  365. package/lib/progress/progress.variable.css +37 -3
  366. package/lib/radio/common.d.ts +5 -5
  367. package/lib/radio/index.d.ts +278 -0
  368. package/lib/radio/index.js +1 -1
  369. package/lib/radio/radio-button.d.ts +29 -20
  370. package/lib/radio/radio-group.d.ts +11 -10
  371. package/lib/radio/radio.css +14 -8
  372. package/lib/radio/radio.d.ts +27 -17
  373. package/lib/radio/radio.less +16 -9
  374. package/lib/radio/radio.variable.css +44 -9
  375. package/lib/radio/type.d.ts +10 -5
  376. package/lib/rate/index.d.ts +113 -0
  377. package/lib/rate/index.js +1 -1
  378. package/lib/rate/rate.d.ts +13 -10
  379. package/lib/rate/star.d.ts +33 -16
  380. package/lib/resize-layout/index.d.ts +336 -0
  381. package/lib/resize-layout/index.js +1 -0
  382. package/lib/resize-layout/resize-layout.css +189 -0
  383. package/lib/resize-layout/resize-layout.d.ts +127 -0
  384. package/lib/resize-layout/resize-layout.less +233 -0
  385. package/lib/resize-layout/resize-layout.variable.css +288 -0
  386. package/lib/select/common.d.ts +23 -17
  387. package/lib/select/index.d.ts +1728 -0
  388. package/lib/select/index.js +1 -1
  389. package/lib/select/option.d.ts +21 -21
  390. package/lib/select/optionGroup.d.ts +54 -0
  391. package/lib/select/select.css +229 -41
  392. package/lib/select/select.d.ts +388 -156
  393. package/lib/select/select.less +242 -53
  394. package/lib/select/select.variable.css +258 -41
  395. package/lib/select/selectTagInput.d.ts +71 -0
  396. package/lib/select/type.d.ts +35 -0
  397. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +6 -1
  398. package/lib/shared/index.d.ts +71 -0
  399. package/lib/shared/index.js +1 -1
  400. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +33 -3
  401. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +10 -2
  402. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +60 -6
  403. package/lib/shared/token.d.ts +2 -0
  404. package/lib/shared/utils.d.ts +6 -0
  405. package/lib/shared/vue-types.d.ts +12 -7
  406. package/lib/shared/z-index-manager.d.ts +6 -1
  407. package/lib/sideslider/index.d.ts +533 -0
  408. package/lib/sideslider/index.js +1 -1
  409. package/lib/sideslider/sideslider.css +48 -3
  410. package/lib/sideslider/sideslider.d.ts +205 -30
  411. package/lib/sideslider/sideslider.less +65 -6
  412. package/lib/sideslider/sideslider.variable.css +77 -3
  413. package/lib/slider/index.d.ts +440 -0
  414. package/lib/slider/index.js +1 -0
  415. package/lib/slider/slider-button.d.ts +80 -0
  416. package/lib/slider/slider.css +149 -0
  417. package/lib/slider/slider.d.ts +201 -0
  418. package/lib/slider/slider.less +179 -0
  419. package/lib/slider/slider.variable.css +248 -0
  420. package/lib/steps/index.d.ts +250 -0
  421. package/lib/steps/index.js +1 -15
  422. package/lib/steps/steps.css +4 -1
  423. package/lib/steps/steps.d.ts +42 -29
  424. package/lib/steps/steps.less +5 -1
  425. package/lib/steps/steps.variable.css +33 -1
  426. package/lib/styles/index.d.ts +51 -0
  427. package/lib/styles/mixins/clearfix.css +8 -0
  428. package/lib/styles/mixins/clearfix.less +10 -0
  429. package/lib/styles/mixins/clearfix.variable.css +8 -0
  430. package/lib/styles/mixins/mixins.css +8 -0
  431. package/lib/styles/mixins/mixins.less +1 -0
  432. package/lib/styles/mixins/mixins.variable.css +8 -0
  433. package/lib/styles/mixins/popper.css +43 -0
  434. package/lib/styles/mixins/popper.less +52 -0
  435. package/lib/styles/mixins/popper.variable.css +43 -0
  436. package/lib/styles/mixins/size.less +9 -0
  437. package/lib/styles/reset.css +273 -0
  438. package/lib/styles/reset.less +313 -0
  439. package/lib/styles/reset.variable.css +273 -0
  440. package/lib/styles/themes/themes.less +45 -1
  441. package/lib/swiper/index.d.ts +181 -0
  442. package/lib/swiper/index.js +1 -0
  443. package/lib/swiper/swiper.css +91 -0
  444. package/lib/swiper/swiper.d.ts +65 -0
  445. package/lib/swiper/swiper.less +107 -0
  446. package/lib/swiper/swiper.variable.css +91 -0
  447. package/lib/switcher/index.d.ts +286 -0
  448. package/lib/switcher/index.js +1 -1
  449. package/lib/switcher/switcher.css +157 -135
  450. package/lib/switcher/switcher.d.ts +48 -32
  451. package/lib/switcher/switcher.less +211 -153
  452. package/lib/switcher/switcher.variable.css +186 -135
  453. package/lib/tab/index.d.ts +440 -0
  454. package/lib/tab/index.js +1 -0
  455. package/lib/tab/props.d.ts +194 -0
  456. package/lib/tab/tab-nav.d.ts +169 -0
  457. package/lib/tab/tab-panel.d.ts +73 -0
  458. package/lib/tab/tab.css +167 -0
  459. package/lib/tab/tab.d.ts +139 -0
  460. package/lib/tab/tab.less +228 -0
  461. package/lib/tab/tab.variable.css +266 -0
  462. package/lib/table/const.d.ts +30 -0
  463. package/lib/table/index.d.ts +389 -0
  464. package/lib/table/index.js +1 -1
  465. package/lib/table/plugins/head-filter.css +68 -0
  466. package/lib/table/plugins/head-filter.less +83 -0
  467. package/lib/table/plugins/head-filter.variable.css +167 -0
  468. package/lib/table/plugins/head-sort.css +22 -0
  469. package/lib/table/plugins/head-sort.less +28 -0
  470. package/lib/table/plugins/head-sort.variable.css +121 -0
  471. package/lib/table/plugins/settings.css +110 -0
  472. package/lib/table/plugins/settings.less +136 -0
  473. package/lib/table/plugins/settings.variable.css +209 -0
  474. package/lib/table/props.d.ts +190 -0
  475. package/lib/table/render.d.ts +115 -0
  476. package/lib/table/table.css +387 -0
  477. package/lib/table/table.d.ts +126 -36
  478. package/lib/table/table.less +229 -1
  479. package/lib/table/table.variable.css +416 -0
  480. package/lib/table/use-common.d.ts +19 -0
  481. package/lib/table/utils.d.ts +93 -0
  482. package/lib/tag/index.d.ts +229 -0
  483. package/lib/tag/index.js +1 -1
  484. package/lib/tag/tag.css +97 -0
  485. package/lib/tag/tag.d.ts +83 -53
  486. package/lib/tag/tag.less +110 -2
  487. package/lib/tag/tag.variable.css +126 -0
  488. package/lib/tag-input/common.d.ts +24 -0
  489. package/lib/tag-input/index.d.ts +894 -0
  490. package/lib/tag-input/index.js +1 -0
  491. package/lib/tag-input/list-tag-render.d.ts +47 -0
  492. package/lib/tag-input/tag-input.css +209 -0
  493. package/lib/tag-input/tag-input.d.ts +374 -0
  494. package/lib/tag-input/tag-input.less +251 -0
  495. package/lib/tag-input/tag-input.variable.css +308 -0
  496. package/lib/tag-input/tag-props.d.ts +131 -0
  497. package/lib/tag-input/tag-render.d.ts +38 -0
  498. package/lib/timeline/index.d.ts +129 -0
  499. package/lib/timeline/index.js +1 -0
  500. package/lib/timeline/timeline.css +235 -0
  501. package/lib/timeline/timeline.d.ts +81 -0
  502. package/lib/timeline/timeline.less +239 -0
  503. package/lib/timeline/timeline.variable.css +334 -0
  504. package/lib/transfer/index.d.ts +351 -0
  505. package/lib/transfer/index.js +1 -0
  506. package/lib/transfer/transfer.css +139 -0
  507. package/lib/transfer/transfer.d.ts +185 -0
  508. package/lib/transfer/transfer.less +144 -0
  509. package/lib/transfer/transfer.variable.css +238 -0
  510. package/lib/tree/constant.d.ts +43 -0
  511. package/lib/tree/index.d.ts +449 -0
  512. package/lib/tree/index.js +1 -0
  513. package/lib/tree/props.d.ts +159 -0
  514. package/lib/tree/tree.css +53 -0
  515. package/lib/tree/tree.d.ts +193 -0
  516. package/lib/tree/tree.less +66 -0
  517. package/lib/tree/tree.variable.css +152 -0
  518. package/lib/tree/use-empty.d.ts +6 -0
  519. package/lib/tree/use-node-action.d.ts +11 -0
  520. package/lib/tree/use-node-async.d.ts +5 -0
  521. package/lib/tree/use-node-attribute.d.ts +31 -0
  522. package/lib/tree/use-node-drag.d.ts +3 -0
  523. package/lib/tree/use-search.d.ts +11 -0
  524. package/lib/tree/use-tree-init.d.ts +15 -0
  525. package/lib/tree/util.d.ts +66 -0
  526. package/lib/upload/index.d.ts +2 -0
  527. package/lib/upload/index.js +1 -0
  528. package/lib/upload/props.d.ts +113 -0
  529. package/lib/upload/upload-list.d.ts +46 -0
  530. package/lib/upload/upload-trigger.d.ts +54 -0
  531. package/lib/upload/upload.css +374 -0
  532. package/lib/upload/upload.d.ts +252 -0
  533. package/lib/upload/upload.less +455 -0
  534. package/lib/upload/upload.type.d.ts +78 -0
  535. package/lib/upload/upload.variable.css +473 -0
  536. package/lib/upload/use-ajax-upload.d.ts +3 -0
  537. package/lib/upload/use-file-handler.d.ts +44 -0
  538. package/lib/use-form.d.ts +3 -0
  539. package/lib/use-message.d.ts +2 -0
  540. package/lib/virtual-render/index.d.ts +579 -0
  541. package/lib/virtual-render/index.js +1 -0
  542. package/lib/virtual-render/props.d.ts +167 -0
  543. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  544. package/lib/virtual-render/v-virtual-render.d.ts +6 -0
  545. package/lib/virtual-render/virtual-render.css +33 -0
  546. package/lib/virtual-render/virtual-render.d.ts +255 -0
  547. package/lib/virtual-render/virtual-render.less +43 -0
  548. package/lib/virtual-render/virtual-render.variable.css +33 -0
  549. package/package.json +108 -81
  550. package/dist/bkui-vue.cjs.js +0 -5171
  551. package/dist/bkui-vue.esm.js +0 -5137
  552. package/dist/bkui-vue.umd.js +0 -5174
  553. package/lib/styles/index.js +0 -1
  554. package/lib/table/common.d.ts +0 -3
  555. package/lib/table/table-layout.d.ts +0 -14
  556. package/lib/table/type.d.ts +0 -12
package/dist/style.css CHANGED
@@ -1,2348 +1 @@
1
- .bk-alert {
2
- position: relative;
3
- font-size: 12px;
4
- color: #63656e;
5
- text-align: left;
6
- word-wrap: break-word;
7
- border: 1px solid;
8
- border-radius: 2px;
9
- }
10
- .bk-alert .bk-alert-icon-info {
11
- margin-right: 8px;
12
- font-size: 16px;
13
- }
14
- .bk-alert .icon-close {
15
- font-size: 17px;
16
- }
17
- .bk-alert-wraper {
18
- display: flex;
19
- padding: 8px 10px;
20
- }
21
- .bk-alert-info {
22
- background-color: #f0f8ff;
23
- border-color: #c5daff;
24
- }
25
- .bk-alert-info .bk-alert-icon-info {
26
- color: #3a84ff;
27
- }
28
- .bk-alert-success {
29
- background-color: #f2fff4;
30
- border-color: #94f5a4;
31
- }
32
- .bk-alert-success .bk-alert-icon-info {
33
- color: #2dcb56;
34
- }
35
- .bk-alert-warning {
36
- background-color: #fff4e2;
37
- border-color: #ffdfac;
38
- }
39
- .bk-alert-warning .bk-alert-icon-info {
40
- color: #ff9c01;
41
- }
42
- .bk-alert-error {
43
- background-color: #ffeded;
44
- border-color: #ffd2d2;
45
- }
46
- .bk-alert-error .bk-alert-icon-info {
47
- color: #ea3636;
48
- }
49
- .bk-alert-content {
50
- display: flex;
51
- flex: 1;
52
- flex-direction: column;
53
- overflow: hidden;
54
- }
55
- .bk-alert-title {
56
- line-height: 16px;
57
- }
58
- .bk-alert-close {
59
- padding: 8px 12px 0 6px;
60
- margin-top: -8px;
61
- margin-right: -10px;
62
- font-size: 12px;
63
- white-space: nowrap;
64
- cursor: pointer;
65
- }
66
- .bk-alert-leave-leave {
67
- opacity: 1;
68
- }
69
- .bk-alert-leave-leave-active {
70
- overflow: hidden;
71
- transition: opacity 0.15s, height 0.2s;
72
- }
73
- .bk-alert-leave-leave-to {
74
- opacity: 0;
75
- }
76
- @keyframes loading-scale-animate {
77
- 0% {
78
- transform: scale(1);
79
- }
80
- 100% {
81
- transform: scale(0.6);
82
- }
83
- }
84
- @keyframes fade {
85
- 100% {
86
- background-color: transparent;
87
- }
88
- }
89
- .bk-fade-transtion .bk-fade-enter-active,
90
- .bk-fade-transtion .bk-fade-leave-active {
91
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
92
- }
93
- .bk-fade-transtion .bk-fade-enter,
94
- .bk-fade-transtion .bk-fade-leave-to {
95
- opacity: 0;
96
- }
97
- .bk-backtop {
98
- position: fixed;
99
- display: flex;
100
- width: 52px;
101
- height: 52px;
102
- cursor: pointer;
103
- background: #fff;
104
- border-radius: 50%;
105
- opacity: 1;
106
- box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
107
- align-items: center;
108
- justify-content: center;
109
- }
110
- .bk-fade-enter-active,
111
- .bk-fade-leave-active {
112
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
113
- }
114
- .bk-fade-enter,
115
- .bk-fade-leave-to {
116
- opacity: 0;
117
- }
118
- .bk-badge-main {
119
- position: relative;
120
- display: inline-block;
121
- }
122
- .bk-badge-main .bk-badge {
123
- position: relative;
124
- display: inline-block;
125
- height: 16px;
126
- padding: 1px 5px;
127
- font-size: 12px;
128
- line-height: 16px;
129
- text-align: center;
130
- background-color: white;
131
- border-radius: 18px;
132
- }
133
- .bk-badge-main .bk-badge.pinned {
134
- position: absolute;
135
- }
136
- .bk-badge-main .bk-badge.pinned.top-right {
137
- top: 0;
138
- right: 0;
139
- transform: translate(50%, -50%) scale(1, 1);
140
- }
141
- .bk-badge-main .bk-badge.pinned.top-right.fade-center-enter,
142
- .bk-badge-main .bk-badge.pinned.top-right.fade-center-leave-active {
143
- opacity: 0;
144
- transform: translate(50%, -50%) scale(0, 0);
145
- }
146
- .bk-badge-main .bk-badge.pinned.right {
147
- top: 50%;
148
- right: 0%;
149
- transform: translate(100%, -50%) scale(1, 1);
150
- }
151
- .bk-badge-main .bk-badge.pinned.right.fade-center-enter,
152
- .bk-badge-main .bk-badge.pinned.right.fade-center-leave-active {
153
- opacity: 0;
154
- transform: translate(50%, -50%) scale(0, 0);
155
- }
156
- .bk-badge-main .bk-badge.pinned.bottom-right {
157
- right: 0;
158
- bottom: 0;
159
- transform: translate(50%, 50%) scale(1, 1);
160
- }
161
- .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,
162
- .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {
163
- opacity: 0;
164
- transform: translate(50%, 50%) scale(0, 0);
165
- }
166
- .bk-badge-main .bk-badge.pinned.top-left {
167
- top: 0;
168
- left: 0;
169
- transform: translate(-50%, -50%) scale(1, 1);
170
- }
171
- .bk-badge-main .bk-badge.pinned.top-left.fade-center-enter,
172
- .bk-badge-main .bk-badge.pinned.top-left.fade-center-leave-active {
173
- opacity: 0;
174
- transform: translate(-50%, -50%) scale(0, 0);
175
- }
176
- .bk-badge-main .bk-badge.pinned.bottom-left {
177
- bottom: 0;
178
- left: 0;
179
- transform: translate(-50%, 50%) scale(1, 1);
180
- }
181
- .bk-badge-main .bk-badge.pinned.bottom-left.fade-center-enter,
182
- .bk-badge-main .bk-badge.pinned.bottom-left.fade-center-leave-active {
183
- opacity: 0;
184
- transform: translate(-50%, 50%) scale(0, 0);
185
- }
186
- .bk-badge-main .bk-badge.bk-danger {
187
- color: white;
188
- background-color: #ea3636;
189
- border: 2px solid white;
190
- }
191
- .bk-badge-main .bk-badge.bk-danger.is-icon {
192
- color: #ea3636;
193
- background-color: white;
194
- border-color: white;
195
- }
196
- .bk-badge-main .bk-badge.bk-warning {
197
- color: white;
198
- background-color: #ff9c01;
199
- border: 2px solid white;
200
- }
201
- .bk-badge-main .bk-badge.bk-warning.is-icon {
202
- color: #ff9c01;
203
- background-color: white;
204
- border-color: white;
205
- }
206
- .bk-badge-main .bk-badge.bk-success {
207
- color: white;
208
- background-color: #2dcb56;
209
- border: 2px solid white;
210
- }
211
- .bk-badge-main .bk-badge.bk-success.is-icon {
212
- color: #2dcb56;
213
- background-color: white;
214
- border-color: white;
215
- }
216
- .bk-badge-main .bk-badge.bk-primary {
217
- color: white;
218
- background-color: #3a84ff;
219
- border: 2px solid white;
220
- }
221
- .bk-badge-main .bk-badge.bk-primary.is-icon {
222
- color: #3a84ff;
223
- background-color: white;
224
- border-color: white;
225
- }
226
- .bk-badge-main .bk-badge.dot {
227
- width: 6px;
228
- height: 6px;
229
- min-width: 6px;
230
- padding: 0;
231
- border: 1px solid white;
232
- }
233
- .bk-badge-main .bk-badge.bk-badge-icon {
234
- display: inline-block;
235
- padding: 0;
236
- padding-bottom: 1px;
237
- font-size: 16px;
238
- }
239
- @keyframes loading-scale-animate {
240
- 0% {
241
- transform: scale(1);
242
- }
243
- 100% {
244
- transform: scale(0.6);
245
- }
246
- }
247
- @keyframes fade {
248
- 100% {
249
- background-color: transparent;
250
- }
251
- }
252
- .bk-fade-transtion .bk-fade-enter-active,
253
- .bk-fade-transtion .bk-fade-leave-active {
254
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
255
- }
256
- .bk-fade-transtion .bk-fade-enter,
257
- .bk-fade-transtion .bk-fade-leave-to {
258
- opacity: 0;
259
- }
260
- .bk-breadcrumb {
261
- display: flex;
262
- font-size: 14px;
263
- color: #979ba5;
264
- align-items: center;
265
- }
266
- .bk-breadcrumb::after {
267
- clear: both;
268
- }
269
- .bk-breadcrumb-separator {
270
- margin: 0 9px;
271
- font-weight: bold;
272
- }
273
- .bk-breadcrumb-separator[class*=icon] {
274
- margin: 0 6px;
275
- font-weight: normal;
276
- }
277
- .bk-breadcrumb-item-inner.is-link,
278
- .bk-breadcrumb-item-inner a {
279
- text-decoration: none;
280
- }
281
- .bk-breadcrumb-item-inner.is-link:hover,
282
- .bk-breadcrumb-item-inner a:hover {
283
- color: #0082ff;
284
- cursor: pointer;
285
- }
286
- .bk-breadcrumb-item:last-child {
287
- color: #63656e;
288
- }
289
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner,
290
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner a,
291
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover,
292
- .bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover {
293
- cursor: text;
294
- }
295
- .bk-breadcrumb-item:last-child .bk-breadcrumb-separator {
296
- display: none;
297
- }
298
- .bk-button {
299
- display: inline-block;
300
- height: 32px;
301
- min-width: 64px;
302
- padding: 0 15px;
303
- font-size: 14px;
304
- color: #63656e;
305
- text-align: center;
306
- text-decoration: none;
307
- white-space: nowrap;
308
- vertical-align: middle;
309
- cursor: pointer;
310
- background-color: white;
311
- border: 1px solid #c4c6cc;
312
- border-radius: 2px;
313
- outline: none;
314
- box-sizing: border-box;
315
- transition: background-color ease 0.3s;
316
- appearance: none;
317
- }
318
- .bk-button.bk-button-primary {
319
- background-color: #3a84ff;
320
- color: white;
321
- border-color: #3a84ff;
322
- }
323
- .bk-button.bk-button-primary:hover {
324
- background-color: #5594fa;
325
- border-color: #5594fa;
326
- }
327
- .bk-button.bk-button-primary:active {
328
- background-color: #2c77f4;
329
- border-color: #2c77f4;
330
- }
331
- .bk-button.bk-button-primary.is-disabled {
332
- background-color: #dcdee5;
333
- border-color: #dcdee5;
334
- }
335
- .bk-button.bk-button-primary.is-outline {
336
- color: #3a84ff;
337
- border-color: #3a84ff;
338
- background-color: white;
339
- }
340
- .bk-button.bk-button-primary.is-outline:hover {
341
- background-color: #5594fa;
342
- border-color: #5594fa;
343
- color: white;
344
- }
345
- .bk-button.bk-button-primary.is-text {
346
- color: #3a84ff;
347
- background: none;
348
- border: none;
349
- }
350
- .bk-button.bk-button-primary.is-text:hover {
351
- color: #5594fa;
352
- }
353
- .bk-button.bk-button-hover-primary:hover {
354
- background-color: #5594fa;
355
- border-color: #5594fa;
356
- color: white;
357
- }
358
- .bk-button.bk-button-warning {
359
- background-color: #ff9c01;
360
- color: white;
361
- border-color: #ff9c01;
362
- }
363
- .bk-button.bk-button-warning:hover {
364
- background-color: #ffb848;
365
- border-color: #ffb848;
366
- }
367
- .bk-button.bk-button-warning:active {
368
- background-color: #eb9000;
369
- border-color: #eb9000;
370
- }
371
- .bk-button.bk-button-warning.is-disabled {
372
- background-color: #dcdee5;
373
- border-color: #dcdee5;
374
- }
375
- .bk-button.bk-button-warning.is-outline {
376
- color: #ff9c01;
377
- border-color: #ff9c01;
378
- background-color: white;
379
- }
380
- .bk-button.bk-button-warning.is-outline:hover {
381
- background-color: #ffb848;
382
- border-color: #ffb848;
383
- color: white;
384
- }
385
- .bk-button.bk-button-warning.is-text {
386
- color: #ff9c01;
387
- background: none;
388
- border: none;
389
- }
390
- .bk-button.bk-button-warning.is-text:hover {
391
- color: #ffb848;
392
- }
393
- .bk-button.bk-button-hover-warning:hover {
394
- background-color: #ffb848;
395
- border-color: #ffb848;
396
- color: white;
397
- }
398
- .bk-button.bk-button-success {
399
- background-color: #2dcb56;
400
- color: white;
401
- border-color: #2dcb56;
402
- }
403
- .bk-button.bk-button-success:hover {
404
- background-color: #45e35f;
405
- border-color: #45e35f;
406
- }
407
- .bk-button.bk-button-success:active {
408
- background-color: #1ab943;
409
- border-color: #1ab943;
410
- }
411
- .bk-button.bk-button-success.is-disabled {
412
- background-color: #dcdee5;
413
- border-color: #dcdee5;
414
- }
415
- .bk-button.bk-button-success.is-outline {
416
- color: #2dcb56;
417
- border-color: #2dcb56;
418
- background-color: white;
419
- }
420
- .bk-button.bk-button-success.is-outline:hover {
421
- background-color: #45e35f;
422
- border-color: #45e35f;
423
- color: white;
424
- }
425
- .bk-button.bk-button-success.is-text {
426
- color: #2dcb56;
427
- background: none;
428
- border: none;
429
- }
430
- .bk-button.bk-button-success.is-text:hover {
431
- color: #45e35f;
432
- }
433
- .bk-button.bk-button-hover-success:hover {
434
- background-color: #45e35f;
435
- border-color: #45e35f;
436
- color: white;
437
- }
438
- .bk-button.bk-button-danger {
439
- background-color: #ea3636;
440
- color: white;
441
- border-color: #ea3636;
442
- }
443
- .bk-button.bk-button-danger:hover {
444
- background-color: #ff5656;
445
- border-color: #ff5656;
446
- }
447
- .bk-button.bk-button-danger:active {
448
- background-color: #db2626;
449
- border-color: #db2626;
450
- }
451
- .bk-button.bk-button-danger.is-disabled {
452
- background-color: #dcdee5;
453
- border-color: #dcdee5;
454
- }
455
- .bk-button.bk-button-danger.is-outline {
456
- color: #ea3636;
457
- border-color: #ea3636;
458
- background-color: white;
459
- }
460
- .bk-button.bk-button-danger.is-outline:hover {
461
- background-color: #ff5656;
462
- border-color: #ff5656;
463
- color: white;
464
- }
465
- .bk-button.bk-button-danger.is-text {
466
- color: #ea3636;
467
- background: none;
468
- border: none;
469
- }
470
- .bk-button.bk-button-danger.is-text:hover {
471
- color: #ff5656;
472
- }
473
- .bk-button.bk-button-hover-danger:hover {
474
- background-color: #ff5656;
475
- border-color: #ff5656;
476
- color: white;
477
- }
478
- .bk-button.bk-button-small {
479
- min-width: 48px;
480
- height: 26px;
481
- padding: 0 12px;
482
- }
483
- .bk-button.bk-button-large {
484
- min-width: 74px;
485
- height: 38px;
486
- padding: 0 20px;
487
- }
488
- .bk-button:hover {
489
- border-color: #979ba5;
490
- }
491
- .bk-button:active {
492
- color: #3a84ff;
493
- border-color: #3a84ff;
494
- }
495
- .bk-button.is-disabled {
496
- color: #dcdee5;
497
- cursor: auto;
498
- border-color: #dcdee5;
499
- }
500
- .bk-button.is-text {
501
- font-size: 14px;
502
- color: #63656e;
503
- text-decoration: none;
504
- cursor: pointer;
505
- background: none;
506
- border: none;
507
- outline: none;
508
- }
509
- .bk-button-group {
510
- display: inline-block;
511
- font-size: 0;
512
- }
513
- .bk-button-group.bk-button-group-small .bk-button {
514
- min-width: 48px;
515
- height: 26px;
516
- padding: 0 12px;
517
- }
518
- .bk-button-group.bk-button-group-large .bk-button {
519
- min-width: 74px;
520
- height: 38px;
521
- padding: 0 20px;
522
- }
523
- .bk-button-group .bk-button {
524
- height: 32px;
525
- min-width: 64px;
526
- margin: 0 0 0 -1px;
527
- border-radius: 0;
528
- }
529
- .bk-button-group .bk-button:not(.is-disabled) {
530
- color: #63656e;
531
- background-color: white;
532
- border-color: #c4c6cc;
533
- }
534
- .bk-button-group .bk-button:first-child {
535
- border-radius: 2px 0 0 2px;
536
- }
537
- .bk-button-group .bk-button:last-child {
538
- border-radius: 0 2px 2px 0;
539
- }
540
- .bk-button-group .bk-button:only-child {
541
- border-radius: 2px;
542
- }
543
- .bk-button-group .bk-button:hover:not(.is-disabled),
544
- .bk-button-group .bk-button.is-selected:not(.is-disabled) {
545
- position: relative;
546
- z-index: 1;
547
- color: #3a84ff;
548
- background-color: white;
549
- border-color: #3a84ff;
550
- }
551
- @keyframes loading-scale-animate {
552
- 0% {
553
- transform: scale(1);
554
- }
555
- 100% {
556
- transform: scale(0.6);
557
- }
558
- }
559
- @keyframes fade {
560
- 100% {
561
- background-color: transparent;
562
- }
563
- }
564
- .bk-fade-transtion .bk-fade-enter-active,
565
- .bk-fade-transtion .bk-fade-leave-active {
566
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
567
- }
568
- .bk-fade-transtion .bk-fade-enter,
569
- .bk-fade-transtion .bk-fade-leave-to {
570
- opacity: 0;
571
- }
572
- .bk-card {
573
- position: relative;
574
- display: inline-block;
575
- width: 100%;
576
- text-align: left;
577
- cursor: pointer;
578
- background: white;
579
- border: 1px solid #dcdee5;
580
- border-radius: 2px;
581
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
582
- }
583
- .bk-card .bk-card-head {
584
- position: relative;
585
- width: 100%;
586
- height: 50px;
587
- padding: 0 20px;
588
- line-height: 50px;
589
- border-bottom: 1px solid #f0f2f5;
590
- }
591
- .bk-card .bk-card-head .title {
592
- font-weight: 600;
593
- color: #63656e;
594
- display: inline-block;
595
- max-width: 85%;
596
- overflow: hidden;
597
- text-overflow: ellipsis;
598
- white-space: nowrap;
599
- }
600
- .bk-card .bk-card-body {
601
- width: 100%;
602
- padding: 0 20px;
603
- text-align: left;
604
- }
605
- .bk-card .bk-card-footer {
606
- width: 100%;
607
- height: 50px;
608
- line-height: 50px;
609
- border-top: 1px solid #f0f2f5;
610
- }
611
- .bk-card-border-none {
612
- border: none;
613
- }
614
- .bk-checkbox {
615
- display: inline-block;
616
- margin-right: 30px;
617
- font-size: 14px;
618
- letter-spacing: normal;
619
- color: #63656e;
620
- cursor: pointer;
621
- user-select: none;
622
- }
623
- .bk-checkbox.is-checked .bk-checkbox-input {
624
- background: #3a84ff;
625
- border-color: #3a84ff;
626
- transition: all 0.1s;
627
- }
628
- .bk-checkbox.is-checked .bk-checkbox-input::after {
629
- position: absolute;
630
- top: 1px;
631
- left: 5px;
632
- width: 4px;
633
- height: 8px;
634
- border: 2px solid #fff;
635
- border-top: 0;
636
- border-left: 0;
637
- content: '';
638
- transform: scaleY(1) rotate(45deg);
639
- transform-origin: center;
640
- }
641
- .bk-checkbox.is-disabled {
642
- color: #c4c6cc;
643
- cursor: not-allowed;
644
- }
645
- .bk-checkbox.is-disabled .bk-checkbox-input {
646
- background: #fafbfd;
647
- border-color: #dcdee5;
648
- }
649
- .bk-checkbox.is-disabled .bk-checkbox-input::after {
650
- background: #dcdee5;
651
- }
652
- .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
653
- background: #dcdee5;
654
- }
655
- .bk-checkbox .bk-checkbox-input {
656
- position: relative;
657
- display: inline-block;
658
- width: 16px;
659
- height: 16px;
660
- margin-right: 5px;
661
- vertical-align: middle;
662
- border: 1px solid #979ba5;
663
- border-radius: 2px;
664
- }
665
- .bk-checkbox .bk-checkbox-original {
666
- position: absolute;
667
- top: 0;
668
- left: 0;
669
- z-index: -1;
670
- width: 0;
671
- height: 0;
672
- }
673
- .bk-checkbox .bk-checkbox-label {
674
- display: inline-block;
675
- line-height: 18px;
676
- vertical-align: middle;
677
- }
678
- .bk-collapse-wrapper .bk-collapse-item {
679
- text-align: left;
680
- }
681
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
682
- height: 42px;
683
- padding: 0 10px;
684
- overflow: hidden;
685
- font-size: 14px;
686
- line-height: 42px;
687
- color: #63656e;
688
- text-overflow: ellipsis;
689
- cursor: pointer;
690
- }
691
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
692
- display: none;
693
- padding: 0 10px;
694
- font-size: 13px;
695
- color: #979ba5;
696
- }
697
- .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active {
698
- display: block;
699
- }
700
- .bk-modal-wrapper.bk-dialog-wrapper {
701
- position: relative;
702
- }
703
- .bk-modal-wrapper.bk-dialog-wrapper * {
704
- box-sizing: border-box;
705
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
706
- }
707
- .bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
708
- overflow: auto;
709
- }
710
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
711
- position: absolute;
712
- top: 0;
713
- right: 0;
714
- left: 0;
715
- height: 30px;
716
- }
717
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
718
- position: absolute;
719
- top: 5px;
720
- right: 5px;
721
- display: flex;
722
- width: 26px;
723
- height: 26px;
724
- font-size: 22px;
725
- font-weight: 700;
726
- line-height: 26px;
727
- color: #979ba5;
728
- text-align: center;
729
- cursor: pointer;
730
- border-radius: 50%;
731
- transform: rotate(45deg);
732
- justify-content: center;
733
- align-items: center;
734
- }
735
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
736
- padding: 24px;
737
- font-size: 20px;
738
- line-height: 1;
739
- }
740
- .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
741
- display: inline-block;
742
- width: 100%;
743
- overflow: hidden;
744
- font-size: 24px;
745
- color: #313238;
746
- text-overflow: ellipsis;
747
- white-space: nowrap;
748
- }
749
- .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
750
- height: calc(100% - 132px);
751
- padding: 3px 24px 26px;
752
- margin-bottom: 58px;
753
- font-size: 14px;
754
- line-height: 1.5;
755
- color: #63656e;
756
- }
757
- .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
758
- position: absolute;
759
- right: 0;
760
- bottom: 0;
761
- left: 0;
762
- height: 58px;
763
- padding: 12px 24px;
764
- background-color: #fafbfd;
765
- border-top: 1px solid #dcdee5;
766
- border-radius: 2px;
767
- }
768
- .bk-exception-wrapper {
769
- position: relative;
770
- display: flex;
771
- width: 100%;
772
- align-items: center;
773
- flex-direction: column;
774
- }
775
- .bk-exception-wrapper .bk-exception-img {
776
- display: flex;
777
- width: 480px;
778
- height: 240px;
779
- align-items: center;
780
- justify-content: center;
781
- }
782
- .bk-exception-wrapper .bk-exception-img.part-img {
783
- width: 120px;
784
- height: 100px;
785
- }
786
- .bk-exception-wrapper .bk-exception-img .exception-image {
787
- display: block;
788
- height: 100%;
789
- vertical-align: middle;
790
- object-fit: contain;
791
- }
792
- .bk-exception-wrapper .bk-exception-text {
793
- font-size: 24px;
794
- color: #63656e;
795
- text-align: center;
796
- }
797
- .bk-exception-wrapper .bk-exception-text.part-text {
798
- font-size: 14px;
799
- }
800
- .bk-fixed-navbar {
801
- position: fixed;
802
- right: 10px;
803
- width: 52px;
804
- padding: 22px 14px;
805
- background: #fff;
806
- border-radius: 26px;
807
- opacity: 1;
808
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
809
- box-sizing: border-box;
810
- }
811
- .bk-fixed-navbar.middle {
812
- top: 50%;
813
- transform: translateY(-50%);
814
- }
815
- .bk-fixed-navbar.bottom {
816
- bottom: 10%;
817
- }
818
- .bk-fixed-navbar.top {
819
- top: 10%;
820
- }
821
- .bk-fixed-navbar .fixed-navbar-item {
822
- display: flex;
823
- color: #63656e;
824
- align-items: center;
825
- justify-content: center;
826
- flex-direction: column;
827
- }
828
- .bk-fixed-navbar .fixed-navbar-item:hover {
829
- color: #3a84ff;
830
- cursor: pointer;
831
- }
832
- .bk-fixed-navbar .fixed-navbar-item:not(:last-of-type) {
833
- margin-bottom: 25px;
834
- }
835
- .bk-fixed-navbar .fixed-navbar-item .icon {
836
- margin-bottom: 5px;
837
- font-size: 17px;
838
- }
839
- .bk-fixed-navbar .fixed-navbar-item .text {
840
- font-size: 12px;
841
- }
842
- @keyframes loading-scale-animate {
843
- 0% {
844
- transform: scale(1);
845
- }
846
- 100% {
847
- transform: scale(0.6);
848
- }
849
- }
850
- @keyframes fade {
851
- 100% {
852
- background-color: transparent;
853
- }
854
- }
855
- .bk-fade-transtion .bk-fade-enter-active,
856
- .bk-fade-transtion .bk-fade-leave-active {
857
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
858
- }
859
- .bk-fade-transtion .bk-fade-enter,
860
- .bk-fade-transtion .bk-fade-leave-to {
861
- opacity: 0;
862
- }
863
- .bk-input {
864
- display: flex;
865
- align-items: stretch;
866
- height: 32px;
867
- font-size: 12px;
868
- border: 1px solid #c4c6cc;
869
- border-radius: 2px;
870
- transition: all 0.3s;
871
- }
872
- .bk-input--suffix-icon {
873
- padding-right: 10px;
874
- font-size: 16px;
875
- color: #c4c6cc;
876
- align-self: center;
877
- }
878
- .bk-input--large {
879
- height: 38px;
880
- font-size: 16px;
881
- }
882
- .bk-input--small {
883
- height: 26px;
884
- font-size: 12px;
885
- }
886
- .bk-input.is-focused:not(.is-readonly) {
887
- border-color: #3a84ff;
888
- outline: 0;
889
- box-shadow: 0px 0px 3px 0px #a3c5fd;
890
- }
891
- .bk-input.is-disabled {
892
- cursor: not-allowed;
893
- background-color: #fafbfd;
894
- opacity: 1;
895
- }
896
- .bk-input--prefix-area,
897
- .bk-input--suffix-area {
898
- display: flex;
899
- padding: 0 10px;
900
- color: #63656e;
901
- background-color: #f4f6fa;
902
- border-right: 1px solid #c4c6cc;
903
- align-items: center;
904
- }
905
- .bk-input--suffix-area {
906
- border: 0;
907
- border-left: 1px solid #c4c6cc;
908
- }
909
- .bk-input--max-length {
910
- align-self: center;
911
- padding-right: 10px;
912
- }
913
- .bk-input--max-length span {
914
- color: #979ba5;
915
- }
916
- .bk-input--text {
917
- padding: 0 10px;
918
- font-size: 12px;
919
- line-height: 1;
920
- color: #63656e;
921
- background-color: white;
922
- background-image: none;
923
- border: none;
924
- outline: none;
925
- box-sizing: border-box;
926
- transition: all 0.3s;
927
- flex: 1;
928
- }
929
- .bk-input--text[type='search']::-webkit-search-decoration,
930
- .bk-input--text[type='search']::-webkit-search-cancel-button,
931
- .bk-input--text[type='search']::-webkit-search-results-button,
932
- .bk-input--text[type='search']::-webkit-search-results-decoration {
933
- appearance: none;
934
- }
935
- .bk-input--text [type=search]::-ms-clear {
936
- display: none;
937
- width: 0;
938
- height: 0;
939
- }
940
- .bk-input--text [type=search]::-ms-reveal {
941
- display: none;
942
- width: 0;
943
- height: 0;
944
- }
945
- .bk-input--text[type='number']::-webkit-inner-spin-button,
946
- .bk-input--text[type='number']::-webkit-outer-spin-button {
947
- margin: 0;
948
- appearance: none;
949
- }
950
- .bk-input--text::placeholder {
951
- color: #c4c6cc;
952
- }
953
- .bk-input--number-control {
954
- width: 26px;
955
- height: 100%;
956
- font-size: 0;
957
- flex-direction: column;
958
- }
959
- .bk-input--number-control span {
960
- display: block;
961
- height: 50%;
962
- overflow: hidden;
963
- color: #c4c6cc;
964
- }
965
- .bk-input--number-control svg {
966
- font-size: 16px;
967
- }
968
- .bk-input--number-control span:first-child {
969
- transform: rotate(180deg);
970
- }
971
- .bk-input--number-control span:hover {
972
- background-color: #f4f6fa;
973
- }
974
- .bk-link {
975
- font-size: 14px;
976
- text-decoration: none;
977
- }
978
- .bk-link.is-disabled {
979
- cursor: not-allowed;
980
- }
981
- .bk-link.has-underline {
982
- text-decoration: underline;
983
- }
984
- .bk-link.default {
985
- color: #63656e;
986
- }
987
- .bk-link.default.is-disabled {
988
- color: #dcdee5;
989
- }
990
- .bk-link.default:hover {
991
- color: #979ba5;
992
- }
993
- .bk-link.primary {
994
- color: #3a84ff;
995
- }
996
- .bk-link.primary.is-disabled {
997
- color: #a3c5fd;
998
- }
999
- .bk-link.primary:hover {
1000
- color: #699df4;
1001
- }
1002
- .bk-link.success {
1003
- color: #2dcb56;
1004
- }
1005
- .bk-link.success.is-disabled {
1006
- color: #94f5a4;
1007
- }
1008
- .bk-link.success:hover {
1009
- color: #45e35f;
1010
- }
1011
- .bk-link.warning {
1012
- color: #ff9c01;
1013
- }
1014
- .bk-link.warning.is-disabled {
1015
- color: #ffd695;
1016
- }
1017
- .bk-link.warning:hover {
1018
- color: #ffb848;
1019
- }
1020
- .bk-link.danger {
1021
- color: #ea3636;
1022
- }
1023
- .bk-link.danger:hover {
1024
- color: #ff5656;
1025
- }
1026
- .bk-link.danger.is-disabled {
1027
- color: #fd9c9c;
1028
- }
1029
- @keyframes loading-scale-animate {
1030
- 0% {
1031
- transform: scale(1);
1032
- }
1033
- 100% {
1034
- transform: scale(0.6);
1035
- }
1036
- }
1037
- @keyframes fade {
1038
- 100% {
1039
- background-color: transparent;
1040
- }
1041
- }
1042
- .bk-fade-transtion .bk-fade-enter-active,
1043
- .bk-fade-transtion .bk-fade-leave-active {
1044
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1045
- }
1046
- .bk-fade-transtion .bk-fade-enter,
1047
- .bk-fade-transtion .bk-fade-leave-to {
1048
- opacity: 0;
1049
- }
1050
- .bk-loading-wrapper {
1051
- position: static;
1052
- display: inline-block;
1053
- font-size: 0;
1054
- }
1055
- .bk-loading-wrapper.bk-nested-loading {
1056
- position: relative;
1057
- }
1058
- .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
1059
- position: absolute;
1060
- top: 50%;
1061
- left: 50%;
1062
- z-index: 4;
1063
- transform: translate(-50%, -50%);
1064
- }
1065
- .bk-loading-wrapper .bk-loading-mask {
1066
- opacity: 0.5;
1067
- }
1068
- .bk-loading-wrapper .bk-loading-mask::after {
1069
- position: absolute;
1070
- top: 0;
1071
- right: 0;
1072
- bottom: 0;
1073
- left: 0;
1074
- z-index: 10;
1075
- width: 100%;
1076
- height: 100%;
1077
- background-color: rgba(255, 255, 255, 0.9);
1078
- content: '';
1079
- }
1080
- .bk-loading-wrapper .bk-loading-indicator {
1081
- font-size: 14px;
1082
- }
1083
- .bk-loading-wrapper .bk-loading-indicator .dot-1 {
1084
- background-color: #ea3636;
1085
- animation-delay: 0.1s;
1086
- }
1087
- .bk-loading-wrapper .bk-loading-indicator .dot-2 {
1088
- background-color: #ff9c01;
1089
- animation-delay: 0.25s;
1090
- }
1091
- .bk-loading-wrapper .bk-loading-indicator .dot-3 {
1092
- background-color: #2dcb56;
1093
- animation-delay: 0.4s;
1094
- }
1095
- .bk-loading-wrapper .bk-loading-indicator .dot-4 {
1096
- background-color: #3a84ff;
1097
- animation-delay: 0.55s;
1098
- margin-right: 0;
1099
- }
1100
- .bk-loading-wrapper .bk-loading-indicator .oval-1 {
1101
- transform: rotate(-135deg);
1102
- animation-delay: 0.6s;
1103
- }
1104
- .bk-loading-wrapper .bk-loading-indicator .oval-2 {
1105
- transform: rotate(-90deg);
1106
- animation-delay: 0.75s;
1107
- }
1108
- .bk-loading-wrapper .bk-loading-indicator .oval-3 {
1109
- transform: rotate(-45deg);
1110
- animation-delay: 0.9s;
1111
- }
1112
- .bk-loading-wrapper .bk-loading-indicator .oval-4 {
1113
- transform: rotate(0deg);
1114
- animation-delay: 1.05s;
1115
- }
1116
- .bk-loading-wrapper .bk-loading-indicator .oval-5 {
1117
- transform: rotate(45deg);
1118
- animation-delay: 1.2s;
1119
- }
1120
- .bk-loading-wrapper .bk-loading-indicator .oval-6 {
1121
- transform: rotate(90deg);
1122
- animation-delay: 1.35s;
1123
- }
1124
- .bk-loading-wrapper .bk-loading-indicator .oval-7 {
1125
- transform: rotate(135deg);
1126
- animation-delay: 1.5s;
1127
- }
1128
- .bk-loading-wrapper .bk-loading-indicator .oval-8 {
1129
- transform: rotate(180deg);
1130
- animation-delay: 1.65s;
1131
- }
1132
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
1133
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
1134
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
1135
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
1136
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
1137
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
1138
- background-color: #2dcb56;
1139
- }
1140
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
1141
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
1142
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
1143
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
1144
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
1145
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
1146
- background-color: #ea3636;
1147
- }
1148
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
1149
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
1150
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
1151
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
1152
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
1153
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
1154
- background-color: #ff9c01;
1155
- }
1156
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
1157
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
1158
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
1159
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
1160
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
1161
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
1162
- background-color: #3a84ff;
1163
- }
1164
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
1165
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
1166
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
1167
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
1168
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
1169
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
1170
- background-color: white;
1171
- }
1172
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
1173
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
1174
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
1175
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
1176
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
1177
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
1178
- background-color: #c4c6cc;
1179
- }
1180
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
1181
- height: 40px;
1182
- }
1183
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
1184
- height: 22px;
1185
- }
1186
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
1187
- width: 6px;
1188
- height: 6px;
1189
- margin-right: 6px;
1190
- }
1191
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
1192
- margin-right: 0;
1193
- }
1194
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {
1195
- width: 4px;
1196
- height: 5px;
1197
- border-radius: 5px;
1198
- transform-origin: center 11px;
1199
- }
1200
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
1201
- font-size: 12px;
1202
- }
1203
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
1204
- height: 52px;
1205
- }
1206
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
1207
- width: 20px;
1208
- height: 20px;
1209
- margin-right: 12px;
1210
- }
1211
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
1212
- margin-right: 0;
1213
- }
1214
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {
1215
- width: 8px;
1216
- height: 12px;
1217
- border-radius: 12px;
1218
- transform-origin: center 26px;
1219
- }
1220
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
1221
- font-size: 14px;
1222
- }
1223
- .bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
1224
- margin-top: 8px;
1225
- font-size: 14px;
1226
- line-height: normal;
1227
- color: #63656e;
1228
- text-align: center;
1229
- }
1230
- .bk-loading-wrapper .bk-loading-indicator .dot {
1231
- display: inline-block;
1232
- width: 14px;
1233
- height: 14px;
1234
- margin-right: 10px;
1235
- border-radius: 50%;
1236
- transform: scale(0.6);
1237
- animation-duration: 0.8s;
1238
- animation-iteration-count: infinite;
1239
- animation-name: loading-scale-animate;
1240
- animation-direction: normal;
1241
- }
1242
- .bk-loading-wrapper .bk-loading-indicator .oval {
1243
- position: absolute;
1244
- width: 6px;
1245
- height: 8px;
1246
- background-color: #63656e;
1247
- border-radius: 8px;
1248
- animation-duration: 1.2s;
1249
- animation-iteration-count: infinite;
1250
- animation-name: fade;
1251
- transform-origin: center 20px;
1252
- animation-direction: normal;
1253
- }
1254
- .bk-modal-wrapper {
1255
- position: absolute;
1256
- top: 50%;
1257
- left: 50%;
1258
- background: #fff;
1259
- transform: translate(-50%, -50%);
1260
- }
1261
- .bk-modal-wrapper .bk-modal-body {
1262
- height: 100%;
1263
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1264
- }
1265
- .bk-popover .bk-popover-reference {
1266
- display: inline-block;
1267
- }
1268
- .bk-popover .bk-popover-content {
1269
- display: none;
1270
- padding: 4px 8px;
1271
- font-size: 13px;
1272
- font-weight: bold;
1273
- color: #fff;
1274
- background: #26323d;
1275
- border-radius: 4px;
1276
- box-sizing: border-box;
1277
- }
1278
- .bk-popover .bk-popover-content[data-theme='dark'] {
1279
- color: #fff;
1280
- background: #26323d;
1281
- }
1282
- .bk-popover .bk-popover-content[data-theme='light'] {
1283
- color: #26323d;
1284
- background-color: #fff;
1285
- box-shadow: 0 0 6px 0 #dcdee5;
1286
- }
1287
- .bk-popover .bk-popover-content[data-theme='light'][data-show] {
1288
- box-shadow: 0 0 6px 0 #dcdee5;
1289
- }
1290
- .bk-popover .bk-popover-content[data-show] {
1291
- display: block;
1292
- }
1293
- .bk-popover .bk-popover-content .arrow {
1294
- position: absolute;
1295
- width: 8px;
1296
- height: 8px;
1297
- background: inherit;
1298
- visibility: hidden;
1299
- }
1300
- .bk-popover .bk-popover-content .arrow::before {
1301
- position: absolute;
1302
- width: 8px;
1303
- height: 8px;
1304
- background: inherit;
1305
- content: '';
1306
- visibility: visible;
1307
- transform: rotate(45deg);
1308
- }
1309
- .bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
1310
- bottom: -4px;
1311
- }
1312
- .bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
1313
- top: -4px;
1314
- }
1315
- .bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
1316
- right: 0;
1317
- }
1318
- .bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
1319
- left: -8px;
1320
- }
1321
- @keyframes loading-scale-animate {
1322
- 0% {
1323
- transform: scale(1);
1324
- }
1325
- 100% {
1326
- transform: scale(0.6);
1327
- }
1328
- }
1329
- @keyframes fade {
1330
- 100% {
1331
- background-color: transparent;
1332
- }
1333
- }
1334
- .bk-fade-transtion .bk-fade-enter-active,
1335
- .bk-fade-transtion .bk-fade-leave-active {
1336
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1337
- }
1338
- .bk-fade-transtion .bk-fade-enter,
1339
- .bk-fade-transtion .bk-fade-leave-to {
1340
- opacity: 0;
1341
- }
1342
- .bk-progress {
1343
- display: inline-block;
1344
- }
1345
- .bk-progress .progress-outer {
1346
- display: flex;
1347
- width: 100%;
1348
- align-items: center;
1349
- }
1350
- .bk-progress .progress-bar {
1351
- position: relative;
1352
- width: 100%;
1353
- height: 4px;
1354
- text-align: center;
1355
- vertical-align: middle;
1356
- background: #f0f1f5;
1357
- border-radius: 50px;
1358
- }
1359
- .bk-progress .progress-bar.bk-progress-small {
1360
- height: 2px;
1361
- }
1362
- .bk-progress .progress-bar.bk-progress-normal {
1363
- height: 4px;
1364
- }
1365
- .bk-progress .progress-bar.bk-progress-large {
1366
- height: 12px;
1367
- }
1368
- .bk-progress .progress-inner {
1369
- position: absolute;
1370
- top: 0;
1371
- left: 0;
1372
- width: 50%;
1373
- height: 100%;
1374
- border-radius: 50px;
1375
- transition: width 0.5s ease;
1376
- }
1377
- .bk-progress .progress-inner.bk-primary {
1378
- background: #3a84ff;
1379
- }
1380
- .bk-progress .progress-inner.bk-success {
1381
- background: #2dcb56;
1382
- }
1383
- .bk-progress .progress-inner.bk-warning {
1384
- background: #ff9c01;
1385
- }
1386
- .bk-progress .progress-inner.bk-danger {
1387
- background: #ea3636;
1388
- }
1389
- .bk-progress .inner-text {
1390
- width: 100%;
1391
- height: 100%;
1392
- color: #fff;
1393
- text-align: center;
1394
- }
1395
- .bk-progress .progress-text {
1396
- width: 7%;
1397
- text-align: center;
1398
- }
1399
- .bk-progress .process-circle-trail {
1400
- stroke: #f5f5f5;
1401
- }
1402
- .bk-progress .progress-circle-text {
1403
- position: absolute;
1404
- top: 50%;
1405
- left: 0;
1406
- width: 100%;
1407
- margin: 0;
1408
- text-align: center;
1409
- transform: translateY(-50%);
1410
- }
1411
- .bk-progress-line {
1412
- width: 100%;
1413
- }
1414
- .bk-progress-circle,
1415
- .bk-progress-dashboard {
1416
- position: relative;
1417
- }
1418
- .bk-radio {
1419
- display: inline-block;
1420
- margin-right: 30px;
1421
- font-size: 12px;
1422
- font-weight: normal;
1423
- line-height: 1;
1424
- letter-spacing: normal;
1425
- color: #63656e;
1426
- white-space: nowrap;
1427
- cursor: pointer;
1428
- outline: none;
1429
- user-select: none;
1430
- }
1431
- .bk-radio:last-child {
1432
- margin-right: 0;
1433
- }
1434
- .bk-radio.is-checked .bk-radio-input {
1435
- padding: 3px;
1436
- color: #3a84ff;
1437
- background-color: #3a84ff;
1438
- border-color: #3a84ff;
1439
- }
1440
- .bk-radio.is-disabled {
1441
- color: #dcdee5;
1442
- cursor: not-allowed;
1443
- }
1444
- .bk-radio.is-disabled.is-checked .bk-radio-input {
1445
- background-color: #dcdee5;
1446
- }
1447
- .bk-radio.is-disabled .bk-radio-input {
1448
- cursor: not-allowed;
1449
- border-color: #dcdee5;
1450
- }
1451
- .bk-radio.is-disabled .bk-radio-text {
1452
- cursor: not-allowed;
1453
- }
1454
- .bk-radio.is-focus .bk-radio-input {
1455
- border-color: #3a84ff;
1456
- }
1457
- .bk-radio .bk-radio-text {
1458
- font-size: 12px;
1459
- font-style: normal;
1460
- font-weight: normal;
1461
- color: #63656e;
1462
- vertical-align: middle;
1463
- cursor: pointer;
1464
- }
1465
- .bk-radio .bk-radio-input {
1466
- position: relative;
1467
- display: inline-block;
1468
- width: 16px;
1469
- height: 16px;
1470
- margin: 0 5px 0 0;
1471
- color: #fff;
1472
- vertical-align: middle;
1473
- cursor: pointer;
1474
- background-color: #fff;
1475
- border: 1px solid #63656e;
1476
- border-radius: 50%;
1477
- outline: none;
1478
- visibility: visible;
1479
- transition: all 0.3s;
1480
- background-clip: content-box;
1481
- appearance: none;
1482
- }
1483
- .bk-radio-button {
1484
- position: relative;
1485
- z-index: 1;
1486
- display: inline-block;
1487
- font-size: 0;
1488
- font-weight: normal;
1489
- line-height: 1;
1490
- letter-spacing: normal;
1491
- color: #63656e;
1492
- white-space: nowrap;
1493
- cursor: pointer;
1494
- outline: none;
1495
- opacity: 1;
1496
- user-select: none;
1497
- }
1498
- .bk-radio-button:nth-child(n+2) {
1499
- margin-left: -1px;
1500
- }
1501
- .bk-radio-button:first-child .bk-radio-button-text {
1502
- border-bottom-left-radius: 2px;
1503
- border-top-left-radius: 2px;
1504
- }
1505
- .bk-radio-button:last-child .bk-radio-button-text {
1506
- border-top-right-radius: 2px;
1507
- border-bottom-right-radius: 2px;
1508
- }
1509
- .bk-radio-button.is-checked {
1510
- z-index: 2;
1511
- }
1512
- .bk-radio-button.is-checked .bk-radio-button-text {
1513
- color: #fff;
1514
- background: #3a84ff;
1515
- border-color: #3a84ff;
1516
- }
1517
- .bk-radio-button.is-disabled {
1518
- z-index: 0;
1519
- color: #dcdee5;
1520
- cursor: not-allowed;
1521
- }
1522
- .bk-radio-button.is-disabled .bk-radio-button-text {
1523
- cursor: not-allowed;
1524
- background: #dcdee5;
1525
- border-color: #dcdee5;
1526
- }
1527
- .bk-radio-button.is-focus .bk-radio-button-text {
1528
- border-color: #3a84ff;
1529
- }
1530
- .bk-radio-button .bk-radio-button-input {
1531
- position: absolute;
1532
- z-index: -1;
1533
- outline: none;
1534
- opacity: 0;
1535
- }
1536
- .bk-radio-button .bk-radio-button-text {
1537
- height: 32px;
1538
- padding: 0 18px;
1539
- font-size: 12px;
1540
- font-style: normal;
1541
- font-weight: normal;
1542
- line-height: 32px;
1543
- color: #63656e;
1544
- text-align: center;
1545
- vertical-align: middle;
1546
- cursor: pointer;
1547
- border: 1px solid #63656e;
1548
- transition: all 0.3s;
1549
- }
1550
- .bk-rate {
1551
- position: relative;
1552
- }
1553
- .bk-rate .bk-score-real {
1554
- position: absolute;
1555
- top: 0;
1556
- left: 0;
1557
- display: flex;
1558
- overflow: hidden;
1559
- }
1560
- .bk-rate-stars {
1561
- padding: 0;
1562
- margin: 0;
1563
- }
1564
- .bk-rate-stars .bk-is-edit {
1565
- cursor: pointer;
1566
- }
1567
- .bk-rate-stars:after {
1568
- display: table;
1569
- clear: both;
1570
- content: '';
1571
- }
1572
- .bk-rate-stars .bk-rate-star {
1573
- float: left;
1574
- margin-right: 3px;
1575
- enable-background: new 0 0 64 64;
1576
- fill: #c5c7d1;
1577
- }
1578
- .bk-rate-stars .bk-rate-star.bk-is-select {
1579
- fill: #ffb848;
1580
- }
1581
- .bk-rate-stars .bk-rate-star:last-child {
1582
- margin-right: 0;
1583
- }
1584
- .bk-select {
1585
- display: inline-block;
1586
- }
1587
- .bk-select .input-right-icon {
1588
- position: absolute;
1589
- top: 6px;
1590
- right: 4px;
1591
- }
1592
- .bk-select .input-left-icon {
1593
- position: absolute;
1594
- top: 6px;
1595
- left: 4px;
1596
- }
1597
- .bk-select.is-focus .bk-select-trigger .bk-select-input {
1598
- border-color: #3a84ff;
1599
- box-shadow: 0px 0px 3px 0px #a3c5fd;
1600
- }
1601
- .bk-select.is-disabled .bk-select-trigger .bk-select-input {
1602
- cursor: not-allowed;
1603
- background: #fafbfd;
1604
- border-color: #dcdee5;
1605
- box-shadow: unset;
1606
- }
1607
- .bk-select.popover-show .bk-select-trigger .angle-up {
1608
- transform: rotate(0);
1609
- }
1610
- .bk-select .bk-select-trigger {
1611
- position: relative;
1612
- cursor: pointer;
1613
- }
1614
- .bk-select .bk-select-trigger .bk-select-input {
1615
- height: 32px;
1616
- padding: 0 28px 0 10px;
1617
- font-size: 12px;
1618
- line-height: normal;
1619
- color: #63656e;
1620
- text-align: left;
1621
- vertical-align: middle;
1622
- cursor: pointer;
1623
- background-color: white;
1624
- border: 1px solid #c4c6cc;
1625
- border-radius: 2px;
1626
- outline: none;
1627
- box-sizing: border-box;
1628
- transition: all 0.1s;
1629
- resize: none;
1630
- }
1631
- .bk-select .bk-select-trigger .bk-select-input::placeholder {
1632
- color: #c4c6cc;
1633
- }
1634
- .bk-select .bk-select-trigger .bk-select-prefix {
1635
- position: absolute;
1636
- top: 6px;
1637
- left: 4px;
1638
- }
1639
- .bk-select .bk-select-trigger .angle-up {
1640
- transform: rotate(180deg);
1641
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1642
- display: flex;
1643
- align-items: center;
1644
- justify-content: center;
1645
- width: 20px;
1646
- height: 20px;
1647
- font-size: 20px;
1648
- color: #979ba5;
1649
- position: absolute;
1650
- top: 6px;
1651
- right: 4px;
1652
- }
1653
- .bk-select .bk-select-trigger .clear-icon {
1654
- transition: all 0.1s;
1655
- display: flex;
1656
- align-items: center;
1657
- justify-content: center;
1658
- width: 20px;
1659
- height: 20px;
1660
- font-size: 14px;
1661
- color: #c4c6cc;
1662
- position: absolute;
1663
- top: 6px;
1664
- right: 4px;
1665
- }
1666
- .bk-select .bk-select-trigger .clear-icon:hover {
1667
- color: #979ba5;
1668
- }
1669
- .bk-select .bk-select-option {
1670
- height: 32px;
1671
- padding: 0 16px;
1672
- margin: 0 -8px;
1673
- font-weight: normal;
1674
- line-height: 32px;
1675
- color: #63656e;
1676
- text-align: left;
1677
- list-style: none;
1678
- cursor: pointer;
1679
- user-select: none;
1680
- }
1681
- .bk-select .bk-select-option:hover {
1682
- color: #3a84ff;
1683
- background-color: #eaf3ff;
1684
- }
1685
- .bk-select .bk-select-option.is-selected {
1686
- color: #3a84ff;
1687
- background-color: #f4f6fa;
1688
- }
1689
- .bk-select .bk-select-option.is-selected.is-multiple::after {
1690
- position: absolute;
1691
- right: 20px;
1692
- font-size: 12px;
1693
- font-weight: 700;
1694
- content: '\2713';
1695
- }
1696
- .bk-select .bk-select-option.is-disabled {
1697
- color: #c4c6cc;
1698
- cursor: not-allowed;
1699
- background-color: transparent;
1700
- }
1701
- .bk-modal-wrapper.bk-sideslider-wrapper {
1702
- position: fixed;
1703
- top: 0;
1704
- bottom: 0;
1705
- left: auto;
1706
- background: #fff;
1707
- transform: initial;
1708
- box-shadow: -5px 0 8px -5px rgba(0, 0, 0, 0.2);
1709
- }
1710
- .bk-modal-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {
1711
- overflow: auto;
1712
- }
1713
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header {
1714
- width: 100%;
1715
- height: 60px;
1716
- background: #fff;
1717
- border-bottom: 1px solid #dcdee5;
1718
- }
1719
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close {
1720
- position: absolute;
1721
- top: 0;
1722
- width: 30px;
1723
- height: 60px;
1724
- font-size: 24px;
1725
- line-height: 60px;
1726
- color: #fff;
1727
- text-align: center;
1728
- cursor: pointer;
1729
- background-color: #3a84ff;
1730
- }
1731
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right {
1732
- left: 0;
1733
- }
1734
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
1735
- top: 50%;
1736
- left: 50%;
1737
- display: inline-block;
1738
- width: 8px;
1739
- height: 8px;
1740
- border-top: solid 2px #fff;
1741
- border-right: solid 2px #fff;
1742
- content: '';
1743
- transform: translate(-50%, -50%) rotate(45deg);
1744
- }
1745
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left {
1746
- right: 0;
1747
- }
1748
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
1749
- top: 50%;
1750
- left: 50%;
1751
- display: inline-block;
1752
- width: 8px;
1753
- height: 8px;
1754
- border-top: solid 2px #fff;
1755
- border-left: solid 2px #fff;
1756
- content: '';
1757
- transform: translate(50%, -50%) rotate(-45deg);
1758
- }
1759
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
1760
- height: 60px;
1761
- padding-left: 30px;
1762
- font-size: 16px;
1763
- font-weight: 700;
1764
- line-height: 60px;
1765
- color: #666;
1766
- }
1767
- .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
1768
- padding: 0px 0px 0px 50px;
1769
- }
1770
- @keyframes loading-scale-animate {
1771
- 0% {
1772
- transform: scale(1);
1773
- }
1774
- 100% {
1775
- transform: scale(0.6);
1776
- }
1777
- }
1778
- @keyframes fade {
1779
- 100% {
1780
- background-color: transparent;
1781
- }
1782
- }
1783
- .bk-fade-transtion .bk-fade-enter-active,
1784
- .bk-fade-transtion .bk-fade-leave-active {
1785
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1786
- }
1787
- .bk-fade-transtion .bk-fade-enter,
1788
- .bk-fade-transtion .bk-fade-leave-to {
1789
- opacity: 0;
1790
- }
1791
- .bk-switcher {
1792
- position: relative;
1793
- display: inline-block;
1794
- /* 默认尺寸 */
1795
- width: 36px;
1796
- height: 20px;
1797
- line-height: 20px;
1798
- text-align: left;
1799
- vertical-align: middle;
1800
- background-color: #c4c6cc;
1801
- border-radius: 50px;
1802
- transition: all 0.4s ease;
1803
- /* 显示文本时固定尺寸 */
1804
- }
1805
- .bk-switcher:focus {
1806
- box-shadow: 0px 0px 6px #c4c6cc;
1807
- }
1808
- .bk-switcher:after {
1809
- position: absolute;
1810
- top: 2px;
1811
- left: 2px;
1812
- display: block;
1813
- width: 24px;
1814
- height: 24px;
1815
- cursor: pointer;
1816
- background: #fff;
1817
- border-radius: 100px;
1818
- content: '';
1819
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
1820
- transition: all 0.3s ease;
1821
- }
1822
- .bk-switcher:not(.show-label):after {
1823
- width: 16px;
1824
- height: 16px;
1825
- }
1826
- .bk-switcher:not(.show-label).is-checked:after {
1827
- margin-left: -18px;
1828
- }
1829
- .bk-switcher.is-loading {
1830
- cursor: defalt;
1831
- }
1832
- .bk-switcher.is-loading input[type=checkbox] {
1833
- cursor: default;
1834
- }
1835
- .bk-switcher .bk-switcher-loading {
1836
- position: absolute;
1837
- top: 50%;
1838
- left: 1px;
1839
- z-index: 10;
1840
- display: flex;
1841
- width: 18px;
1842
- height: 18px;
1843
- transform: translateY(-50%);
1844
- }
1845
- .bk-switcher .bk-switcher-loading svg {
1846
- color: #3a84ff;
1847
- }
1848
- .bk-switcher .switcher-label {
1849
- display: none;
1850
- width: 30px;
1851
- height: 28px;
1852
- margin: 0 0 0 26px;
1853
- font-size: 12px;
1854
- font-weight: normal;
1855
- color: #fff;
1856
- text-align: center;
1857
- vertical-align: top;
1858
- transition: all ease 0.3s;
1859
- }
1860
- .bk-switcher .switcher-label .on-text {
1861
- display: none;
1862
- }
1863
- .bk-switcher .switcher-label .off-text {
1864
- display: inline-block;
1865
- }
1866
- .bk-switcher.show-label {
1867
- width: 60px;
1868
- height: 28px;
1869
- line-height: 28px;
1870
- }
1871
- .bk-switcher.show-label .switcher-label {
1872
- display: inline-block;
1873
- }
1874
- .bk-switcher.show-label .bk-switcher-loading {
1875
- width: 26px;
1876
- height: 26px;
1877
- align-items: center;
1878
- justify-content: center;
1879
- }
1880
- .bk-switcher.show-label .bk-switcher-loading svg {
1881
- font-size: 24px;
1882
- }
1883
- .bk-switcher.is-disabled {
1884
- cursor: default;
1885
- /* background-color: #eee !important; */
1886
- opacity: 0.3;
1887
- }
1888
- .bk-switcher.is-disabled input[type=checkbox] {
1889
- cursor: not-allowed;
1890
- }
1891
- .bk-switcher.is-checked {
1892
- background: #2dcb56;
1893
- }
1894
- .bk-switcher.is-checked:focus {
1895
- box-shadow: 0px 0px 6px #2dcb56;
1896
- }
1897
- .bk-switcher.is-checked.primary {
1898
- background: #3a84ff;
1899
- }
1900
- .bk-switcher.is-checked.primary:focus {
1901
- box-shadow: 0px 0px 6px #3a84ff;
1902
- }
1903
- .bk-switcher.is-checked:after {
1904
- top: 2px;
1905
- left: 100%;
1906
- margin-left: -26px;
1907
- }
1908
- .bk-switcher.is-checked .switcher-label {
1909
- margin-left: 4px;
1910
- }
1911
- .bk-switcher.is-checked .switcher-label .on-text {
1912
- display: inline-block;
1913
- }
1914
- .bk-switcher.is-checked .switcher-label .off-text {
1915
- display: none;
1916
- }
1917
- .bk-switcher.is-checked .bk-switcher-loading {
1918
- right: 1px;
1919
- left: auto;
1920
- }
1921
- .bk-switcher.bk-switcher-outline {
1922
- background: #fff;
1923
- border: 1px solid #c4c6cc;
1924
- }
1925
- .bk-switcher.bk-switcher-outline:after {
1926
- width: 22px;
1927
- height: 22px;
1928
- background-color: #c4c6cc;
1929
- box-shadow: none;
1930
- }
1931
- .bk-switcher.bk-switcher-outline .switcher-label {
1932
- height: 26px;
1933
- margin-left: 24px;
1934
- color: #c4c6cc;
1935
- }
1936
- .bk-switcher.bk-switcher-outline .bk-switcher-loading {
1937
- width: 22px;
1938
- height: 22px;
1939
- align-items: center;
1940
- justify-content: center;
1941
- }
1942
- .bk-switcher.bk-switcher-outline.is-checked {
1943
- border: 1px solid #2dcb56;
1944
- }
1945
- .bk-switcher.bk-switcher-outline.is-checked:after {
1946
- margin-left: -24px;
1947
- background-color: #2dcb56;
1948
- }
1949
- .bk-switcher.bk-switcher-outline.is-checked .switcher-label {
1950
- margin-left: 4px;
1951
- color: #2dcb56;
1952
- }
1953
- .bk-switcher.bk-switcher-outline.is-disabled {
1954
- background-color: #fff;
1955
- border-color: #eee;
1956
- }
1957
- .bk-switcher.bk-switcher-outline.is-disabled .switcher-label {
1958
- color: #eee;
1959
- }
1960
- .bk-switcher.bk-switcher-outline.is-disabled:after {
1961
- background-color: #eee;
1962
- }
1963
- .bk-switcher.bk-switcher-outline.bk-switcher-large:after {
1964
- width: 18px;
1965
- height: 18px;
1966
- }
1967
- .bk-switcher.bk-switcher-outline.bk-switcher-large.is-checked:after {
1968
- margin-left: -20px;
1969
- }
1970
- .bk-switcher.bk-switcher-square {
1971
- border-radius: 2px;
1972
- }
1973
- .bk-switcher.bk-switcher-square:after {
1974
- border-radius: 2px;
1975
- }
1976
- .bk-switcher.bk-switcher-square .switcher-label {
1977
- width: 35px;
1978
- }
1979
- .bk-switcher.bk-switcher-large {
1980
- width: 42px;
1981
- height: 24px;
1982
- line-height: 22px;
1983
- border-radius: 12px;
1984
- }
1985
- .bk-switcher.bk-switcher-large:after {
1986
- width: 20px;
1987
- height: 20px;
1988
- }
1989
- .bk-switcher.bk-switcher-large.is-checked:after {
1990
- top: 2px;
1991
- left: 100%;
1992
- margin-left: -22px;
1993
- }
1994
- .bk-switcher.bk-switcher-large .bk-switcher-loading {
1995
- width: 22px;
1996
- height: 22px;
1997
- }
1998
- .bk-switcher.bk-switcher-small {
1999
- width: 26px;
2000
- height: 16px;
2001
- line-height: 22px;
2002
- }
2003
- .bk-switcher.bk-switcher-small:after {
2004
- width: 12px;
2005
- height: 12px;
2006
- }
2007
- .bk-switcher.bk-switcher-small.is-checked:after {
2008
- top: 2px;
2009
- left: 100%;
2010
- margin-left: -14px;
2011
- }
2012
- .bk-switcher.bk-switcher-small .bk-switcher-loading {
2013
- width: 14px;
2014
- height: 14px;
2015
- }
2016
- .bk-switcher input[type=checkbox],
2017
- .bk-switcher input[type=radio] {
2018
- position: absolute;
2019
- top: 0;
2020
- left: 0;
2021
- z-index: 1;
2022
- width: 100%;
2023
- height: 100%;
2024
- margin: 0;
2025
- cursor: pointer;
2026
- opacity: 0;
2027
- }
2028
- * {
2029
- box-sizing: border-box;
2030
- }
2031
- @keyframes loadingCircle {
2032
- 100% {
2033
- transform: rotate(360deg);
2034
- }
2035
- }
2036
- .bk-steps {
2037
- display: flex;
2038
- width: 100%;
2039
- font-size: 0;
2040
- }
2041
- .bk-steps .icon-circle-4-1 {
2042
- width: 12px;
2043
- height: 12px;
2044
- border: 2px solid #fff;
2045
- border-right: 0;
2046
- border-bottom: 0;
2047
- border-left: 0;
2048
- border-radius: 7px;
2049
- }
2050
- .bk-steps .bk-icon {
2051
- font-size: 24px;
2052
- line-height: 24px;
2053
- }
2054
- .bk-steps .bk-icon.icon-loading {
2055
- display: inline-block;
2056
- font-size: 14px;
2057
- animation: loadingCircle 1s infinite linear;
2058
- }
2059
- .bk-steps .bk-step {
2060
- position: relative;
2061
- margin-right: 8px;
2062
- overflow: hidden;
2063
- text-align: left;
2064
- white-space: nowrap;
2065
- flex: 1;
2066
- }
2067
- .bk-steps .bk-step .bk-step-indicator {
2068
- z-index: 1;
2069
- display: inline-flex;
2070
- width: 24px;
2071
- height: 24px;
2072
- padding: 0;
2073
- margin-right: 8px;
2074
- line-height: 24px;
2075
- color: #979ba5;
2076
- text-align: center;
2077
- vertical-align: top;
2078
- background-color: #fff;
2079
- border: 1px solid #979ba5;
2080
- border-radius: 50%;
2081
- box-sizing: border-box;
2082
- align-items: center;
2083
- justify-content: center;
2084
- }
2085
- .bk-steps .bk-step .bk-step-number {
2086
- font-family: arial;
2087
- font-size: 14px;
2088
- }
2089
- .bk-steps .bk-step .bk-step-content {
2090
- display: inline-block;
2091
- vertical-align: top;
2092
- }
2093
- .bk-steps .bk-step .bk-step-title {
2094
- position: relative;
2095
- display: inline-block;
2096
- padding-right: 8px;
2097
- font-size: 14px;
2098
- line-height: 24px;
2099
- color: #63656e;
2100
- word-break: break-all;
2101
- }
2102
- .bk-steps .bk-step .bk-step-title::after {
2103
- position: absolute;
2104
- top: 12px;
2105
- left: 100%;
2106
- width: 99999px;
2107
- height: 1px;
2108
- background-color: transparent;
2109
- content: '';
2110
- }
2111
- .bk-steps .bk-step .bk-step-description {
2112
- max-width: 140px;
2113
- font-size: 12px;
2114
- color: #979ba5;
2115
- white-space: normal;
2116
- }
2117
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator {
2118
- margin-right: 0;
2119
- }
2120
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2121
- position: absolute;
2122
- top: 12px;
2123
- left: 100%;
2124
- width: 99999px;
2125
- height: 1px;
2126
- background-color: transparent;
2127
- content: '';
2128
- }
2129
- .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2130
- top: 10px;
2131
- left: 32px;
2132
- }
2133
- .bk-steps .bk-step:last-child {
2134
- margin-right: 0;
2135
- flex: none;
2136
- }
2137
- .bk-steps .bk-step:last-child .bk-step-title {
2138
- padding-right: 0;
2139
- }
2140
- .bk-steps .bk-step:last-child .bk-step-title::after {
2141
- display: none;
2142
- }
2143
- .bk-steps .bk-step.done .bk-step-title,
2144
- .bk-steps .bk-step.done .bk-step-description {
2145
- color: #63656e;
2146
- }
2147
- .bk-steps .bk-step.current .bk-step-number,
2148
- .bk-steps .bk-step.current .bk-step-icon,
2149
- .bk-steps .bk-step.current .bk-step-text {
2150
- border-width: 2px;
2151
- }
2152
- .bk-steps .bk-step.current .bk-step-title,
2153
- .bk-steps .bk-step.current .bk-step-description {
2154
- color: #63656e;
2155
- }
2156
- .bk-steps .bk-step.current.bk-step-error .bk-step-indicator {
2157
- background-color: #ea3636;
2158
- border-color: #ea3636;
2159
- }
2160
- .bk-steps .bk-step.current.bk-step-error .bk-step-title,
2161
- .bk-steps .bk-step.current.bk-step-error .bk-step-description {
2162
- color: #ea3636;
2163
- }
2164
- .bk-steps-primary .bk-step.done .bk-step-number,
2165
- .bk-steps-primary .bk-step.done .bk-step-icon,
2166
- .bk-steps-primary .bk-step.done .bk-step-text {
2167
- color: #3a84ff;
2168
- border-color: #3a84ff;
2169
- }
2170
- .bk-steps-primary .bk-step.done .bk-step-title::after,
2171
- .bk-steps-primary .bk-step.done .bk-step-indicator::after {
2172
- background-image: linear-gradient(to right, #3a84ff 50%, transparent 0%);
2173
- }
2174
- .bk-steps-primary .bk-step.done::after {
2175
- background-image: linear-gradient(#3a84ff 50%, transparent 0%);
2176
- }
2177
- .bk-steps-primary .bk-step.current .bk-step-number,
2178
- .bk-steps-primary .bk-step.current .bk-step-icon,
2179
- .bk-steps-primary .bk-step.current .bk-step-text {
2180
- color: #fff;
2181
- background-color: #3a84ff;
2182
- border-color: #3a84ff;
2183
- }
2184
- .bk-steps-warning .bk-step.done .bk-step-number,
2185
- .bk-steps-warning .bk-step.done .bk-step-icon,
2186
- .bk-steps-warning .bk-step.done .bk-step-text {
2187
- color: #ff9c01;
2188
- border-color: #ff9c01;
2189
- }
2190
- .bk-steps-warning .bk-step.done .bk-step-title::after,
2191
- .bk-steps-warning .bk-step.done .bk-step-indicator::after {
2192
- background-image: linear-gradient(to right, #ff9c01 50%, transparent 0%);
2193
- }
2194
- .bk-steps-warning .bk-step.done::after {
2195
- background-image: linear-gradient(#ff9c01 50%, transparent 0%);
2196
- }
2197
- .bk-steps-warning .bk-step.current .bk-step-number,
2198
- .bk-steps-warning .bk-step.current .bk-step-icon,
2199
- .bk-steps-warning .bk-step.current .bk-step-text {
2200
- color: #fff;
2201
- background-color: #ff9c01;
2202
- border-color: #ff9c01;
2203
- }
2204
- .bk-steps-success .bk-step.done .bk-step-number,
2205
- .bk-steps-success .bk-step.done .bk-step-icon,
2206
- .bk-steps-success .bk-step.done .bk-step-text {
2207
- color: #2dcb56;
2208
- border-color: #2dcb56;
2209
- }
2210
- .bk-steps-success .bk-step.done .bk-step-title::after,
2211
- .bk-steps-success .bk-step.done .bk-step-indicator::after {
2212
- background-image: linear-gradient(to right, #2dcb56 50%, transparent 0%);
2213
- }
2214
- .bk-steps-success .bk-step.done::after {
2215
- background-image: linear-gradient(#2dcb56 50%, transparent 0%);
2216
- }
2217
- .bk-steps-success .bk-step.current .bk-step-number,
2218
- .bk-steps-success .bk-step.current .bk-step-icon,
2219
- .bk-steps-success .bk-step.current .bk-step-text {
2220
- color: #fff;
2221
- background-color: #2dcb56;
2222
- border-color: #2dcb56;
2223
- }
2224
- .bk-steps-danger .bk-step.done .bk-step-number,
2225
- .bk-steps-danger .bk-step.done .bk-step-icon,
2226
- .bk-steps-danger .bk-step.done .bk-step-text {
2227
- color: #ea3636;
2228
- border-color: #ea3636;
2229
- }
2230
- .bk-steps-danger .bk-step.done .bk-step-title::after,
2231
- .bk-steps-danger .bk-step.done .bk-step-indicator::after {
2232
- background-image: linear-gradient(to right, #ea3636 50%, transparent 0%);
2233
- }
2234
- .bk-steps-danger .bk-step.done::after {
2235
- background-image: linear-gradient(#ea3636 50%, transparent 0%);
2236
- }
2237
- .bk-steps-danger .bk-step.current .bk-step-number,
2238
- .bk-steps-danger .bk-step.current .bk-step-icon,
2239
- .bk-steps-danger .bk-step.current .bk-step-text {
2240
- color: #fff;
2241
- background-color: #ea3636;
2242
- border-color: #ea3636;
2243
- }
2244
- .bk-steps-dashed .bk-step .bk-step-title::after,
2245
- .bk-steps-dashed .bk-step .bk-step-indicator::after {
2246
- background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
2247
- background-position: bottom;
2248
- background-repeat: repeat-x;
2249
- background-size: 6px 1px;
2250
- }
2251
- .bk-steps-solid .bk-step .bk-step-title::after,
2252
- .bk-steps-solid .bk-step .bk-step-indicator::after {
2253
- background-color: #c4c6cc;
2254
- }
2255
- .bk-steps-vertical {
2256
- flex-direction: column;
2257
- height: 100%;
2258
- }
2259
- .bk-steps-vertical .bk-step {
2260
- margin-right: 0;
2261
- margin-bottom: 8px;
2262
- }
2263
- .bk-steps-vertical .bk-step .bk-step-title::after,
2264
- .bk-steps-vertical .bk-step .bk-step-indicator::after {
2265
- display: none;
2266
- }
2267
- .bk-steps-vertical .bk-step::after {
2268
- position: absolute;
2269
- top: 32px;
2270
- left: 12px;
2271
- width: 1px;
2272
- height: 100%;
2273
- background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
2274
- background-position: right;
2275
- background-repeat: repeat-y;
2276
- background-size: 1px 6px;
2277
- content: '';
2278
- }
2279
- .bk-steps-vertical .bk-step .bk-step-title {
2280
- display: flex;
2281
- height: 100%;
2282
- margin-top: 0;
2283
- text-align: left;
2284
- align-items: center;
2285
- }
2286
- .bk-steps-small .bk-step .bk-step-indicator {
2287
- width: 20px;
2288
- height: 20px;
2289
- line-height: 20px;
2290
- }
2291
- .bk-steps-small .bk-step .bk-step-title {
2292
- font-size: 12px;
2293
- line-height: 20px;
2294
- }
2295
- .bk-steps-small .bk-step .bk-step-number {
2296
- font-size: 1px;
2297
- }
2298
- .bk-steps-small .bk-step .bk-icon {
2299
- font-size: 20px;
2300
- line-height: 24px;
2301
- }
2302
- .bk-steps-small .bk-step::after {
2303
- top: 28px;
2304
- left: 10px;
2305
- }
2306
- .bk-steps-small .bk-step .bk-step-title::after {
2307
- top: 10px;
2308
- }
2309
- .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
2310
- top: 8px;
2311
- left: 28px;
2312
- }
2313
- .bk-message {
2314
- position: fixed;
2315
- top: 20px;
2316
- left: 50%;
2317
- display: flex;
2318
- min-width: 300px;
2319
- padding: 10px 15px;
2320
- font-size: 14px;
2321
- color: #63656e;
2322
- background: #f0f8ff;
2323
- border: 1px solid #e1ecff;
2324
- border-radius: 2px;
2325
- transform: translateX(-50%);
2326
- box-shadow: 0px 2px 4px 0px rgba(16, 37, 74, 0.1);
2327
- justify-content: space-between;
2328
- }
2329
- .bk-message .bk-message-close {
2330
- padding-left: 20px;
2331
- cursor: pointer;
2332
- }
2333
- .bk-message-primary {
2334
- background: #f0f8ff;
2335
- border: 1px solid #e1ecff;
2336
- }
2337
- .bk-message-warning {
2338
- background: #fff4e2;
2339
- border: 1px solid #ffe8c3;
2340
- }
2341
- .bk-message-success {
2342
- background: #f2fff4;
2343
- border: 1px solid #dcffe2;
2344
- }
2345
- .bk-message-danger {
2346
- background: #ffeded;
2347
- border: 1px solid #ffdddd;
2348
- }
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 .icon-close{font-size:17px}.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-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}.bk-button.bk-button-large{height:38px;padding:8px 20px}.bk-button .bk-button-text{display:inline-flex;align-items:center;line-height:1}.bk-button:not(.is-text) .bk-button-loading:not(:last-child){margin-right:6px}.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}.bk-button-group.bk-button-group-large .bk-button{height:38px;padding:8px 20px}.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: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-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;margin-right:30px;font-size:14px;line-height:18px;letter-spacing:normal;color:#63656e;cursor:pointer;user-select:none}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:1px;left:5px;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:scaleY(1) rotate(45deg);transform-origin:center}.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-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%)}.bk-modal-wrapper .bk-modal-outside{position:fixed;top:0;right:0;bottom:0;left:0}.bk-modal-wrapper.bk-model-fullscreen{width:100%;height:100%;background:#fff;box-shadow:0 4px 12px #00000026}.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 .bk-dialog-tool .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-tool .close-icon{display:none}.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-modal-content{height:calc(100% - 132px);padding:3px 24px 26px;margin-bottom: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{width:100%;min-height:70px;font-size:12px;line-height:20px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s}.bk-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;vertical-align:middle;border:0;outline:none;resize:none}.bk-textarea--max-length{padding-right:10px;margin:0;text-align:right}.bk-textarea--max-length span{color:#979ba5}.bk-input{display:flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.bk-input:hover .show-clear-only-hover{display:block}.bk-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.bk-input--suffix-icon{padding-right:10px;font-size:16px;line-height:1;color:#c4c6cc;align-self:center}.bk-input--suffix-icon.show-clear-only-hover{display:none}.bk-input--large{height:38px;font-size:14px}.bk-input--large .bk-input--max-length{font-size:16px}.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-disabled input,.bk-input.is-readonly input{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-input.is-readonly input{cursor:auto}.bk-input--prefix-area,.bk-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f4f6fa;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}.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{width:26px;height:100%;font-size:0;flex-direction:column;user-select:none}.bk-input--number-control span{display:block;height:50%;overflow:hidden;line-height:1;color:#c4c6cc;text-align:center}.bk-input--number-control svg{font-size:16px}.bk-input--number-control span:first-child{transform:rotate(180deg)}.bk-input--number-control span:hover{background-color:#f4f6fa}.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;font-size:0;vertical-align:middle}.bk-loading-wrapper:not(.bk-nested-loading){display:inline-flex}.bk-loading-wrapper.bk-nested-loading{position:relative;width:100%;height:100%}.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;animation-direction:normal}.bk-loading-wrapper .bk-loading-mask{position:absolute;width:100%;height:100%}.bk-loading-wrapper .bk-loading-mask:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;background-color:#fffc;content:""}.bk-loading-wrapper .bk-loading-indicator{line-height:1;text-align:center}.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:.6s}.bk-loading-wrapper .bk-loading-indicator .oval-2{transform:rotate(-90deg);animation-delay:.75s}.bk-loading-wrapper .bk-loading-indicator .oval-3{transform:rotate(-45deg);animation-delay:.9s}.bk-loading-wrapper .bk-loading-indicator .oval-4{transform:rotate(0);animation-delay:1.05s}.bk-loading-wrapper .bk-loading-indicator .oval-5{transform:rotate(45deg);animation-delay:1.2s}.bk-loading-wrapper .bk-loading-indicator .oval-6{transform:rotate(90deg);animation-delay:1.35s}.bk-loading-wrapper .bk-loading-indicator .oval-7{transform:rotate(135deg);animation-delay:1.5s}.bk-loading-wrapper .bk-loading-indicator .oval-8{transform:rotate(180deg);animation-delay:1.65s}.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%)}.bk-modal-wrapper .bk-modal-outside{position:fixed;top:0;right:0;bottom:0;left:0}.bk-modal-wrapper.bk-model-fullscreen{width:100%;height:100%;background:#fff;box-shadow:0 4px 12px #00000026}.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-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;margin-right:30px;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:last-child{margin-right:0}.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:#fff;background:#3a84ff;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 .bk-popover{display:block}.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 .bk-popover-reference{display:unset}.bk-select .bk-popover-content{padding:0}.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{position:absolute;top:8px;right:6px}.bk-select .bk-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.bk-select .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-select .bk-select-dropdown{overflow:auto}.bk-select .bk-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center}.bk-select .bk-select-options{padding:8px 0}.bk-select .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-select .bk-select-option:hover,.bk-select .bk-select-option.is-hover{color:#3a84ff;background-color:#f5f7fa}.bk-select .bk-select-option.is-selected{color:#3a84ff}.bk-select .bk-select-option.is-selected.is-multiple:after{position:absolute;right:12px;font-weight:700;content:"\2713"}.bk-select .bk-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.bk-select .bk-select-options-loading{display:flex;align-items:center;justify-content:center}.bk-select .bk-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.bk-select .bk-option-group-label.collapsible{cursor:pointer}.bk-select .bk-option-group.collapsible .bk-select-option{padding-left:40px}.bk-select .bk-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.bk-select .bk-option-group .default-group-label{display:flex;user-select:none;align-items:center}.bk-select .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-select .bk-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.bk-select .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.primary{background:#3a84ff}.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.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.primary.is-checked{border:1px solid #3a84ff}.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked:after{background:#3a84ff}.bk-switcher.bk-switcher-outline.bk-switcher.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-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-table-head-filter{padding:5px 0 0;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px #0000001a}.bk-table-head-filter .content-list{max-width:200px;min-width:140px;overflow:auto}.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-table-head-filter .content-list .list-item:hover{background:#f0f1f5}.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-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-table-head-filter .content-footer span.btn-filter-split{width:1px;height:calc(100% - 12px);padding:6px 0;cursor:default;background:#f0f1f5}.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-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 .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}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-body .setting-body-fields .field-item{width:150px;height:42px;line-height:42px}.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-default{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-default{border-left:none}.bk-table-settings[data-bk-table-settings-theme=true] .setting-content .setting-footer{display:flex;height:56px;padding:0 24px;background-color:#fafbfd;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.is-scroll-bottom{border-bottom:1px solid transparent}.bk-table .bk-table-body{position:relative;overflow:auto}.bk-table .bk-table-body::-webkit-scrollbar{height:6px}.bk-table .bk-table-head,.bk-table .bk-table-body{background:white}.bk-table .bk-table-head table,.bk-table .bk-table-body table{width:100%;border-collapse:collapse;table-layout:fixed}.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;padding:0 15px;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{display:flex;align-items:center;overflow:hidden;line-height:var(--row-height);color:#575961;text-align:left;text-overflow:ellipsis;white-space:nowrap}.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 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.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%}.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{display:block}.bk-table .bk-table-head .table-head-settings .bk-popover-reference{position:absolute;top:0;right:1px;bottom:1px;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,.bk-table.bordered-row th{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{border-bottom:none}.bk-table.bordered-outer{border-right:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-table.bordered-col th,.bk-table.bordered-col td{border-right:1px solid #dcdee5}.bk-table.bordered-col th:last-child,.bk-table.bordered-col td:last-child{border-right:none}.bk-table.bordered-none th,.bk-table.bordered-none td{border-top:none;border-right:none;border-bottom:none;border-left:none}.bk-table .bk-table-fixed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none}.bk-table .bk-table-fixed .column_fixed{position:absolute}.bk-table .bk-table-fixed .column_fixed.column_fixed_left{top:0;left:0;box-shadow:0 0 10px #0000001f}.bk-table .bk-table-fixed .column_fixed.column_fixed_right{top:0;right:0;box-shadow:0 0 10px #0000001f}.bk-table 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.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-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-icon{font-size:20px;line-height:24px}.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-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-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-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-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}.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{z-index:100;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:50%;right:10px;font-size:14px;color:#c4c6cc;cursor:pointer;transform:translateY(-50%)}.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--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-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-virtual-render.bk-scroll-x{overflow-x:auto;scrollbar-color:#a0a0a0 transparent;scrollbar-width:thin}.bk-virtual-render.bk-scroll-x::-webkit-scrollbar{height:6px}.bk-virtual-render.bk-scroll-y{overflow-y:auto}.bk-virtual-render.bk-scroll-y::-webkit-scrollbar{width:4px}.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb{border-radius:4px}.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 .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.hover,.bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,.bk-transfer .source-list .content li .item-content .icon-wrapper.hover,.bk-transfer .target-list .content li .item-content .icon-wrapper.hover{visibility:visible}.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:inline-block;width:15px;height:15px;background:#fff;border:2px solid #d8d8d8;border-radius:50%;box-sizing:border-box}.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner{display:inline-block;transform:scale(1) translate(-.5px,-4px)}.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-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}.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}