UNPKG

@cw-devops/bk-magic-vue

Version:

基于蓝鲸 Magicbox 和 Vue 的前端组件库

3,046 lines (2,381 loc) 46.3 kB
html, body{ margin:0; padding:0; } *{ -webkit-box-sizing:border-box; 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{ -webkit-box-sizing:content-box; box-sizing:content-box; height:0; } button, input, optgroup, select, textarea{ color:inherit; font:inherit; margin:0; } button{ overflow:visible; } button, select{ text-transform:none; } button, html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance:button; cursor:pointer; } button[disabled], html input[disabled]{ cursor:default; } button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0; } input{ line-height:normal; } input[type="checkbox"], input[type="radio"]{ -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; } 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"]{ -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; } fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; } legend{ border:0; padding:0; } textarea{ overflow:auto; } optgroup{ font-weight:bold; } @font-face{ font-family:"icon-custom"; src:url('fonts/iconfont-custom.ttf?t=1684141097547') format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:"icon-plus"; src:url("fonts/iconfont-plus.svg#bk-iconfont") format('svg'), url('fonts/iconfont-plus.ttf') format('truetype'), url('fonts/iconfont-plus.woff') format('woff'), url('fonts/iconfont-plus.woff2') format('woff2'); font-weight:normal; font-style:normal; } @font-face{ font-family:"bk"; src:url("fonts/iconcool.svg#iconcool") format("svg"), url("fonts/iconcool.ttf") format("truetype"), url("fonts/iconcool.woff") format("woff"), url("fonts/iconcool.eot?#iefix") format("embedded-opentype"); font-weight:normal; font-style:normal; } .bk-icon, .bk-icon-plus, .bk-icon-custom{ speak:none; font-style:normal; font-weight:normal; -webkit-font-feature-settings:normal; font-feature-settings:normal; font-variant:normal; text-transform:none; line-height:1; text-align:center; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .bk-icon{ font-family:'bk' !important; } .bk-icon-plus{ font-family:'icon-plus' !important; } .bk-icon-custom{ font-family:'icon-custom' !important; } .icon-angle-double-down:before{ content:"\e101"; } .icon-angle-double-left:before{ content:"\e102"; } .icon-angle-double-right:before{ content:"\e103"; } .icon-angle-double-up:before{ content:"\e104"; } .icon-angle-left:before{ content:"\e105"; } .icon-angle-down:before{ content:"\e106"; } .icon-angle-right:before{ content:"\e107"; } .icon-angle-up:before{ content:"\e108"; } .icon-apps-shape:before{ content:"\e109"; } .icon-apps:before{ content:"\e10a"; } .icon-area-chart:before{ content:"\e10b"; } .icon-arrows-down-circle-shape:before{ content:"\e10c"; } .icon-arrows-down-circle:before{ content:"\e10d"; } .icon-arrows-down-shape:before{ content:"\e10e"; } .icon-arrows-down:before{ content:"\e10f"; } .icon-arrows-left-circle-shape:before{ content:"\e110"; } .icon-arrows-left-circle:before{ content:"\e111"; } .icon-arrows-left-shape:before{ content:"\e112"; } .icon-arrows-left:before{ content:"\e113"; } .icon-arrows-m-down-shape:before{ content:"\e114"; } .icon-arrows-m-left-shape:before{ content:"\e115"; } .icon-arrows-m-right-shape:before{ content:"\e116"; } .icon-arrows-m-up-shape:before{ content:"\e117"; } .icon-arrows-right-circle-shape:before{ content:"\e118"; } .icon-arrows-right-circle:before{ content:"\e119"; } .icon-arrows-right-shape:before{ content:"\e11a"; } .icon-arrows-right:before{ content:"\e11b"; } .icon-arrows-up-circle-shape:before{ content:"\e11c"; } .icon-arrows-up-circle:before{ content:"\e11d"; } .icon-arrows-up-shape:before{ content:"\e11e"; } .icon-arrows-up:before{ content:"\e11f"; } .icon-back-shape:before{ content:"\e120"; } .icon-back:before{ content:"\e121"; } .icon-back2:before{ content:"\e122"; } .icon-bar-chart:before{ content:"\e123"; } .icon-bk:before{ content:"\e124"; } .icon-block-shape:before{ content:"\e125"; } .icon-calendar-shape:before{ content:"\e126"; } .icon-calendar:before{ content:"\e127"; } .icon-chain:before{ content:"\e128"; } .icon-check-1:before{ content:"\e129"; } .icon-check-circle-shape:before{ content:"\e12a"; } .icon-check-circle:before{ content:"\e12b"; } .icon-circle-2-1:before{ content:"\e12c"; } .icon-circle-4-1:before{ content:"\e12d"; } .icon-circle-shape:before{ content:"\e12e"; } .icon-circle:before{ content:"\e12f"; } .icon-clipboard-shape:before{ content:"\e130"; } .icon-clipboard:before{ content:"\e131"; } .icon-clock-shape:before{ content:"\e132"; } .icon-clock:before{ content:"\e133"; } .icon-close-circle-shape:before{ content:"\e134"; } .icon-close-circle:before{ content:"\e135"; } .icon-close:before{ content:"\e136"; } .icon-close3-shape:before{ content:"\e137"; } .icon-code:before{ content:"\e138"; } .icon-cog-shape:before{ content:"\e139"; } .icon-cog:before{ content:"\e13a"; } .icon-cry-shape:before{ content:"\e13b"; } .icon-cry:before{ content:"\e13c"; } .icon-dashboard-2-shape:before{ content:"\e13d"; } .icon-dashboard-2:before{ content:"\e13e"; } .icon-dashboard-shape:before{ content:"\e13f"; } .icon-dashboard:before{ content:"\e140"; } .icon-data-shape:before{ content:"\e141"; } .icon-data:before{ content:"\e142"; } .icon-data2-shape:before{ content:"\e143"; } .icon-data2:before{ content:"\e144"; } .icon-dedent:before{ content:"\e145"; } .icon-delete:before{ content:"\e146"; } .icon-dialogue-empty-shape:before{ content:"\e147"; } .icon-dialogue-empty:before{ content:"\e148"; } .icon-dialogue-shape:before{ content:"\e149"; } .icon-dialogue:before{ content:"\e14a"; } .icon-dispirited-shape:before{ content:"\e14b"; } .icon-dispirited:before{ content:"\e14c"; } .icon-docker:before{ content:"\e14d"; } .icon-down-shape:before{ content:"\e14e"; } .icon-download:before{ content:"\e14f"; } .icon-edit:before{ content:"\e150"; } .icon-edit2:before{ content:"\e151"; } .icon-ellipsis:before{ content:"\e152"; } .icon-email-shape:before{ content:"\e153"; } .icon-email:before{ content:"\e154"; } .icon-empty-shape:before{ content:"\e155"; } .icon-empty:before{ content:"\e156"; } .icon-end:before{ content:"\e157"; } .icon-exclamation-circle-shape:before{ content:"\e158"; } .icon-exclamation-circle:before{ content:"\e159"; } .icon-exclamation-triangle-shape:before{ content:"\e15a"; } .icon-exclamation-triangle:before{ content:"\e15b"; } .icon-exclamation:before{ content:"\e15c"; } .icon-execute:before{ content:"\e15d"; } .icon-eye-shape:before{ content:"\e15e"; } .icon-eye-slash-shape:before{ content:"\e15f"; } .icon-eye-slash:before{ content:"\e160"; } .icon-eye:before{ content:"\e161"; } .icon-file-plus-shape:before{ content:"\e162"; } .icon-file-plus:before{ content:"\e163"; } .icon-file-shape:before{ content:"\e164"; } .icon-file:before{ content:"\e165"; } .icon-folder-open-shape:before{ content:"\e166"; } .icon-folder-open:before{ content:"\e167"; } .icon-folder-plus-shape:before{ content:"\e168"; } .icon-folder-plus:before{ content:"\e169"; } .icon-folder-shape:before{ content:"\e16a"; } .icon-folder:before{ content:"\e16b"; } .icon-full-screen:before{ content:"\e16c"; } .icon-heart-shape:before{ content:"\e16d"; } .icon-heart:before{ content:"\e16e"; } .icon-hide:before{ content:"\e16f"; } .icon-home-shape:before{ content:"\e170"; } .icon-home:before{ content:"\e171"; } .icon-id-shape:before{ content:"\e172"; } .icon-id:before{ content:"\e173"; } .icon-image-shape:before{ content:"\e174"; } .icon-image:before{ content:"\e175"; } .icon-indent:before{ content:"\e176"; } .icon-info-circle-shape:before{ content:"\e177"; } .icon-info-circle:before{ content:"\e178"; } .icon-info:before{ content:"\e179"; } .icon-key:before{ content:"\e17a"; } .icon-left-shape:before{ content:"\e17b"; } .icon-line-chart:before{ content:"\e17c"; } .icon-list:before{ content:"\e17d"; } .icon-lock-shape:before{ content:"\e17e"; } .icon-lock:before{ content:"\e17f"; } .icon-minus-circle-shape:before{ content:"\e180"; } .icon-minus-circle:before{ content:"\e181"; } .icon-minus-square-shape:before{ content:"\e182"; } .icon-minus-square:before{ content:"\e183"; } .icon-minus:before{ content:"\e184"; } .icon-mobile-shape:before{ content:"\e185"; } .icon-mobile:before{ content:"\e186"; } .icon-monitors-cog:before{ content:"\e187"; } .icon-monitors:before{ content:"\e188"; } .icon-more:before{ content:"\e189"; } .icon-move:before{ content:"\e18a"; } .icon-next-shape:before{ content:"\e18b"; } .icon-next:before{ content:"\e18c"; } .icon-order-shape:before{ content:"\e18d"; } .icon-order:before{ content:"\e18e"; } .icon-panel-permission:before{ content:"\e18f"; } .icon-panel-shape:before{ content:"\e190"; } .icon-panel:before{ content:"\e191"; } .icon-panels:before{ content:"\e192"; } .icon-password-shape:before{ content:"\e193"; } .icon-password:before{ content:"\e194"; } .icon-pause:before{ content:"\e195"; } .icon-pc-shape:before{ content:"\e196"; } .icon-pc:before{ content:"\e197"; } .icon-pie-chart-shape:before{ content:"\e198"; } .icon-pie-chart:before{ content:"\e199"; } .icon-pipeline-shape:before{ content:"\e19a"; } .icon-pipeline:before{ content:"\e19b"; } .icon-play-circle-shape:before{ content:"\e19c"; } .icon-play-shape:before{ content:"\e19d"; } .icon-play:before{ content:"\e19e"; } .icon-play2:before{ content:"\e19f"; } .icon-play3:before{ content:"\e1a0"; } .icon-plus-circle-shape:before{ content:"\e1a1"; } .icon-plus-circle:before{ content:"\e1a2"; } .icon-plus-square-shape:before{ content:"\e1a3"; } .icon-plus-square:before{ content:"\e1a4"; } .icon-plus:before{ content:"\e1a5"; } .icon-project:before{ content:"\e1a6"; } .icon-qq-shape:before{ content:"\e1a7"; } .icon-qq:before{ content:"\e1a8"; } .icon-question-circle-shape:before{ content:"\e1a9"; } .icon-question-circle:before{ content:"\e1aa"; } .icon-question:before{ content:"\e1ab"; } .icon-refresh:before{ content:"\e1ac"; } .icon-right-shape:before{ content:"\e1ad"; } .icon-rtx:before{ content:"\e1ae"; } .icon-save-shape:before{ content:"\e1af"; } .icon-save:before{ content:"\e1b0"; } .icon-script-file:before{ content:"\e1b1"; } .icon-script-files:before{ content:"\e1b2"; } .icon-search:before{ content:"\e1b3"; } .icon-sina-shape:before{ content:"\e1b4"; } .icon-sina:before{ content:"\e1b5"; } .icon-sitemap-shape:before{ content:"\e1b6"; } .icon-sitemap:before{ content:"\e1b7"; } .icon-smile-shape:before{ content:"\e1b8"; } .icon-smile:before{ content:"\e1b9"; } .icon-sort:before{ content:"\e1ba"; } .icon-star-shape:before{ content:"\e1bb"; } .icon-star:before{ content:"\e1bc"; } .icon-stop-shape:before{ content:"\e1bd"; } .icon-stop:before{ content:"\e1be"; } .icon-tree-application-shape:before{ content:"\e1bf"; } .icon-tree-application:before{ content:"\e1c0"; } .icon-tree-group-shape:before{ content:"\e1c1"; } .icon-tree-group:before{ content:"\e1c2"; } .icon-tree-module-shape:before{ content:"\e1c3"; } .icon-tree-module:before{ content:"\e1c4"; } .icon-tree-process-shape:before{ content:"\e1c5"; } .icon-tree-process:before{ content:"\e1c6"; } .icon-un-full-screen:before{ content:"\e1c8"; } .icon-unlock-shape:before{ content:"\e1c7"; } .icon-unlock:before{ content:"\e1c9"; } .icon-up-shape:before{ content:"\e1ca"; } .icon-upload:before{ content:"\e1cb"; } .icon-user-shape:before{ content:"\e1cc"; } .icon-user:before{ content:"\e1cd"; } .icon-weixin-shape:before{ content:"\e1ce"; } .icon-weixin:before{ content:"\e1cf"; } .icon-work-manage:before{ content:"\e1d0"; } .icon-funnel:before{ content:"\e1d1"; } .icon-user-group:before{ content:"\e1d2"; } .icon-user-3:before{ content:"\e1d3"; } .icon-copy:before{ content:"\e1d4"; } .icon-batch-edit-line:before{ content:"\e1d6"; } .icon-refresh-line:before{ content:"\e1d5"; } .icon-close-line:before{ content:"\e1d7"; } .icon-1_up:before{ content:"\e1d8"; } .icon-arrows-right--line:before{ content:"\e1db"; } .icon-arrows-left-line:before{ content:"\e1d9"; } .icon-arrows-down-line:before{ content:"\e1dc"; } .icon-arrows-up-line:before{ content:"\e1da"; } .icon-angle-double-right-line:before{ content:"\e1e1"; } .icon-angle-double-down-line:before{ content:"\e1de"; } .icon-angle-double-up-line:before{ content:"\e1df"; } .icon-angle-double-left-line:before{ content:"\e1dd"; } .icon-angle-left-line:before{ content:"\e1e0"; } .icon-angle-right-line:before{ content:"\e1e2"; } .icon-angle-up-line:before{ content:"\e1e4"; } .icon-angle-down-line:before{ content:"\e1e3"; } .icon-check-line:before{ content:"\e1ed"; } .icon-close-line-2:before{ content:"\e1ec"; } .icon-edit-line:before{ content:"\e1ee"; } .icon-list-line:before{ content:"\e1eb"; } .icon-plus-line:before{ content:"\e1ef"; } .icon-angle-up-fill:before{ content:"\e1f0"; } .icon-angle-down-fill:before{ content:"\e1f1"; } .icon-grag-fill:before{ content:"\e1f2"; } .icon-template-fill-49:before{ content:"\e1f3"; } .icon-folder-fill:before{ content:"\e1f4"; } .icon-expand-line:before{ content:"\e1f5"; } .icon-shrink-line:before{ content:"\e1f6"; } .icon-minus-line:before{ content:"\e1f7"; } .icon-compressed-file:before{ content:"\e1f8"; } .icon-upload-cloud:before{ content:"\e1fa"; } .icon-text-file:before{ content:"\e1f9"; } .icon-filliscreen-line:before{ content:"\e1fe"; } .icon-left-turn-line:before{ content:"\e1fb"; } .icon-right-turn-line:before{ content:"\e1fc"; } .icon-enlarge-line:before{ content:"\e1fd"; } .icon-narrow-line:before{ content:"\e1ff"; } .icon-unfull-screen:before{ content:"\e200"; } .icon-image:before{ content:"\e203"; } .icon-image-fail:before{ content:"\e204"; } .icon-normalized:before{ content:"\e205"; } .icon-chinese:before{ content:"\e206"; } .icon-english:before{ content:"\e207"; } .icon-japanese:before{ content:"\e208"; } .icon-date-fill:before{ content:"\e209"; } .icon-time:before{ content:"\e20a"; } .icon-data-line:before{ content:"\e20b"; } .icon-arrow-up:before{ content:"\e213"; } .icon-arrow-down:before{ content:"\e214"; } .icon-qiehuan:before{ content:"\e20c"; } .icon-loading-tubiao:before{ content:"\e20d"; } .icon-weixin-pro:before{ content:"\e20f"; } .icon-copy-shape:before{ content:"\e210"; } .icon-fix-line:before{ content:"\e211"; } .icon-fix-shape:before{ content:"\e212"; } .icon-arrow-left:before{ content:"\e215"; } .icon-arrow-right:before{ content:"\e216"; } .icon-assistant:before{ content:"\e217"; } .icon-plus-tag:before{ content:"\e67e"; } .icon-plus-security:before{ content:"\e67f"; } .icon-plus-department:before{ content:"\e680"; } .icon-plus-success:before{ content:"\e681"; } .icon-plus-equal:before{ content:"\e682"; } .icon-plus-list:before{ content:"\e683"; } .icon-plus-product:before{ content:"\e684"; } .icon-plus-code:before{ content:"\e685"; } .icon-plus-menu:before{ content:"\e686"; } .icon-plus-merge:before{ content:"\e687"; } .icon-plus-copy:before{ content:"\e688"; } .icon-plus-codebase:before{ content:"\e689"; } .icon-plus-open:before{ content:"\e68a"; } .icon-plus-Administrator:before{ content:"\e68b"; } .icon-plus-close:before{ content:"\e68c"; } .icon-plus-display:before{ content:"\e68d"; } .icon-plus-Security2:before{ content:"\e68e"; } .icon-plus-token:before{ content:"\e690"; } .icon-plus-location:before{ content:"\e691"; } .icon-plus-milestone:before{ content:"\e692"; } .icon-plus-merge2:before{ content:"\e693"; } .icon-plus-hide:before{ content:"\e694"; } .icon-plus-top:before{ content:"\e695"; } .icon-plus-unfold:before{ content:"\e696"; } .icon-plus-compare:before{ content:"\e697"; } .icon-plus-environment:before{ content:"\e698"; } .icon-plus-uploading:before{ content:"\e699"; } .icon-plus-store:before{ content:"\e69a"; } .icon-plus-privacy:before{ content:"\e69b"; } .icon-plus-data:before{ content:"\e69c"; } .icon-plus-jurisdiction:before{ content:"\e69d"; } .icon-plus-inform:before{ content:"\e69e"; } .icon-plus-begin:before{ content:"\e69f"; } .icon-plus-homepage:before{ content:"\e6a0"; } .icon-plus-task:before{ content:"\e6a1"; } .icon-plus-video:before{ content:"\e6a2"; } .icon-plus-item:before{ content:"\e6a3"; } .icon-plus-folder:before{ content:"\e6a4"; } .icon-plus-audit:before{ content:"\e6a5"; } .icon-plus-packup:before{ content:"\e6a6"; } .icon-plus-drag:before{ content:"\e6a7"; } .icon-plus-download:before{ content:"\e6a8"; } .icon-plus-stop:before{ content:"\e6a9"; } .icon-plus-unfold3:before{ content:"\e6aa"; } .icon-plus-role:before{ content:"\e6ab"; } .icon-plus-chart:before{ content:"\e6ac"; } .icon-plus-synchronization:before{ content:"\e6ad"; } .icon-plus-transmit:before{ content:"\e6ae"; } .icon-plus-role2:before{ content:"\e6af"; } .icon-plus-privacy2:before{ content:"\e6b0"; } .icon-plus-uploading2:before{ content:"\e6b1"; } .icon-plus-knowledge:before{ content:"\e6b2"; } .icon-plus-exit:before{ content:"\e6b3"; } .icon-plus-set2:before{ content:"\e6b4"; } .icon-plus-Demand:before{ content:"\e6b5"; } .icon-plus-key:before{ content:"\e6b6"; } .icon-plus-finally:before{ content:"\e6b7"; } .icon-plus-information:before{ content:"\e6b8"; } .icon-plus-distribute:before{ content:"\e6b9"; } .icon-plus-security3:before{ content:"\e6ba"; } .icon-plus-loading:before{ content:"\e6bb"; } .icon-plus-branch:before{ content:"\e6bc"; } .icon-plus-refresh:before{ content:"\e6bd"; } .icon-plus-collect:before{ content:"\e67d"; } .icon-plus-delete:before{ content:"\e67c"; } .icon-plus-more:before{ content:"\e66a"; } .icon-plus-success2:before{ content:"\e66b"; } .icon-plus-edit:before{ content:"\e66c"; } .icon-plus-member:before{ content:"\e66d"; } .icon-plus-relevance:before{ content:"\e66e"; } .icon-plus-search:before{ content:"\e66f"; } .icon-plus-calendar:before{ content:"\e670"; } .icon-plus-add:before{ content:"\e671"; } .icon-plus-dropdown:before{ content:"\e672"; } .icon-plus-maximize:before{ content:"\e673"; } .icon-plus-hint:before{ content:"\e674"; } .icon-plus-catalog:before{ content:"\e675"; } .icon-plus-user:before{ content:"\e676"; } .icon-plus-time:before{ content:"\e677"; } .icon-plus-query:before{ content:"\e678"; } .icon-plus-failure:before{ content:"\e679"; } .icon-plus-unfold2:before{ content:"\e67a"; } .icon-plus-set:before{ content:"\e67b"; } .custom-icon-close-circle-shape:before{ content:"\e7a7"; } .custom-icon-exclamation-circle-shape:before{ content:"\e7a8"; } .custom-icon-check-circle-shape:before{ content:"\e7a9"; } .custom-icon-info-circle-shape:before{ content:"\e7aa"; } .transition-effect{ -webkit-transition:all linear .2s; transition:all linear .2s; } .bk-fade-in-linear-enter-active, .bk-fade-in-linear-leave-active{ -webkit-transition:opacity linear .2s; transition:opacity linear .2s; } .bk-fade-in-linear-enter, .bk-fade-in-linear-leave-active{ opacity:0; } .bk-fade-in-ease-enter-active, .bk-fade-in-ease-leave-active{ -webkit-transition:opacity cubic-bezier(.55,0,.1,1) .2s; transition:opacity cubic-bezier(.55,0,.1,1) .2s; } .bk-fade-in-ease-enter, .bk-fade-in-ease-leave-active{ opacity:0; } .bk-slide-fade-right-enter-active, .bk-slide-fade-right-leave-active{ -webkit-transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, -webkit-transform linear .2s; transition:transform linear .2s, opacity linear .2s; transition:transform linear .2s, opacity linear .2s, -webkit-transform linear .2s; } .bk-slide-fade-right-enter{ opacity:0; -webkit-transform:translate3d(20%, 0, 0); transform:translate3d(20%, 0, 0); } .bk-slide-fade-right-leave-active{ opacity:0; -webkit-transform:translate3d(-20%, 0, 0); transform:translate3d(-20%, 0, 0); } .bk-slide-fade-left-enter-active, .bk-slide-fade-left-leave-active{ -webkit-transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, -webkit-transform linear .2s; transition:transform linear .2s, opacity linear .2s; transition:transform linear .2s, opacity linear .2s, -webkit-transform linear .2s; } .bk-slide-fade-left-enter{ opacity:0; -webkit-transform:translate3d(-20%, 0, 0%); transform:translate3d(-20%, 0, 0%); } .bk-slide-fade-left-leave-active{ opacity:0; -webkit-transform:translate3d(20%, 0, 0); transform:translate3d(20%, 0, 0); } .bk-slide-fade-up-enter-active, .bk-slide-fade-up-leave-active{ -webkit-transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, -webkit-transform linear .2s; transition:transform linear .2s, opacity linear .2s; transition:transform linear .2s, opacity linear .2s, -webkit-transform linear .2s; } .bk-slide-fade-up-enter{ opacity:0; -webkit-transform:translate3d(0, +20%, 0); transform:translate3d(0, +20%, 0); } .bk-slide-fade-up-leave-active{ opacity:0; -webkit-transform:translate3d(0, -20%, 0); transform:translate3d(0, -20%, 0); } .bk-slide-fade-down-enter-active, .bk-slide-fade-down-leave-active{ -webkit-transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, -webkit-transform linear .2s; transition:transform linear .2s, opacity linear .2s; transition:transform linear .2s, opacity linear .2s, -webkit-transform linear .2s; } .bk-slide-fade-down-enter{ opacity:0; -webkit-transform:translate3d(0, -20%, 0); transform:translate3d(0, -20%, 0); } .bk-slide-fade-down-leave-active{ opacity:0; -webkit-transform:translate3d(0, 20%, 0); transform:translate3d(0, 20%, 0); } .bk-zoom-enter, .bk-zoom-leave-to{ -webkit-transform:scale(0); transform:scale(0); } .bk-zoom-leave, .bk-zoom-enter-to{ -webkit-transform:scale(1); transform:scale(1); } .bk-zoom-enter-active, .bk-zoom-leave-active{ -webkit-transition:all .2s; transition:all .2s; } .bk-move-in-left-enter, .bk-move-in-left-leave-to{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); opacity:0; } .bk-move-in-left-leave, .bk-move-in-left-enter-to{ -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .bk-move-in-left-enter-active, .bk-move-in-left-leave-active{ -webkit-transition:all .2s; transition:all .2s; } .bk-move-in-right-enter, .bk-move-in-right-leave-to{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); opacity:0; } .bk-move-in-right-leave, .bk-move-in-right-enter-to{ -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .bk-move-in-right-enter-active, .bk-move-in-right-leave-active{ -webkit-transition:all .2s; transition:all .2s; } .bk-move-in-up-enter, .bk-move-in-up-leave-to{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); opacity:0; } .bk-move-in-up-leave, .bk-move-in-up-enter-to{ -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .bk-move-in-up-enter-active, .bk-move-in-up-leave-active{ -webkit-transition:all .2s; transition:all .2s; } .bk-move-in-down-enter, .bk-move-in-down-leave-to{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); opacity:0; } .bk-move-in-down-leave, .bk-move-in-down-enter-to{ -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .bk-move-in-down-enter-active, .bk-move-in-down-leave-active{ -webkit-transition:all .2s; transition:all .2s; } .fade-enter-active, .fade-leave-active{ -webkit-transition:opacity linear .2s; transition:opacity linear .2s; } .fade-enter, .fade-leave-active{ opacity:0; } .fade-show-enter-active, .fade-show-leave-active{ -webkit-transition:opacity linear .2s, margin linear .2s; transition:opacity linear .2s, margin linear .2s; } .fade-show-enter, .fade-show-leave-active{ opacity:0; margin-top:-20px; } .displacement-fade-show-enter-active, .displacement-fade-show-leave-active{ -webkit-transition:opacity linear .2s, margin linear .2s; transition:opacity linear .2s, margin linear .2s; } .displacement-fade-show-enter, .displacement-fade-show-leave-active{ opacity:0; margin-top:-50px; } .fade-center-enter-active, .fade-center-leave-active{ -webkit-transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, transform linear .2s; transition:opacity linear .2s, transform linear .2s, -webkit-transform linear .2s; -webkit-transform-origin:center center; transform-origin:center center; } .fade-center-enter, .fade-center-leave-active{ opacity:0; -webkit-transform:translate(50%, -50%) scale(0, 0) !important; transform:translate(50%, -50%) scale(0, 0) !important; } .slide-enter-active .bk-sideslider-wrapper, .slide-leave-active .bk-sideslider-wrapper{ -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:-webkit-transform .25s; transition:-webkit-transform .25s; transition:transform .25s; transition:transform .25s, -webkit-transform .25s; } .slide-enter-active{ -webkit-animation:slider-fade-in .25s; animation:slider-fade-in .25s; } .slide-leave-active{ animation:slider-fade-in .25s reverse; } .slide-enter .bk-sideslider-wrapper.left, .slide-leave-to .bk-sideslider-wrapper.left{ -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:-webkit-transform .25s; transition:-webkit-transform .25s; transition:transform .25s; transition:transform .25s, -webkit-transform .25s; } .slide-enter .bk-sideslider-wrapper.right, .slide-leave-to .bk-sideslider-wrapper.right{ -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:-webkit-transform .25s; transition:-webkit-transform .25s; transition:transform .25s; transition:transform .25s, -webkit-transform .25s; } @-webkit-keyframes slider-fade-in{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes slider-fade-in{ 0%{ opacity:0; } 100%{ opacity:1; } } .slide-fade-enter-active, .fade-leave-active{ -webkit-transition:opacity linear .2s, -webkit-transform linear .2s; transition:opacity linear .2s, -webkit-transform linear .2s; transition:transform linear .2s, opacity linear .2s; transition:transform linear .2s, opacity linear .2s, -webkit-transform linear .2s; } .slide-fade-enter{ opacity:0; -webkit-transform:translateX(20%); transform:translateX(20%); } .slide-fade-leave-active{ opacity:0; -webkit-transform:translateX(-20%); transform:translateX(-20%); } .toggle-slide-enter-active, .toggle-slide-leave-active{ -webkit-transition:opacity .5s cubic-bezier(.23, 1, .23, 1), -webkit-transform .3s cubic-bezier(.23, 1, .23, 1); transition:opacity .5s cubic-bezier(.23, 1, .23, 1), -webkit-transform .3s cubic-bezier(.23, 1, .23, 1); transition:transform .3s cubic-bezier(.23, 1, .23, 1), opacity .5s cubic-bezier(.23, 1, .23, 1); transition:transform .3s cubic-bezier(.23, 1, .23, 1), opacity .5s cubic-bezier(.23, 1, .23, 1), -webkit-transform .3s cubic-bezier(.23, 1, .23, 1); -webkit-transform-origin:center top; transform-origin:center top; } .toggle-slide-enter, .toggle-slide-leave-active{ -webkit-transform:translateZ(0) scaleY(0); transform:translateZ(0) scaleY(0); opacity:0; } .toggle-slide2-enter-active, .toggle-slide2-leave-active{ -webkit-transition:opacity .5s cubic-bezier(.23, 1, .23, 1), -webkit-transform .3s cubic-bezier(.23, 1, .23, 1); transition:opacity .5s cubic-bezier(.23, 1, .23, 1), -webkit-transform .3s cubic-bezier(.23, 1, .23, 1); transition:transform .3s cubic-bezier(.23, 1, .23, 1), opacity .5s cubic-bezier(.23, 1, .23, 1); transition:transform .3s cubic-bezier(.23, 1, .23, 1), opacity .5s cubic-bezier(.23, 1, .23, 1), -webkit-transform .3s cubic-bezier(.23, 1, .23, 1); -webkit-transform-origin:center bottom; transform-origin:center bottom; } .toggle-slide2-enter, .toggle-slide2-leave-active{ -webkit-transform:translateZ(0) scaleY(0); transform:translateZ(0) scaleY(0); opacity:0; } .fade-enter-active, .fade-appear{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; } .fade-leave-active{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; } .fade-enter-active, .fade-appear{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-play-state:running; animation-play-state:running; } .fade-leave-active{ -webkit-animation-name:fadeOut; animation-name:fadeOut; -webkit-animation-play-state:running; animation-play-state:running; } .fade-enter-active, .fade-appear{ opacity:0; -webkit-animation-timing-function:linear; animation-timing-function:linear; } .fade-leave-active{ -webkit-animation-timing-function:linear; animation-timing-function:linear; } @-webkit-keyframes fadeIn{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes fadeIn{ 0%{ opacity:0; } 100%{ opacity:1; } } @-webkit-keyframes fadeOut{ 0%{ opacity:1; } 100%{ opacity:0; } } @keyframes fadeOut{ 0%{ opacity:1; } 100%{ opacity:0; } } .ease-enter-active, .ease-appear{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; } .ease-leave-active{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; } .ease-enter-active, .ease-appear{ -webkit-animation-name:easeIn; animation-name:easeIn; -webkit-animation-play-state:running; animation-play-state:running; } .ease-leave-active{ -webkit-animation-name:easeOut; animation-name:easeOut; -webkit-animation-play-state:running; animation-play-state:running; } .ease-enter-active, .ease-appear{ opacity:0; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-duration:.2s; animation-duration:.2s; } .ease-leave-active{ -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-duration:.2s; animation-duration:.2s; } @-webkit-keyframes easeIn{ 0%{ opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } 100%{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @keyframes easeIn{ 0%{ opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } 100%{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @-webkit-keyframes easeOut{ 0%{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } 100%{ opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } } @keyframes easeOut{ 0%{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } 100%{ opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } } .transition-drop-enter-active, .transition-drop-appear{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; } .transition-drop-leave-active{ -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; } .transition-drop-enter-active, .transition-drop-appear{ -webkit-animation-name:transitionDropIn; animation-name:transitionDropIn; -webkit-animation-play-state:running; animation-play-state:running; } .transition-drop-leave-active{ -webkit-animation-name:transitionDropOut; animation-name:transitionDropOut; -webkit-animation-play-state:running; animation-play-state:running; } .transition-drop-enter-active, .transition-drop-appear{ opacity:0; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } .transition-drop-leave-active{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } @-webkit-keyframes transitionDropIn{ 0%{ opacity:0; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } 100%{ opacity:1; -webkit-transform:scaleY(1); transform:scaleY(1); } } @keyframes transitionDropIn{ 0%{ opacity:0; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } 100%{ opacity:1; -webkit-transform:scaleY(1); transform:scaleY(1); } } @-webkit-keyframes transitionDropOut{ 0%{ opacity:1; -webkit-transform:scaleY(1); transform:scaleY(1); } 100%{ opacity:0; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } } @keyframes transitionDropOut{ 0%{ opacity:1; -webkit-transform:scaleY(1); transform:scaleY(1); } 100%{ opacity:0; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } } .f10{ font-size:10px !important; } .f11{ font-size:11px !important; } .f12{ font-size:12px !important; } .f13{ font-size:13px !important; } .f14{ font-size:14px !important; } .f15{ font-size:15px !important; } .f16{ font-size:16px !important; } .f17{ font-size:17px !important; } .f18{ font-size:18px !important; } .f19{ font-size:19px !important; } .f20{ font-size:20px !important; } .f21{ font-size:21px !important; } .f22{ font-size:22px !important; } .f23{ font-size:23px !important; } .f24{ font-size:24px !important; } .f25{ font-size:25px !important; } .f26{ font-size:26px !important; } .f27{ font-size:27px !important; } .f28{ font-size:28px !important; } .f29{ font-size:29px !important; } .f30{ font-size:30px !important; } .f31{ font-size:31px !important; } .f32{ font-size:32px !important; } .f33{ font-size:33px !important; } .f34{ font-size:34px !important; } .f35{ font-size:35px !important; } .f36{ font-size:36px !important; } .f37{ font-size:37px !important; } .f38{ font-size:38px !important; } .f39{ font-size:39px !important; } .f40{ font-size:40px !important; } .m0{ margin:0px!important; } .m5{ margin:5px!important; } .m10{ margin:10px!important; } .m15{ margin:15px!important; } .m20{ margin:20px!important; } .m25{ margin:25px!important; } .m30{ margin:30px!important; } .m35{ margin:35px!important; } .m40{ margin:40px!important; } .m45{ margin:45px!important; } .m50{ margin:50px!important; } .mt0{ margin-top:0px!important; } .mt5{ margin-top:5px!important; } .mt10{ margin-top:10px!important; } .mt15{ margin-top:15px!important; } .mt20{ margin-top:20px!important; } .mt25{ margin-top:25px!important; } .mt30{ margin-top:30px!important; } .mt35{ margin-top:35px!important; } .mt40{ margin-top:40px!important; } .mt45{ margin-top:45px!important; } .mt50{ margin-top:50px!important; } .mb0{ margin-bottom:0px!important; } .mb5{ margin-bottom:5px!important; } .mb10{ margin-bottom:10px!important; } .mb15{ margin-bottom:15px!important; } .mb20{ margin-bottom:20px!important; } .mb25{ margin-bottom:25px!important; } .mb30{ margin-bottom:30px!important; } .mb35{ margin-bottom:35px!important; } .mb40{ margin-bottom:40px!important; } .mb45{ margin-bottom:45px!important; } .mb50{ margin-bottom:50px!important; } .ml0{ margin-left:0px!important; } .ml5{ margin-left:5px!important; } .ml10{ margin-left:10px!important; } .ml15{ margin-left:15px!important; } .ml20{ margin-left:20px!important; } .ml25{ margin-left:25px!important; } .ml30{ margin-left:30px!important; } .ml35{ margin-left:35px!important; } .ml40{ margin-left:40px!important; } .ml45{ margin-left:45px!important; } .ml50{ margin-left:50px!important; } .mr0{ margin-right:0px!important; } .mr5{ margin-right:5px!important; } .mr10{ margin-right:10px!important; } .mr15{ margin-right:15px!important; } .mr20{ margin-right:20px!important; } .mr25{ margin-right:25px!important; } .mr30{ margin-right:30px!important; } .mr35{ margin-right:35px!important; } .mr40{ margin-right:40px!important; } .mr45{ margin-right:45px!important; } .mr50{ margin-right:50px!important; } .p0{ padding:0px!important; } .p5{ padding:5px!important; } .p10{ padding:10px!important; } .p15{ padding:15px!important; } .p20{ padding:20px!important; } .p25{ padding:25px!important; } .p30{ padding:30px!important; } .p35{ padding:35px!important; } .p40{ padding:40px!important; } .p45{ padding:45px!important; } .p50{ padding:50px!important; } .pt0{ padding-top:0px!important; } .pt5{ padding-top:5px!important; } .pt10{ padding-top:10px!important; } .pt15{ padding-top:15px!important; } .pt20{ padding-top:20px!important; } .pt25{ padding-top:25px!important; } .pt30{ padding-top:30px!important; } .pt35{ padding-top:35px!important; } .pt40{ padding-top:40px!important; } .pt45{ padding-top:45px!important; } .pt50{ padding-top:50px!important; } .pb0{ padding-bottom:0px!important; } .pb5{ padding-bottom:5px!important; } .pb10{ padding-bottom:10px!important; } .pb15{ padding-bottom:15px!important; } .pb20{ padding-bottom:20px!important; } .pb25{ padding-bottom:25px!important; } .pb30{ padding-bottom:30px!important; } .pb35{ padding-bottom:35px!important; } .pb40{ padding-bottom:40px!important; } .pb45{ padding-bottom:45px!important; } .pb50{ padding-bottom:50px!important; } .pl0{ padding-left:0px!important; } .pl5{ padding-left:5px!important; } .pl10{ padding-left:10px!important; } .pl15{ padding-left:15px!important; } .pl20{ padding-left:20px!important; } .pl25{ padding-left:25px!important; } .pl30{ padding-left:30px!important; } .pl35{ padding-left:35px!important; } .pl40{ padding-left:40px!important; } .pl45{ padding-left:45px!important; } .pl50{ padding-left:50px!important; } .pr0{ padding-right:0px!important; } .pr5{ padding-right:5px!important; } .pr10{ padding-right:10px!important; } .pr15{ padding-right:15px!important; } .pr20{ padding-right:20px!important; } .pr25{ padding-right:25px!important; } .pr30{ padding-right:30px!important; } .pr35{ padding-right:35px!important; } .pr40{ padding-right:40px!important; } .pr45{ padding-right:45px!important; } .pr50{ padding-right:50px!important; } .bk-bg-default{ background-color:#fafbfd; } .bk-bg-primary{ background-color:#3a84ff; } .bk-bg-warning{ background-color:#ff9c01; } .bk-bg-danger{ background-color:#ea3636; } .bk-bg-success{ background-color:#2dcb56; } .bk-text-default{ color:#63656e; } .bk-text-primary{ color:#3a84ff; } .bk-text-warning{ color:#ff9c01; } .bk-text-danger{ color:#ea3636; } .bk-text-success{ color:#2dcb56; } .bk-text-main{ color:#313238; } .bk-text-minor{ color:#979ba5; } .bk-text-yahei{ font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Microsoft Yahei, Helvetica, Aria; } .fb{ font-weight:bold!important; } .fn{ font-weight:normal!important; } .lh150{ line-height:150%!important; } .lh180{ line-height:180%!important; } .lh200{ line-height:200%!important; } .unl{ text-decoration:underline!important; } .no_unl{ text-decoration:none!important; } .tl{ text-align:left!important; } .tc{ text-align:center!important; } .tr{ text-align:right!important; } .bc{ margin-left:auto!important; margin-right:auto!important; } .fl{ float:left!important; } .fr{ float:right!important; } .cb{ clear:both!important; } .cl{ clear:left!important; } .cr{ clear:right!important; } .vm{ vertical-align:middle!important; } .pr{ position:relative!important; } .pa{ position:absolute!important; } .abs-right{ position:absolute!important; } .zoom{ zoom:1 } .hidden{ visibility:hidden!important; } .none{ display:none!important; } .h50{ height:50px!important; } .h80{ height:80px!important; } .h100{ height:100px!important; } .h200{ height:200px!important; } .h{ height:100%!important; } .bk-has-submenu{ position:relative } .bk-has-submenu:hover .bk-submenu{ display:block; } .bk-has-submenu .bk-submenu{ display:none; position:absolute; width:100%; left:0; right:0; padding:0 } .bk-has-submenu .bk-submenu > li{ display:block; }