@cw-devops/bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
3,046 lines (2,381 loc) • 46.3 kB
CSS
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' ;
}
.bk-icon-plus{
font-family:'icon-plus' ;
}
.bk-icon-custom{
font-family:'icon-custom' ;
}
.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) ;
transform:translate(50%, -50%) scale(0, 0) ;
}
.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 ;
}
.f11{
font-size:11px ;
}
.f12{
font-size:12px ;
}
.f13{
font-size:13px ;
}
.f14{
font-size:14px ;
}
.f15{
font-size:15px ;
}
.f16{
font-size:16px ;
}
.f17{
font-size:17px ;
}
.f18{
font-size:18px ;
}
.f19{
font-size:19px ;
}
.f20{
font-size:20px ;
}
.f21{
font-size:21px ;
}
.f22{
font-size:22px ;
}
.f23{
font-size:23px ;
}
.f24{
font-size:24px ;
}
.f25{
font-size:25px ;
}
.f26{
font-size:26px ;
}
.f27{
font-size:27px ;
}
.f28{
font-size:28px ;
}
.f29{
font-size:29px ;
}
.f30{
font-size:30px ;
}
.f31{
font-size:31px ;
}
.f32{
font-size:32px ;
}
.f33{
font-size:33px ;
}
.f34{
font-size:34px ;
}
.f35{
font-size:35px ;
}
.f36{
font-size:36px ;
}
.f37{
font-size:37px ;
}
.f38{
font-size:38px ;
}
.f39{
font-size:39px ;
}
.f40{
font-size:40px ;
}
.m0{
margin:0px;
}
.m5{
margin:5px;
}
.m10{
margin:10px;
}
.m15{
margin:15px;
}
.m20{
margin:20px;
}
.m25{
margin:25px;
}
.m30{
margin:30px;
}
.m35{
margin:35px;
}
.m40{
margin:40px;
}
.m45{
margin:45px;
}
.m50{
margin:50px;
}
.mt0{
margin-top:0px;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt25{
margin-top:25px;
}
.mt30{
margin-top:30px;
}
.mt35{
margin-top:35px;
}
.mt40{
margin-top:40px;
}
.mt45{
margin-top:45px;
}
.mt50{
margin-top:50px;
}
.mb0{
margin-bottom:0px;
}
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb25{
margin-bottom:25px;
}
.mb30{
margin-bottom:30px;
}
.mb35{
margin-bottom:35px;
}
.mb40{
margin-bottom:40px;
}
.mb45{
margin-bottom:45px;
}
.mb50{
margin-bottom:50px;
}
.ml0{
margin-left:0px;
}
.ml5{
margin-left:5px;
}
.ml10{
margin-left:10px;
}
.ml15{
margin-left:15px;
}
.ml20{
margin-left:20px;
}
.ml25{
margin-left:25px;
}
.ml30{
margin-left:30px;
}
.ml35{
margin-left:35px;
}
.ml40{
margin-left:40px;
}
.ml45{
margin-left:45px;
}
.ml50{
margin-left:50px;
}
.mr0{
margin-right:0px;
}
.mr5{
margin-right:5px;
}
.mr10{
margin-right:10px;
}
.mr15{
margin-right:15px;
}
.mr20{
margin-right:20px;
}
.mr25{
margin-right:25px;
}
.mr30{
margin-right:30px;
}
.mr35{
margin-right:35px;
}
.mr40{
margin-right:40px;
}
.mr45{
margin-right:45px;
}
.mr50{
margin-right:50px;
}
.p0{
padding:0px;
}
.p5{
padding:5px;
}
.p10{
padding:10px;
}
.p15{
padding:15px;
}
.p20{
padding:20px;
}
.p25{
padding:25px;
}
.p30{
padding:30px;
}
.p35{
padding:35px;
}
.p40{
padding:40px;
}
.p45{
padding:45px;
}
.p50{
padding:50px;
}
.pt0{
padding-top:0px;
}
.pt5{
padding-top:5px;
}
.pt10{
padding-top:10px;
}
.pt15{
padding-top:15px;
}
.pt20{
padding-top:20px;
}
.pt25{
padding-top:25px;
}
.pt30{
padding-top:30px;
}
.pt35{
padding-top:35px;
}
.pt40{
padding-top:40px;
}
.pt45{
padding-top:45px;
}
.pt50{
padding-top:50px;
}
.pb0{
padding-bottom:0px;
}
.pb5{
padding-bottom:5px;
}
.pb10{
padding-bottom:10px;
}
.pb15{
padding-bottom:15px;
}
.pb20{
padding-bottom:20px;
}
.pb25{
padding-bottom:25px;
}
.pb30{
padding-bottom:30px;
}
.pb35{
padding-bottom:35px;
}
.pb40{
padding-bottom:40px;
}
.pb45{
padding-bottom:45px;
}
.pb50{
padding-bottom:50px;
}
.pl0{
padding-left:0px;
}
.pl5{
padding-left:5px;
}
.pl10{
padding-left:10px;
}
.pl15{
padding-left:15px;
}
.pl20{
padding-left:20px;
}
.pl25{
padding-left:25px;
}
.pl30{
padding-left:30px;
}
.pl35{
padding-left:35px;
}
.pl40{
padding-left:40px;
}
.pl45{
padding-left:45px;
}
.pl50{
padding-left:50px;
}
.pr0{
padding-right:0px;
}
.pr5{
padding-right:5px;
}
.pr10{
padding-right:10px;
}
.pr15{
padding-right:15px;
}
.pr20{
padding-right:20px;
}
.pr25{
padding-right:25px;
}
.pr30{
padding-right:30px;
}
.pr35{
padding-right:35px;
}
.pr40{
padding-right:40px;
}
.pr45{
padding-right:45px;
}
.pr50{
padding-right:50px;
}
.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;
}
.fn{
font-weight:normal;
}
.lh150{
line-height:150%;
}
.lh180{
line-height:180%;
}
.lh200{
line-height:200%;
}
.unl{
text-decoration:underline;
}
.no_unl{
text-decoration:none;
}
.tl{
text-align:left!important;
}
.tc{
text-align:center;
}
.tr{
text-align:right!important;
}
.bc{
margin-left:auto;
margin-right:auto;
}
.fl{
float:left!important;
}
.fr{
float:right!important;
}
.cb{
clear:both;
}
.cl{
clear:left!important;
}
.cr{
clear:right!important;
}
.vm{
vertical-align:middle;
}
.pr{
position:relative;
}
.pa{
position:absolute;
}
.abs-right{
position:absolute;
}
.zoom{
zoom:1
}
.hidden{
visibility:hidden;
}
.none{
display:none;
}
.h50{
height:50px;
}
.h80{
height:80px;
}
.h100{
height:100px;
}
.h200{
height:200px;
}
.h{
height:100%;
}
.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;
}