/*!
 * 
 *   @kdcloudjs/kdesign v1.6.13
 * 
 *   Copyright 2020-present, Kingdee, Inc.
 *   All rights reserved.
 * 
 */
@font-face {
  font-family: "kdicon";
  src: url(data:font/woff;base64,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) format("woff");
}
.kdicon {
  font-family: 'kdicon' !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.kdicon-add-child:before { content: "\e6c0"; }
.kdicon-add-indentation:before { content: "\e6a7"; }
.kdicon-add-line:before { content: "\e6c5"; }
.kdicon-add-solid:before { content: "\e643"; }
.kdicon-add-word:before { content: "\e6ed"; }
.kdicon-add:before { content: "\e628"; }
.kdicon-address:before { content: "\e6cc"; }
.kdicon-align-center:before { content: "\e69a"; }
.kdicon-align-left:before { content: "\e6af"; }
.kdicon-align-right:before { content: "\e67a"; }
.kdicon-all-border:before { content: "\e677"; }
.kdicon-allowance-workbench:before { content: "\e714"; }
.kdicon-analysis:before { content: "\e6ce"; }
.kdicon-arrow-down-solid:before { content: "\e656"; }
.kdicon-arrow-down:before { content: "\e627"; }
.kdicon-arrow-left-solid:before { content: "\e657"; }
.kdicon-arrow-left:before { content: "\e63f"; }
.kdicon-arrow-right-solid:before { content: "\e655"; }
.kdicon-arrow-right:before { content: "\e62c"; }
.kdicon-arrow-up-solid:before { content: "\e654"; }
.kdicon-arrow-up:before { content: "\e62b"; }
.kdicon-arrow:before { content: "\e69c"; }
.kdicon-attachment:before { content: "\e694"; }
.kdicon-avatar-default:before { content: "\e717"; }
.kdicon-avatar-head-default:before { content: "\e718"; }
.kdicon-avatar-solid:before { content: "\e711"; }
.kdicon-back:before { content: "\e6cd"; }
.kdicon-bankcard:before { content: "\e705"; }
.kdicon-bellOutlined:before { content: "\e71a"; }
.kdicon-bold-solid:before { content: "\e668"; }
.kdicon-border:before { content: "\e6f9"; }
.kdicon-bottom-border:before { content: "\e704"; }
.kdicon-business-type:before { content: "\e716"; }
.kdicon-cancel:before { content: "\e68f"; }
.kdicon-cell:before { content: "\e692"; }
.kdicon-change:before { content: "\e6e2"; }
.kdicon-chart-display:before { content: "\e710"; }
.kdicon-chart:before { content: "\e6d0"; }
.kdicon-classify:before { content: "\e6d4"; }
.kdicon-close-bold:before { content: "\e647"; }
.kdicon-close-full-screen:before { content: "\e679"; }
.kdicon-close-solid:before { content: "\e644"; }
.kdicon-close:before { content: "\e62f"; }
.kdicon-cn:before { content: "\e6b5"; }
.kdicon-code:before { content: "\e6ca"; }
.kdicon-collect:before { content: "\e6ec"; }
.kdicon-comment:before { content: "\e6bc"; }
.kdicon-communication-solid:before { content: "\e65e"; }
.kdicon-contract:before { content: "\e69f"; }
.kdicon-cooperation:before { content: "\e6fb"; }
.kdicon-copy-code:before { content: "\e6e1"; }
.kdicon-copy:before { content: "\e678"; }
.kdicon-counterclockwise:before { content: "\e6e5"; }
.kdicon-customize:before { content: "\e707"; }
.kdicon-dashboard:before { content: "\e71c"; }
.kdicon-date-selection:before { content: "\e70f"; }
.kdicon-date:before { content: "\e6eb"; }
.kdicon-delete-indentation:before { content: "\e697"; }
.kdicon-delete-line:before { content: "\e68c"; }
.kdicon-delete-solid:before { content: "\e667"; }
.kdicon-delete:before { content: "\e6ee"; }
.kdicon-detail:before { content: "\e6c4"; }
.kdicon-detect:before { content: "\e68e"; }
.kdicon-division-solid:before { content: "\e65a"; }
.kdicon-double-arrow-left:before { content: "\e64a"; }
.kdicon-double-arrow-right:before { content: "\e649"; }
.kdicon-download:before { content: "\e70a"; }
.kdicon-edit-border:before { content: "\e6c8"; }
.kdicon-edit-view:before { content: "\e6c7"; }
.kdicon-edit:before { content: "\e6a6"; }
.kdicon-education:before { content: "\e69d"; }
.kdicon-eliminate-solid:before { content: "\e659"; }
.kdicon-en:before { content: "\e6b6"; }
.kdicon-enlarge:before { content: "\e6d5"; }
.kdicon-equal:before { content: "\e6a3"; }
.kdicon-exclamatory:before { content: "\e64e"; }
.kdicon-expand:before { content: "\e651"; }
.kdicon-experience:before { content: "\e6ff"; }
.kdicon-fail:before { content: "\e6a5"; }
.kdicon-feedback:before { content: "\e6d6"; }
.kdicon-female:before { content: "\e684"; }
.kdicon-filter-solid:before { content: "\e66a"; }
.kdicon-filter-switch:before { content: "\e6b1"; }
.kdicon-filter:before { content: "\e6a0"; }
.kdicon-finish:before { content: "\e6dc"; }
.kdicon-first:before { content: "\e630"; }
.kdicon-fixed-shrink:before { content: "\e693"; }
.kdicon-fixed-solid:before { content: "\e65f"; }
.kdicon-fixed-window:before { content: "\e6d1"; }
.kdicon-fixed:before { content: "\e6e3"; }
.kdicon-fold:before { content: "\e71d"; }
.kdicon-foldmenu:before { content: "\e70e"; }
.kdicon-font-background-solid:before { content: "\e673"; }
.kdicon-font-color-solid:before { content: "\e674"; }
.kdicon-forbid:before { content: "\e69b"; }
.kdicon-git:before { content: "\e6c1"; }
.kdicon-graffiti:before { content: "\e6fe"; }
.kdicon-greater-equal:before { content: "\e6d7"; }
.kdicon-have-attachment:before { content: "\e6a8"; }
.kdicon-hide:before { content: "\e6a9"; }
.kdicon-hyperlink:before { content: "\e6c9"; }
.kdicon-image:before { content: "\e687"; }
.kdicon-import:before { content: "\e6cb"; }
.kdicon-international:before { content: "\e719"; }
.kdicon-job-info:before { content: "\e68d"; }
.kdicon-last:before { content: "\e631"; }
.kdicon-left-border:before { content: "\e708"; }
.kdicon-left-extension:before { content: "\e6ae"; }
.kdicon-left-unfold-solid:before { content: "\e675"; }
.kdicon-left-unfold:before { content: "\e709"; }
.kdicon-like:before { content: "\e67f"; }
.kdicon-list:before { content: "\e6e6"; }
.kdicon-little-k:before { content: "\e700"; }
.kdicon-loadding-circle:before { content: "\e645"; }
.kdicon-loadding:before { content: "\e62d"; }
.kdicon-location-solid:before { content: "\e640"; }
.kdicon-location:before { content: "\e695"; }
.kdicon-lock-solid:before { content: "\e66b"; }
.kdicon-lock:before { content: "\e68b"; }
.kdicon-male:before { content: "\e683"; }
.kdicon-material:before { content: "\e6db"; }
.kdicon-medical-report:before { content: "\e703"; }
.kdicon-menu:before { content: "\e6d8"; }
.kdicon-merge-cell:before { content: "\e6f3"; }
.kdicon-more-info-solid:before { content: "\e660"; }
.kdicon-more-info:before { content: "\e6e4"; }
.kdicon-more-item:before { content: "\e6f4"; }
.kdicon-more:before { content: "\e6a1"; }
.kdicon-mosaic-solid:before { content: "\e663"; }
.kdicon-multiply:before { content: "\e65b"; }
.kdicon-my-receipt:before { content: "\e715"; }
.kdicon-no-border:before { content: "\e6f8"; }
.kdicon-not-equal:before { content: "\e6dd"; }
.kdicon-notice:before { content: "\e658"; }
.kdicon-oblique-solid:before { content: "\e66e"; }
.kdicon-operating-element:before { content: "\e6a4"; }
.kdicon-order-facet:before { content: "\e713"; }
.kdicon-order:before { content: "\e6d2"; }
.kdicon-ordered-list:before { content: "\e6fa"; }
.kdicon-person-solid:before { content: "\e669"; }
.kdicon-phone:before { content: "\e6d3"; }
.kdicon-platform:before { content: "\e6f1"; }
.kdicon-preview-view:before { content: "\e6ba"; }
.kdicon-preview:before { content: "\e6ac"; }
.kdicon-print:before { content: "\e690"; }
.kdicon-processing-solid:before { content: "\e665"; }
.kdicon-project:before { content: "\e681"; }
.kdicon-push-down:before { content: "\e702"; }
.kdicon-put-bottom:before { content: "\e6b4"; }
.kdicon-put-off:before { content: "\e685"; }
.kdicon-put-on:before { content: "\e6bd"; }
.kdicon-put-top:before { content: "\e6b3"; }
.kdicon-qrcode:before { content: "\e6df"; }
.kdicon-qualification-info:before { content: "\e6b2"; }
.kdicon-quit:before { content: "\e6fc"; }
.kdicon-quote-solid:before { content: "\e66d"; }
.kdicon-reduce:before { content: "\e696"; }
.kdicon-reduction:before { content: "\e6f2"; }
.kdicon-refresh-solid:before { content: "\e642"; }
.kdicon-refresh:before { content: "\e629"; }
.kdicon-report-form:before { content: "\e712"; }
.kdicon-reset:before { content: "\e6b9"; }
.kdicon-resign-report:before { content: "\e699"; }
.kdicon-return:before { content: "\e6e0"; }
.kdicon-right-bold:before { content: "\e648"; }
.kdicon-right-border:before { content: "\e67c"; }
.kdicon-right-extension:before { content: "\e6aa"; }
.kdicon-right-solid:before { content: "\e641"; }
.kdicon-right-unfold-solid:before { content: "\e672"; }
.kdicon-right-unfold:before { content: "\e6ab"; }
.kdicon-right:before { content: "\e62e"; }
.kdicon-rough-border:before { content: "\e6de"; }
.kdicon-save:before { content: "\e6c2"; }
.kdicon-scanning:before { content: "\e67d"; }
.kdicon-search-border:before { content: "\e6da"; }
.kdicon-search:before { content: "\e62a"; }
.kdicon-setting:before { content: "\e652"; }
.kdicon-share:before { content: "\e6cf"; }
.kdicon-shoppingcart:before { content: "\e6bf"; }
.kdicon-shrink:before { content: "\e6fd"; }
.kdicon-shutdown:before { content: "\e686"; }
.kdicon-sigma:before { content: "\e71b"; }
.kdicon-spin:before { content: "\e6f7"; }
.kdicon-split:before { content: "\e6c3"; }
.kdicon-star:before { content: "\e653"; }
.kdicon-stop:before { content: "\e691"; }
.kdicon-strike-solid:before { content: "\e664"; }
.kdicon-sun-solid:before { content: "\e670"; }
.kdicon-switch-down:before { content: "\e698"; }
.kdicon-switch-up:before { content: "\e680"; }
.kdicon-switch:before { content: "\e6e7"; }
.kdicon-table-setting:before { content: "\e6c6"; }
.kdicon-task-process:before { content: "\e6ea"; }
.kdicon-timezone-solid:before { content: "\e662"; }
.kdicon-tips-solid:before { content: "\e66c"; }
.kdicon-tips:before { content: "\e650"; }
.kdicon-title-solid:before { content: "\e65c"; }
.kdicon-top-border:before { content: "\e6ef"; }
.kdicon-two-window:before { content: "\e6f6"; }
.kdicon-underline-solid:before { content: "\e671"; }
.kdicon-unfold-all:before { content: "\e6ad"; }
.kdicon-unfold:before { content: "\e71e"; }
.kdicon-unfoldmenu:before { content: "\e70d"; }
.kdicon-unlock-solid:before { content: "\e666"; }
.kdicon-unlock:before { content: "\e69e"; }
.kdicon-upload-cloud:before { content: "\e632"; }
.kdicon-upload:before { content: "\e70b"; }
.kdicon-user-info:before { content: "\e682"; }
.kdicon-vertical-center:before { content: "\e6f5"; }
.kdicon-voice:before { content: "\e6d9"; }
.kdicon-waiting:before { content: "\e64b"; }
.kdicon-warning-solid:before { content: "\e64c"; }
.kdicon-warning:before { content: "\e64d"; }
.kdicon-workbench:before { content: "\e64f"; }
.kdicon-wrap:before { content: "\e6b0"; }
.kdicon-yunzhijia:before { content: "\e706"; }
.kdicon-zoom:before { content: "\e70c"; }

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
@-webkit-keyframes loadingcircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingcircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 6px #5582f3;
            box-shadow: 0 0 0 6px #5582f3;
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 6px #5582f3;
            box-shadow: 0 0 0 6px #5582f3;
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes kdRadioEffect {
  0% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
  }
}
@keyframes kdRadioEffect {
  0% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
  }
}
@-webkit-keyframes kdRadioLeaveEffect {
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
}
@keyframes kdRadioLeaveEffect {
  50% {
    -webkit-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
  }
}
@-webkit-keyframes kdRadioSquareEffect {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
}
@keyframes kdRadioSquareEffect {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
}
@-webkit-keyframes kdRadioSquareLeaveEffect {
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}
@keyframes kdRadioSquareLeaveEffect {
  50% {
    -webkit-transform: rotate(45deg) scale(1.2);
            transform: rotate(45deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}
@-webkit-keyframes kdZoomBounceEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kdZoomBounceEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kdZoomBounceLeaveEffect {
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes kdZoomBounceLeaveEffect {
  50% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes kdZoomBounceDefaultEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kdZoomBounceDefaultEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kdZoomEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kdZoomEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes kdZoomLeaveEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes kdZoomLeaveEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
  }
  100% {
    -webkit-transform-origin: 45% 77%;
            transform-origin: 45% 77%;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes kdNoticeEffect {
  0% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@keyframes kdNoticeEffect {
  0% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes kdNoticeLeaveEffect {
  100% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
@keyframes kdNoticeLeaveEffect {
  100% {
    -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
    opacity: 0;
  }
}
.top-active {
  -webkit-animation-name: kdZoomBottomIn;
          animation-name: kdZoomBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.top.hidden {
  -webkit-animation-name: kdZoomBottomOut;
          animation-name: kdZoomBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.left-active {
  -webkit-animation-name: kdZoomRightIn;
          animation-name: kdZoomRightIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.left.hidden {
  -webkit-animation-name: kdZoomRightOut;
          animation-name: kdZoomRightOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.right-active {
  -webkit-animation-name: kdZoomLeftIn;
          animation-name: kdZoomLeftIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.right.hidden {
  -webkit-animation-name: kdZoomLeftOut;
          animation-name: kdZoomLeftOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.bottom-active {
  -webkit-animation-name: kdZoomTopIn;
          animation-name: kdZoomTopIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.bottom.hidden {
  -webkit-animation-name: kdZoomTopOut;
          animation-name: kdZoomTopOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.topLeft-active {
  -webkit-animation-name: kdZoomLeftBottomIn;
          animation-name: kdZoomLeftBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.topLeft.hidden {
  -webkit-animation-name: kdZoomLeftBottomOut;
          animation-name: kdZoomLeftBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.rightBottom-active {
  -webkit-animation-name: kdZoomLeftBottomIn;
          animation-name: kdZoomLeftBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.rightBottom.hidden {
  -webkit-animation-name: kdZoomLeftBottomOut;
          animation-name: kdZoomLeftBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.topRight-active {
  -webkit-animation-name: kdZoomRightBottomIn;
          animation-name: kdZoomRightBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.topRight.hidden {
  -webkit-animation-name: kdZoomRightBottomOut;
          animation-name: kdZoomRightBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.leftBottom-active {
  -webkit-animation-name: kdZoomRightBottomIn;
          animation-name: kdZoomRightBottomIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.leftBottom.hidden {
  -webkit-animation-name: kdZoomRightBottomOut;
          animation-name: kdZoomRightBottomOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.leftTop-active {
  -webkit-animation-name: kdZoomTopRightIn;
          animation-name: kdZoomTopRightIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.leftTop.hidden {
  -webkit-animation-name: kdZoomTopRightOut;
          animation-name: kdZoomTopRightOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.bottomRight-active {
  -webkit-animation-name: kdZoomTopRightIn;
          animation-name: kdZoomTopRightIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.bottomRight.hidden {
  -webkit-animation-name: kdZoomTopRightOut;
          animation-name: kdZoomTopRightOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.rightTop-active {
  -webkit-animation-name: kdZoomTopLeftIn;
          animation-name: kdZoomTopLeftIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.rightTop.hidden {
  -webkit-animation-name: kdZoomTopLeftOut;
          animation-name: kdZoomTopLeftOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.bottomLeft-active {
  -webkit-animation-name: kdZoomTopLeftIn;
          animation-name: kdZoomTopLeftIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.bottomLeft.hidden {
  -webkit-animation-name: kdZoomTopLeftOut;
          animation-name: kdZoomTopLeftOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
@-webkit-keyframes kdZoomBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes kdZoomBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes kdZoomBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes kdZoomRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes kdZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomTopIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes kdZoomTopIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomTopOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes kdZoomTopOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
}
@keyframes kdZoomLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes kdZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomLeftBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes kdZoomLeftBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomLeftBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 0;
  }
}
@keyframes kdZoomLeftBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomRightBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes kdZoomRightBottomIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomRightBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes kdZoomRightBottomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomTopRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes kdZoomTopRightIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomTopRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes kdZoomTopRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes kdZoomTopLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes kdZoomTopLeftIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdZoomTopLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes kdZoomTopLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
.kd-dropdown.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.top-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.top.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.topRight-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.topRight.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.leftBottom-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.leftBottom.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.rightBottom-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.rightBottom.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.left-active {
  -webkit-animation-name: kdSlideCenterIn;
          animation-name: kdSlideCenterIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.left.hidden {
  -webkit-animation-name: kdSlideCenterOut;
          animation-name: kdSlideCenterOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.right-active {
  -webkit-animation-name: kdSlideCenterIn;
          animation-name: kdSlideCenterIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.right.hidden {
  -webkit-animation-name: kdSlideCenterOut;
          animation-name: kdSlideCenterOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.leftTop-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.leftTop.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.bottom-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.bottom.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.bottomRight-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.bottomRight.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-dropdown.rightTop-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-dropdown.rightTop.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-cascader-menus.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-cascader-menus.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-cascader-menus.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-cascader-menus.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-select.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-select.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-select.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-select.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-date-picker-panel.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
          animation-name: kdSlideDownIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-date-picker-panel.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
          animation-name: kdSlideDownOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
.kd-date-picker-panel.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
          animation-name: kdSlideUpIn;
  -webkit-animation-duration: calc(0.3s - 0.1s);
          animation-duration: calc(0.3s - 0.1s);
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-date-picker-panel.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
          animation-name: kdSlideUpOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
}
@-webkit-keyframes kdSlideCenterIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes kdSlideCenterIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes kdSlideCenterOut {
  0% {
    opacity: 1;
  }
  5% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes kdSlideCenterOut {
  0% {
    opacity: 1;
  }
  5% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes kdSlideUpIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes kdSlideUpIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes kdSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes kdSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes kdSlideDownIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes kdSlideDownIn {
  0% {
    opacity: 0;
  }
  5% {
    -webkit-transform: scaleY(0.6);
            transform: scaleY(0.6);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes kdSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes kdSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*  normalize.css 和现有产品的结合版本， 根据兼容性进行了调整 */
/* Document
   ========================================================================== */
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
html,
body,
input,
textarea,
select,
button {
  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
}
body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/* Forms
   ========================================================================== */
/**
 */
input {
  padding: 0;
  margin: 0;
}
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * Reset scrollbar style
 */
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
::-webkit-scrollbar-corner {
  background: 0 0;
}
::-webkit-scrollbar-thumb {
  min-height: 28px;
  height: 5px;
  min-width: 2px;
  width: 5px;
  border-radius: 4px;
  border: dashed transparent;
  padding: 100px 0 0;
  border-width: 1px;
  background-color: #b2b2b2;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:active {
  background-color: #999;
}
::-webkit-scrollbar-thumb:hover {
  background: #999;
  border-radius: 6;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.icon-center i {
  -ms-flex-item-align: center;
      align-self: center;
}
.kd-alert-container {
  z-index: var(--kd-g-z-index-apex, 9999);
  display: none;
  padding: var(--kd-c-alert-sizing-padding-vertical, 12px) var(--kd-c-alert-sizing-padding-horizontal, 20px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: display 3s;
  transition: display 3s;
  border-radius: var(--kd-c-alert-radius-border, 4px);
  border: 1px solid;
}
.kd-alert-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  z-index: var(--kd-g-z-index-apex, 9999);
  width: 100%;
}
.kd-alert.alert-success-bg-color {
  background-color: var(--kd-c-alert-color-background-success, var(--kd-g-color-background-success, #f2fff5));
}
.kd-alert.alert-warning-bg-color {
  background-color: var(--kd-c-alert-color-background-warning, var(--kd-g-color-background-warning, #fffbf2));
}
.kd-alert.alert-error-bg-color {
  background-color: var(--kd-c-alert-color-background-error, var(--kd-g-color-background-error, #fff2f4));
}
.kd-alert.alert-info-bg-color {
  background-color: var(--kd-c-alert-color-background-info, var(--kd-g-color-background-ongoing, #f2f9ff));
}
.kd-alert.alert-success-border-color {
  border-color: var(--kd-c-alert-color-border-success, #DCFAE4);
}
.kd-alert.alert-warning-border-color {
  border-color: var(--kd-c-alert-color-border-warning, #FFF1D4);
}
.kd-alert.alert-error-border-color {
  border-color: var(--kd-c-alert-color-border-error, #FFDBE0);
}
.kd-alert.alert-info-border-color {
  border-color: var(--kd-c-alert-color-border-info, #E0EFFF);
}
.kd-alert-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  height: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px));
  margin-right: var(--kd-c-alert-message-icon-sizing-margin-right, 8px);
  font-size: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-alert-icon i {
  -ms-flex-item-align: center;
      align-self: center;
}
.kd-alert-icon.alert-success-icon-color {
  color: var(--kd-c-alert-color-icon-success, var(--kd-g-color-success, #1ba854));
}
.kd-alert-icon.alert-warning-icon-color {
  color: var(--kd-c-alert-color-icon-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-alert-icon.alert-error-icon-color {
  color: var(--kd-c-alert-color-icon-error, var(--kd-g-color-error, #fb2323));
}
.kd-alert-icon.alert-info-icon-color {
  color: var(--kd-c-alert-color-icon-info, var(--kd-g-color-ongoing, #276ff5));
}
.kd-alert-message {
  color: var(--kd-c-alert-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-alert-message-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: default;
}
.kd-alert-leave {
  -webkit-transition: min-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: min-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  margin: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.kd-alert-leave .kd-alert-icon,
.kd-alert-leave .kd-alert-message,
.kd-alert-leave .kd-alert-close-icon {
  height: 0;
  line-height: 0;
}
.kd-alert-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px));
  margin-left: var(--kd-c-alert-close-icon-sizing-margin-left, 8px);
  color: var(--kd-c-alert-close-icon-color-text, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-alert-close-icon-font-size, var(--kd-g-font-size-middle, 14px));
  cursor: pointer;
}
.kd-alert-close-icon:hover {
  color: var(--kd-c-alert-close-icon-color-text-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-alert-close-icon:active {
  color: var(--kd-g-color-theme-7, #375cca);
}
.kd-alert-close-icon i {
  -ms-flex-item-align: center;
      align-self: center;
}
.kd-alert-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-alert-banner {
  position: fixed;
  -webkit-animation: moveIn var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1) both;
          animation: moveIn var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1) both;
}
@-webkit-keyframes moveIn {
  from {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes moveIn {
  from {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-anchor {
  position: relative;
  padding-left: var(--kd-c-anchor-spacing-horizontal, 7px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-anchor-wrapper {
  overflow: auto;
  font-size: var(--kd-c-anchor-font-size, var(--kd-g-font-size-small, 12px));
  width: var(--kd-c-anchor-sizing-width, 120px);
}
.kd-anchor-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
}
.kd-anchor-menu-wrapper {
  overflow: auto;
  font-size: var(--kd-c-anchor-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-anchor-menu-left-arrows {
  margin-right: 10px;
  font-size: var(--kd-c-anchor-icon-font-size, 16px);
  color: #666;
  cursor: pointer;
}
.kd-anchor-menu-left-arrows:hover:not(.kd-anchor-menu-left-arrows-disabled) {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-anchor-menu-left-arrows-disabled {
  color: #b2b2b2;
  cursor: not-allowed;
}
.kd-anchor-menu-right-arrows {
  margin-left: 10px;
  font-size: var(--kd-c-anchor-icon-font-size, 16px);
  color: #666;
  cursor: pointer;
}
.kd-anchor-menu-right-arrows:hover:not(.kd-anchor-menu-right-arrows-disabled) {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-anchor-menu-right-arrows-disabled {
  color: #b2b2b2;
  cursor: not-allowed;
}
.kd-anchor-menu-wrap {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 22px;
}
.kd-anchor-menu-link-list {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  -webkit-transition: all var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.42, 0, 1, 1);
  transition: all var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.42, 0, 1, 1);
  left: 0;
  top: 0;
}
.kd-anchor-menu .kd-anchor-link {
  padding: 0;
  display: inline-block;
}
.kd-anchor-menu .kd-anchor-link-title {
  display: inline-block;
  max-width: 96px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 4px;
  line-height: 1.5;
  vertical-align: middle;
}
.kd-anchor-menu .kd-anchor-link:not(:last-of-type)::after {
  display: inline-block;
  content: '';
  height: 0;
  width: 40px;
  border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
  margin: 4px;
}
.kd-anchor-advanced-arrows {
  color: var(--kd-c-anchor-advanced-arrows-color-text, #666);
  font-size: var(--kd-c-anchor-advanced-arrows-font-size, 24px);
  cursor: pointer;
}
.kd-anchor-advanced-arrows:hover {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-anchor-advanced {
  padding-top: var(--kd-c-anchor-advanced-spacing-padding-top, 8px);
  padding-bottom: var(--kd-c-anchor-advanced-spacing-padding-bottom, 7px);
  position: relative;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff));
  z-index: 1050;
}
.kd-anchor-advanced .kd-anchor-wrapper {
  width: var(--kd-c-anchor-advanced-sizing-width, 160px);
}
.kd-anchor-advanced-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 8px 8px 0;
  font-size: var(--kd-c-anchor-advanced-lock-font-size, 16px);
  color: var(--kd-c-anchor-advanced-arrows-color-text, #666);
  cursor: pointer;
}
.kd-anchor-advanced .kd-anchor {
  max-width: var(--kd-c-anchor-advanced-sizing-width, 160px);
}
.kd-anchor-line {
  position: absolute;
  left: var(--kd-c-anchor-spacing-horizontal, 7px);
  top: 0;
  height: 100%;
}
.kd-anchor-line::before {
  position: relative;
  display: block;
  width: var(--kd-c-anchor-line-slider-spacing-width, 1px);
  height: 100%;
  margin: 0 auto;
  background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  content: '';
}
.kd-anchor-line-slider {
  position: absolute;
  display: none;
  width: 0;
  height: 16px;
  border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.kd-anchor-line-slider.visible {
  display: inline-block;
}
.kd-anchor-link {
  padding: var(--kd-c-anchor-spacing-padding, 7px 8px);
}
.kd-anchor-link > .kd-anchor-link {
  padding: var(--kd-c-anchor-secondary-spacing-padding, 12px 8px);
}
.kd-anchor-link-title {
  text-decoration: none;
  color: var(--kd-c-anchor-color-text-primary, var(--kd-g-color-text-primary, #212121));
  margin-bottom: var(--kd-c-anchor-spacing-vertical, 7px);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  cursor: pointer;
}
.kd-anchor-link-title:only-child {
  margin-bottom: 0;
}
.kd-anchor-link-title-secondary {
  color: var(--kd-c-anchor-color-text-secondary, var(--kd-g-color-text-secondary, #666));
  padding-left: 4px;
}
.kd-anchor-link-title:hover {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-anchor-link-active > .kd-anchor-link-title {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-anchor-lock {
  font-size: var(--kd-c-anchor-icon-font-size, 16px);
}
.kd-anchor.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
.kd-avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: var(--kd-c-avatar-color-background, #B2B2B2);
  width: var(--kd-c-avatar-size-base, 40px);
  height: var(--kd-c-avatar-size-base, 40px);
  line-height: var(--kd-c-avatar-size-base, 40px);
  border-radius: 50%;
}
.kd-avatar-image {
  background: transparent;
}
.kd-avatar-disabled {
  cursor: not-allowed;
}
.kd-avatar:hover:not(.kd-avatar-disabled) {
  cursor: pointer;
}
.kd-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kd-avatar.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-base, 22px);
}
.kd-avatar.kd-avatar-icon > .kdicon {
  vertical-align: top;
}
.kd-avatar-lg {
  width: var(--kd-c-avatar-size-large, 60px);
  height: var(--kd-c-avatar-size-large, 60px);
  line-height: var(--kd-c-avatar-size-large, 60px);
  border-radius: 50%;
}
.kd-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kd-avatar-lg.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-large, 36px);
}
.kd-avatar-lg.kd-avatar-icon > .kdicon {
  vertical-align: top;
}
.kd-avatar-sm {
  width: var(--kd-c-avatar-size-small, 32px);
  height: var(--kd-c-avatar-size-small, 32px);
  line-height: var(--kd-c-avatar-size-small, 32px);
  border-radius: 50%;
}
.kd-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kd-avatar-sm.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-small, 18px);
}
.kd-avatar-sm.kd-avatar-icon > .kdicon {
  vertical-align: top;
}
.kd-avatar-xs {
  width: var(--kd-c-avatar-size-x-small, 24px);
  height: var(--kd-c-avatar-size-x-small, 24px);
  line-height: var(--kd-c-avatar-size-x-small, 24px);
  border-radius: 50%;
}
.kd-avatar-xs-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kd-avatar-xs.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-x-small, 14px);
}
.kd-avatar-xs.kd-avatar-icon > .kdicon {
  vertical-align: top;
}
.kd-avatar-square {
  border-radius: var(--kd-c-avatar-border-radius, 2px);
}
.kd-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: var(--kd-c-badge-font-size-base, var(--kd-g-font-size-middle, 14px));
}
.kd-badge-count {
  z-index: auto;
  min-width: var(--kd-c-badge-sizing-base, 16px);
  height: var(--kd-c-badge-sizing-base, 16px);
  color: var(--kd-c-badge-color, var(--kd-g-color-background, #fff));
  font-weight: var(--kd-c-badge-font-weight, 400);
  font-size: var(--kd-g-font-size-small, 12px);
  line-height: var(--kd-c-badge-sizing-base, 16px);
  white-space: nowrap;
  text-align: center;
  background: var(--kd-c-badge-color-background, #fb2323);
  border-radius: calc(var(--kd-c-badge-sizing-base, 16px) / 2);
}
.kd-badge-count-sm {
  min-width: var(--kd-c-badge-sizing-small, 14px);
  height: var(--kd-c-badge-sizing-small, 14px);
  padding: 0;
  font-size: var(--kd-c-badge-font-size-small, var(--kd-g-font-size-small, 12px));
  line-height: var(--kd-c-badge-sizing-small, 14px);
  border-radius: calc(var(--kd-c-badge-sizing-small, 14px) / 2);
}
.kd-badge-dot {
  z-index: auto;
  width: var(--kd-c-badge-sizing-dot, 8px);
  min-width: var(--kd-c-badge-sizing-dot, 8px);
  height: var(--kd-c-badge-sizing-dot, 8px);
  background: var(--kd-c-badge-color-background, #fb2323);
  border-radius: 100%;
}
.kd-badge-dot,
.kd-badge-custom-component,
.kd-badge-count {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.kd-badge-multiple-words {
  padding: 0 4px;
}
.kd-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.kd-badge-status-text {
  margin-left: 8px;
  color: var(--kd-c-badge-color, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-badge-font-size-base, var(--kd-g-font-size-middle, 14px));
}
.kd-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: var(--kd-c-badge-sizing-status, 8px);
  height: var(--kd-c-badge-sizing-status, 8px);
  vertical-align: middle;
  border-radius: 50%;
}
.kd-badge-status-success {
  background-color: var(--kd-c-badge-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-badge-status-processing {
  background-color: var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5));
}
.kd-badge-status-processing::after {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5));
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
          animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.kd-badge-status-error {
  background-color: var(--kd-c-badge-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-badge-status-default {
  background-color: var(--kd-c-badge-color-default, #d9d9d9);
}
.kd-badge-status-warning {
  background-color: var(--kd-c-badge-color-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-badge-not-a-wrapper:not(.kd-badge-status) {
  vertical-align: middle;
}
.kd-badge-not-a-wrapper .kd-badge-custom-component,
.kd-badge-not-a-wrapper .kd-badge-count {
  position: relative;
  top: auto;
  display: block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: none;
          transform: none;
}
@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-baseData {
  width: var(--kd-c-base-data-sizing-width, 230px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--kd-c-base-data-color-border, #999);
}
.kd-baseData-disabled {
  cursor: not-allowed;
}
.kd-baseData:not(.kd-baseData-disabled):hover {
  border-color: var(--kd-c-base-data-border-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-detail,
.kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-suffix {
  color: var(--kd-c-base-data-icon-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-detail {
  visibility: visible;
}
.kd-baseData-total {
  white-space: nowrap;
  cursor: pointer;
}
.kd-baseData-suffix,
.kd-baseData-detail {
  font-size: 16px;
  margin-left: 5px;
  cursor: pointer;
}
.kd-baseData-detail {
  visibility: hidden;
}
.kd-baseData-dropdown {
  margin: 0;
  z-index: var(--kd-c-base-data-dropdown-z-index, var(--kd-g-z-index-popper, 1050));
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: var(--kd-c-base-data-dropdown-radius-border, var(--kd-g-radius-border, 2px));
  background: var(--kd-c-base-data-dropdown-radius-border, var(--kd-g-color-background, #fff));
  overflow: auto;
  max-height: var(--kd-c-base-data-dropdown-sizing-height, 400px);
  color: var(--kd-c-base-data-color-text, #212121);
}
.kd-baseData-dropdown-columns,
.kd-baseData-dropdown-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-baseData-dropdown-columns.selected,
.kd-baseData-dropdown-options.selected {
  color: var(--kd-c-base-data-option-color-text-active, var(--kd-g-color-theme, #5582f3));
}
.kd-baseData-dropdown-columns-item,
.kd-baseData-dropdown-options-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 var(--kd-c-base-data-option-spacing-padding-vertical, 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-baseData-dropdown-columns-item-collect,
.kd-baseData-dropdown-options-item-collect {
  position: absolute;
  right: 10px;
  visibility: hidden;
}
.kd-baseData-dropdown-columns-item-collect-icon,
.kd-baseData-dropdown-options-item-collect-icon {
  color: var(--kd-c-base-data-dropdown-icon-color-text, var(--kd-g-color-warning, #ff991c));
}
.kd-baseData-dropdown-columns-item-collect-icon:hover,
.kd-baseData-dropdown-options-item-collect-icon:hover {
  color: var(--kd-c-base-data-dropdown-icon-color-text-hover, var(--kd-g-color-warning, #ff991c));
}
.kd-baseData-dropdown-columns-item-collect-not-icon,
.kd-baseData-dropdown-options-item-collect-not-icon {
  color: #666;
}
.kd-baseData-dropdown-columns-item-collect-not-icon:hover,
.kd-baseData-dropdown-options-item-collect-not-icon:hover {
  color: var(--kd-c-base-data-dropdown-color-text-hover, var(--kd-g-color-warning, #ff991c));
}
.kd-baseData-dropdown-columns-item-search,
.kd-baseData-dropdown-options-item-search {
  color: #3987ed;
}
.kd-baseData-dropdown-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 200px;
}
.kd-baseData-dropdown-columns {
  height: var(--kd-c-base-data-dropdown-columns-height, 36px);
  background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
}
.kd-baseData-dropdown-options {
  height: var(--kd-c-base-data-dropdown-options-sizing-height, 32px);
  cursor: pointer;
}
.kd-baseData-dropdown-options:hover {
  background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
}
.kd-baseData-dropdown-options:hover .kd-baseData-dropdown-options-item-collect {
  visibility: visible;
}
.kd-baseData-dropdown-footer {
  height: var(--kd-c-base-data-dropdown-footer-height, 40px);
  border-top: 1px solid var(--kd-c-base-data-footer-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-baseData-dropdown-footer-btn {
  color: var(--kd-c-base-data-footer-btn-color-text, var(--kd-g-color-text-link, #0e5fd8));
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-baseData-dropdown-footer-btn > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  cursor: pointer;
}
.kd-baseData-dropdown-empty {
  margin: 20px 0;
}
.kd-baseData-dropdown .kd-tabs-tab-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-baseData-dropdown .kd-tab-pane {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0;
  text-align: center;
}
.kd-baseData-dropdown .kd-tabs-right-arrows {
  display: none;
}
.kd-baseData .kd-input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0;
}
.kd-baseData .kd-input-disabled {
  background: #fff;
}
.topLeft.hidden,
.bottomLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-baseData-dropdown-wrapper.topLeft.hidden,
.kd-baseData-dropdown-wrapper.bottomLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-btn {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: var(--kd-c-button-font-weight, var(--kd-g-font-weight, 400));
  border: var(--kd-c-button-sizing-border, 1px) solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.kd-btn,
.kd-btn:active,
.kd-btn:focus {
  outline: 0;
}
.kd-btn:not(.kd-btn-text)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3);
          box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3);
  opacity: 0.2;
  content: '';
  pointer-events: none;
  clear: both;
}
.kd-btn:not(.kd-btn-text)[click-animating-wave='true']::after {
  -webkit-animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-btn-second {
  border-color: var(--kd-c-button-second-color-border, #D9D9D9);
  background-color: var(--kd-c-button-second-color-background, transparent);
  color: var(--kd-c-button-second-color-text, #212121);
}
.kd-btn-second:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-second-color-background-hover, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-button-second-color-border-hover, var(--kd-g-color-theme, #5582f3));
  color: var(--kd-c-button-second-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-second:active:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-second-color-background-active, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-button-second-color-border-active, var(--kd-g-color-theme-7, #375cca));
  color: var(--kd-c-button-second-color-text-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-second:disabled {
  border-color: var(--kd-c-button-second-color-border-disabled, #D9D9D9) !important;
  background-color: var(--kd-c-button-second-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  color: var(--kd-c-button-second-color-text-disabled, #B2B2B2) !important;
}
.kd-btn-primary {
  border-color: var(--kd-c-button-primary-color-border, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-button-primary-color-background, var(--kd-g-color-theme, #5582f3));
  color: var(--kd-c-button-primary-color-text, var(--kd-g-color-white, #fff));
}
.kd-btn-primary:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-primary-color-background-hover, var(--kd-g-color-theme-5, #87adff));
  border-color: var(--kd-c-button-primary-color-border-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-btn-primary:active:not(.kd-btn-loading) {
  border-color: var(--kd-c-button-primary-color-border-active, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-primary:disabled {
  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
}
.kd-btn-ghost {
  border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3));
  background-color: var(--kd-c-button-ghost-color-background, transparent);
  color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-ghost:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff));
  border-color: var(--kd-c-button-ghost-color-border-hover, transparent);
  color: var(--kd-c-button-ghost-color-text-hover, #ffffff);
}
.kd-btn-ghost:active:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-ghost-color-background-active, var(--kd-g-color-theme-7, #375cca));
  border-color: var(--kd-c-button-ghost-color-border-hover, transparent);
  color: var(--kd-c-button-ghost-color-text-active, #ffffff);
}
.kd-btn-ghost:disabled {
  background-color: var(--kd-c-button-ghost-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-button-ghost-color-border-disabled, #D9D9D9) !important;
  color: var(--kd-c-button-ghost-color-text-disabled, #B2B2B2) !important;
}
.kd-btn-iconWrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
}
.kd-btn-iconWrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: right;
}
.kd-btn-loadingIcon {
  color: var(--kd-c-button-text-color-loading, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-primary-loadingIcon {
  color: var(--kd-c-button-primary-color-text-loading, var(--kd-g-color-white, #fff));
}
.kd-btn-size-small {
  height: var(--kd-c-button-sizing-height-small, 24px);
  min-width: var(--kd-c-button-sizing-min-width-small, 60px);
  line-height: calc(var(--kd-c-button-sizing-height-small, 24px) - (var(--kd-c-button-spacing-padding-vertical-small, 3px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2));
  font-size: var(--kd-c-button-font-size-small, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-button-spacing-padding-vertical-small, 3px) var(--kd-c-button-spacing-padding-horizontal-small, 8px);
}
.kd-btn-size-small.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-small, 14px);
  padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-btn-size-small .kd-btn-group-basic-icon {
  font-size: var(--kd-c-button-icon-font-size-small, 14px);
}
.kd-btn-size-middle {
  height: var(--kd-c-button-sizing-height-middle, 28px);
  min-width: var(--kd-c-button-sizing-min-width-middle, 60px);
  line-height: calc(var(--kd-c-button-sizing-height-middle, 28px) - (var(--kd-c-button-spacing-padding-vertical-middle, 5px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2));
  font-size: var(--kd-c-button-font-size-middle, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-button-spacing-padding-vertical-middle, 5px) var(--kd-c-button-spacing-padding-horizontal-middle, 8px);
}
.kd-btn-size-middle.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-middle, 16px);
  padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-btn-size-middle .kd-btn-group-basic-icon {
  font-size: var(--kd-c-button-icon-font-size-middle, 16px);
}
.kd-btn-size-large {
  height: var(--kd-c-button-sizing-height-large, 32px);
  min-width: var(--kd-c-button-sizing-min-width-large, 80px);
  line-height: calc(var(--kd-c-button-sizing-height-large, 32px) - (var(--kd-c-button-spacing-padding-vertical-large, 6px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2));
  font-size: var(--kd-c-button-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-button-spacing-padding-vertical-large, 6px) var(--kd-c-button-spacing-padding-horizontal-large, 8px);
}
.kd-btn-size-large.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-large, 18px);
  padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-btn-size-large .kd-btn-group-basic-icon {
  font-size: var(--kd-c-button-icon-font-size-large, 18px);
}
.kd-btn-shape-circle {
  border-radius: 50%;
  min-width: auto;
}
.kd-btn-shape-circle.kd-btn-size-small {
  width: var(--kd-c-button-sizing-height-small, 24px);
  padding: 0;
}
.kd-btn-shape-circle.kd-btn-size-middle {
  width: var(--kd-c-button-sizing-height-middle, 28px);
  padding: 0;
}
.kd-btn-shape-circle.kd-btn-size-large {
  width: var(--kd-c-button-sizing-height-large, 32px);
  padding: 0;
}
.kd-btn-shape-round.kd-btn-size-small {
  border-radius: var(--kd-c-button-sizing-height-small, 24px);
}
.kd-btn-shape-round.kd-btn-size-middle {
  border-radius: var(--kd-c-button-sizing-height-middle, 28px);
}
.kd-btn-shape-round.kd-btn-size-large {
  border-radius: var(--kd-c-button-sizing-height-large, 32px);
}
.kd-btn-shape-none {
  border-radius: 0;
}
.kd-btn-text {
  height: auto;
  width: auto;
  color: var(--kd-c-button-text-color-text, var(--kd-g-color-theme-6, #5582f3));
  padding: 0;
  min-width: auto;
}
.kd-btn-text:hover {
  color: var(--kd-c-button-text-color-text-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-btn-text:active {
  color: var(--kd-c-button-text-color-text-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-text[disabled] {
  color: var(--kd-c-button-text-color-text-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
}
.kd-btn-no-border {
  border: none;
}
.kd-btn:disabled,
.kd-btn[disabled] {
  cursor: not-allowed;
}
.kd-btn-background-ghost,
.kd-btn-background-ghost:hover,
.kd-btn-background-ghost:active {
  background-color: transparent;
}
.kd-btn-background-ghost.kd-btn-primary {
  color: var(--kd-c-button-background-ghost-color-text, var(--kd-g-color-theme, #5582f3));
}
.kd-btn-background-ghost.kd-btn-primary:hover {
  color: var(--kd-c-button-background-ghost-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-btn-loading {
  cursor: default;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-btn-block {
  width: 100%;
}
.kd-btn .btn-space {
  margin-left: 4px;
}
.kd-btn-group {
  display: inline-block;
}
.kd-btn-group-basic .kd-btn {
  padding-top: 0;
  padding-bottom: 0;
}
.kd-btn-group-basic-icon {
  margin-left: 4px;
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary {
  background: var(--kd-c-button-group-trigger-color-background, var(--kd-g-color-theme-7, #375cca));
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:hover {
  background: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
  border-color: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:active {
  background: var(--kd-c-button-group-trigger-color-background-active, var(--kd-g-color-theme-8, #1f3ba1));
}
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:disabled {
  background: var(--kd-c-button-group-trigger-color-background-disabled, var(--kd-g-color-theme-5, #87adff)) !important;
}
.kd-btn-group-similar > .kd-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kd-btn-group-similar > .kd-btn:first-child:hover {
  z-index: 1;
}
.kd-btn-group .kd-btn-size-small,
.kd-btn-group .kd-btn-size-middle,
.kd-btn-group .kd-btn-size-large {
  min-width: unset;
}
.kd-btn-group .kd-dropdown-menu {
  padding: 0;
}
.kd-btn-group-dropdown {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  background: var(--kd-c-button-group-dropdown-color-background, #fff);
  color: #333333;
  min-width: var(--kd-c-button-group-dropdown-min-width, 80px);
}
.kd-btn-group-dropdown-item {
  height: var(--kd-c-button--group-dropdown-item-height, 30px);
  line-height: var(--kd-c-button--group-dropdown-item-height, 30px);
  cursor: pointer;
  padding: 0 var(--kd-c-button-group-dropdown-item-horizonta, 12px);
}
.kd-btn-group-dropdown-item:hover {
  background: var(--kd-c-button-group-dropdown-item-color-background-hover, #F5F5F5);
}
.kd-btn-group-dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--kd-c-button-group-dropdown-item-border-color, #E5E5E5);
}
.kd-btn-group.topLeft.hidden,
.kd-btn-group.bottomLeft.hidden,
.kd-btn-group.topRight.hidden,
.kd-btn-group.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-card {
  position: relative;
  background-color: var(--kd-c-card-color-background, var(--kd-g-color-white, #fff));
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.kd-card.hoverable:hover {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kd-card .kd-card-header {
  height: var(--kd-c-card-sizing-title-height, 40px);
  padding: 0 58px 0 var(--kd-c-card-spacing-padding-horizontal, 12px);
  line-height: 40px;
  font-size: var(--kd-c-card-title-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-card-title-color, var(--kd-g-color-text-primary, #212121));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-card .kd-card-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  padding: 0 var(--kd-c-card-spacing-padding-horizontal, 12px);
}
.kd-card .kd-card-avatar .kd-card-avatar-img {
  width: 42px;
  height: 42px;
  margin-right: var(--kd-c-card-spacing-padding-vertical, 8px);
  overflow: hidden;
}
.kd-card .kd-card-avatar .kd-card-avatar-img.circle {
  border-radius: 50%;
}
.kd-card .kd-card-avatar .kd-card-avatar-img img {
  width: 100%;
  height: 100%;
}
.kd-card .kd-card-avatar .kd-card-avatar-title {
  font-size: var(--kd-c-card-title-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-card-title-color, var(--kd-g-color-text-primary, #212121));
}
.kd-card .kd-card-avatar .kd-card-avatar-desc {
  font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-card-content-color, var(--kd-g-color-text-secondary, #666));
}
.kd-card .kd-checkbox {
  position: absolute;
  top: var(--kd-c-card-spacing-padding-horizontal, 12px);
  right: var(--kd-c-card-spacing-padding-horizontal, 12px);
}
.kd-card .kd-card-tags {
  padding: 4px var(--kd-c-card-spacing-padding-horizontal, 12px);
}
.kd-card .kd-card-tags .kd-tag:not(:last-child) {
  margin-right: var(--kd-c-card-spacing-padding-vertical, 8px);
}
.kd-card .kd-card-body {
  padding: var(--kd-c-card-spacing-padding-vertical, 8px) var(--kd-c-card-spacing-padding-horizontal, 12px);
  font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-card-content-color, var(--kd-g-color-text-secondary, #666));
}
.kd-card .kd-card-actions {
  height: 32px;
  padding: 0 var(--kd-c-card-spacing-padding-horizontal, 12px);
  line-height: 32px;
  text-align: right;
  background-color: #fafafa;
}
.kd-card .kd-card-actions > a {
  margin-left: 16px;
  font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-card-actions-color, var(--kd-g-color-theme, #5582f3));
}
.kd-card .kd-card-actions > a:hover {
  color: var(--kd-c-card-actions-color-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-card .kd-card-actions > a:active {
  color: var(--kd-c-card-actions-color-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-card-extra {
  position: absolute;
  top: 6px;
  right: 4px;
}
.kd-card-extra i {
  font-size: 22px;
  width: 32px;
  cursor: pointer;
}
.kd-card-lists-icon {
  font-size: 32px;
  position: absolute;
  top: 6px;
  right: 40px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
.kd-carousel-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kd-carousel-list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.kd-carousel-list-item {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  width: 100%;
}
.kd-carousel-list-slide {
  width: 100%;
}
.kd-carousel-list-slide .kd-carousel-list-item {
  opacity: 1;
  border-radius: var(--kd-c-carousel-border-radius, 0px);
}
.kd-carousel-list-slide .kd-carousel-list-item-animation {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.kd-carousel-list-slide .kd-carousel-list-item-none-animation {
  -webkit-transition: none;
  transition: none;
}
.kd-carousel-list-slide .kd-carousel-list-item-not-hidden {
  opacity: 1;
}
.kd-carousel-list-slide .kd-carousel-list-item-hidden {
  opacity: 0;
}
.kd-carousel-list-fade {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kd-carousel-list-fade .kd-carousel-list-item {
  opacity: 1;
}
.kd-carousel-list-fade .kd-carousel-list-item-animation {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.kd-carousel-list-fade .kd-carousel-list-item-none-animation {
  -webkit-transition: none;
  transition: none;
}
.kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
  opacity: 1;
}
.kd-carousel-list-fade .kd-carousel-list-item-hidden {
  opacity: 0;
}
.kd-carousel-list-display {
  width: 100%;
}
.kd-carousel-list-display .kd-carousel-list-item {
  display: block;
}
.kd-carousel-list-display .kd-carousel-list-item-not-hidden {
  display: block;
}
.kd-carousel-list-display .kd-carousel-list-item-hidden {
  display: none;
}
.kd-carousel-slidebar {
  position: absolute;
  list-style: none;
  padding: 0;
}
.kd-carousel-slidebar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: var(--kd-c-carousel-spacing-margin-left, 12px);
}
.kd-carousel-slidebar-left > li {
  margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kd-c-carousel-dots-sizing-height, 4px);
  height: var(--kd-c-carousel-dots-sizing-width, 12px);
}
.kd-carousel-slidebar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: var(--kd-c-carousel-spacing-margin-right, 12px);
}
.kd-carousel-slidebar-right > li {
  margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kd-c-carousel-dots-sizing-height, 4px);
  height: var(--kd-c-carousel-dots-sizing-width, 12px);
}
.kd-carousel-slidebar-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: var(--kd-c-carousel-spacing-margin-bottom, 12px);
}
.kd-carousel-slidebar-bottom > li {
  margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px);
  height: var(--kd-c-carousel-dots-sizing-height, 4px);
  width: var(--kd-c-carousel-dots-sizing-width, 12px);
}
.kd-carousel-slidebar-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: var(--kd-c-carousel-spacing-margin-top, 12px);
}
.kd-carousel-slidebar-top > li {
  margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px);
  height: var(--kd-c-carousel-dots-sizing-height, 4px);
  width: var(--kd-c-carousel-dots-sizing-width, 12px);
}
.kd-carousel-slidebar-dot > button {
  display: block;
  border-radius: var(--kd-c-carousel-dots-border-radius, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  height: 100%;
  padding: 0;
  width: 100%;
  cursor: pointer;
  outline: none;
  background-color: var(--kd-c-carousel-dots-color-background, #D8D8D8);
}
.kd-carousel-slidebar-dot {
  display: block;
  border-radius: var(--kd-c-carousel-dots-border-radius, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  height: 100%;
  padding: 0;
  width: 100%;
  cursor: pointer;
  outline: none;
}
.kd-carousel-slidebar-dot-active {
  opacity: 1;
}
.kd-carousel-slidebar-dot-active > button {
  background-color: var(--kd-c-carousel-dots-color-hover, #666666);
  opacity: 1;
}
.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.vertical > li {
  margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kd-c-carousel-dots-sizing-height, 4px);
  height: var(--kd-c-carousel-dots-sizing-width, 12px);
}
.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.horizontal > li {
  margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px);
  height: var(--kd-c-carousel-dots-sizing-height, 4px);
  width: var(--kd-c-carousel-dots-sizing-width, 12px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-cascader-picker {
  position: relative;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.kd-cascader-picker:focus > .kd-cascader-picker-input {
  border-color: var(--kd-c-cascader-color-active, #999);
}
.kd-cascader-picker:focus > .kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker:focus > .kd-cascader-picker-input i[class*="kdicon"] {
  color: var(--kd-c-cascader-color-active, #999);
}
.kd-cascader-picker:hover > .kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker:hover > .kd-cascader-picker-input i[class*="kdicon"] {
  color: var(--kd-c-cascader-color-active, #999);
}
.kd-cascader-picker.disabled .kd-cascader-picker-input {
  cursor: not-allowed;
  border-color: var(--kd-g-color-border-strong, #d9d9d9);
}
.kd-cascader-picker.disabled .kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker.disabled .kd-cascader-picker-input i[class*="kdicon"] {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-cascader-picker-label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0 24px 0 9px;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-cascader-picker-input {
  background-color: transparent !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kd-cascader-picker-input > input {
  color: transparent !important;
  cursor: pointer;
}
.kd-cascader-picker-input.expand {
  border-color: var(--kd-c-cascader-color-active, #999);
}
.kd-cascader-picker-input.expand i[class*="kdicon"] {
  color: var(--kd-c-cascader-color-active, #999);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker-input i[class*="kdicon"] {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kd-cascader-picker.allowClear:hover > .kd-cascader-picker-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}
.kd-cascader-picker.allowClear:hover .kd-input-suffix {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.kd-cascader-picker-close {
  position: absolute;
  top: 50%;
  right: 9px;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.9) translateY(-50%);
          transform: scale(0.9) translateY(-50%);
}
.kd-cascader-picker-close:hover {
  color: var(--kd-c-cascader-color-active, #999);
}
.kd-cascader-menus {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--kd-c-cascader-color-text, var(--kd-g-color-text-primary, #212121));
  border-radius: var(--kd-c-cascader-radius-border, var(--kd-g-radius-border, 2px));
  font-size: var(--kd-c-cascader-font-size, var(--kd-g-font-size-small, 12px));
  font-weight: var(--kd-c-cascader-font-weight, 'normal');
  background-color: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  opacity: 1;
  visibility: visible;
  z-index: var(--kd-g-z-index-popper, 1050);
}
.kd-cascader-menus.hidden {
  opacity: 0;
  visibility: hidden;
}
.kd-cascader-menus .kd-cascader-menu {
  display: inline-table;
  height: var(--kd-c-cascader-sizing-height, 192px);
  min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px);
  margin: 0;
  padding: var(--kd-c-cascader-menu-spacing-padding-vertical, 8px) 0;
  overflow-y: auto;
}
.kd-cascader-menus .kd-cascader-menu:not(:first-child) {
  border-left: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
}
.kd-cascader-menus .kd-cascader-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--kd-c-cascader-menu-item-spacing-padding-horizontal, 12px);
  line-height: var(--kd-c-cascader-menu-item-sizing-height, 32px);
  cursor: pointer;
}
.kd-cascader-menus .kd-cascader-menu-item:not(.disabled, .selected):hover {
  background-color: var(--kd-c-cascader-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease, cubic-bezier(0.4, 0, 0.6, 1));
  transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease, cubic-bezier(0.4, 0, 0.6, 1));
}
.kd-cascader-menus .kd-cascader-menu-item.disabled {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-cascader-menus .kd-cascader-menu-item.selected {
  color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-cascader-color-background-selected, var(--kd-g-color-background-ongoing, #f2f9ff));
}
.kd-cascader-menus .kd-cascader-menu-item-label {
  width: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-cascader-menus .kd-cascader-menu-item.last .kd-cascader-menu-item-label {
  width: 92px;
}
.kd-cascader-menus .kd-empty {
  padding: 10px 0 20px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--kd-c-checkbox-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-checkbox-color-text-primary, #212121);
  line-height: 18px;
}
.kd-checkbox-no-child {
  height: var(--kd-c-checkbox-default-input-sizing-height, 14px);
  width: var(--kd-c-checkbox-default-input-sizing-width, 14px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-checkbox-group > *:not(:last-child) {
  margin-right: var(--kd-c-checkbox-group-spacing-margin-right, 12px);
}
.kd-checkbox-input {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
  opacity: 0;
}
.kd-checkbox-children {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kd-checkbox-children .kd-input-underline {
  background-color: transparent;
  border-bottom: none;
}
.kd-checkbox-square {
  border-radius: 2px;
  border: 1px solid var(--kd-c-checkbox-color-border, #d9d9d9);
  padding: var(--kd-c-checkbox-square-spacing-padding-horizontal, 7px) var(--kd-c-checkbox-square-spacing-padding-vertical, 12px);
  -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-checkbox-square:not(.kd-checkbox-square-disabled)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.2;
  -webkit-box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3));
          box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-checkbox-square:hover {
  color: var(--kd-c-checkbox-color-text-hover, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
}
.kd-checkbox-square-triangle,
.kd-checkbox-square-triangle-checked {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 var(--kd-c-checkbox-square-triangle-sizing-height, 18px) var(--kd-c-checkbox-square-triangle-sizing-width, 18px);
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
}
.kd-checkbox-square-triangle {
  -webkit-animation: kdZoomBounceLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomBounceLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-transition: all var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  opacity: 0;
}
.kd-checkbox-square-inner {
  position: absolute;
  height: 9px;
  width: 11px;
  color: var(--kd-c-checkbox-square-input-icon-color, #fff);
  font-size: var(--kd-c-checkbox-default-input-icon-font-size, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}
.kd-checkbox-square-inner-icon {
  font-size: inherit;
  line-height: 100%;
  -webkit-animation: kdZoomLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-checkbox-square-triangle-disabled {
  border-bottom-color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-checkbox-square-disabled,
.kd-checkbox-square-disabled:hover {
  border-color: var(--kd-c-checkbox-color-border, #d9d9d9);
  color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed !important;
}
.kd-checkbox-square-checked {
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
}
.kd-checkbox-square-checked:not(.kd-checkbox-square-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-checkbox-square-checked .kd-checkbox-square-triangle-checked:not(.kd-checkbox-square-disabled) {
  -webkit-animation: kdZoomBounceEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
          animation: kdZoomBounceEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-checkbox-square-checked .kd-checkbox-square-inner-icon:not(.kd-checkbox-square-disabled) {
  -webkit-animation: kdZoomEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-checkbox-square-checked-disabled {
  background-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  cursor: not-allowed !important;
}
.kd-checkbox-square-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--kd-c-checkbox-default-input-sizing-height, 14px);
  width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.kd-checkbox-square.checked .kd-checkbox-children {
  color: var(--kd-c-checkbox-color-text-primary, #212121);
}
.kd-checkbox-default {
  border: none;
  padding: var(--kd-c-checkbox-default-spacing-padding, 0);
  -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-checkbox-default:hover,
.kd-checkbox-default:hover .kd-checkbox-default-wrapper {
  color: var(--kd-c-checkbox-color-text-hover, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  cursor: pointer;
}
.kd-checkbox-default-disabled,
.kd-checkbox-default-disabled:hover,
.kd-checkbox-default-disabled:hover .kd-checkbox-default-wrapper {
  color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-checkbox-color-border, #d9d9d9);
  cursor: not-allowed !important;
}
.kd-checkbox-default-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--kd-c-checkbox-color-background, var(--kd-g-color-background, #fff));
  border: var(--kd-c-checkbox-default-input-border-width, 1px) solid var(--kd-c-checkbox-color-border, #d9d9d9);
  border-radius: var(--kd-c-checkbox-default-input-radius-border, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-checkbox-default-wrapper:not(.kd-checkbox-default-wrapper-disabled)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.2;
  -webkit-box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3));
          box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-checkbox-default-wrapper-size {
  height: var(--kd-c-checkbox-default-input-sizing-height, 14px);
  width: var(--kd-c-checkbox-default-input-sizing-width, 14px);
}
.kd-checkbox-default-margin {
  margin-right: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px);
}
.kd-checkbox-default-no-child {
  height: 100%;
  width: 100%;
}
.kd-checkbox-default-checked-disabled {
  background-color: var(--kd-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
  border-color: var(--kd-c-checkbox-default-color-background-disabled, #d9d9d9) !important;
  cursor: not-allowed !important;
}
.kd-checkbox-default-checked-disabled .kd-checkbox-default-inner {
  color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-checkbox-default-checked {
  background-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: background-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: background-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-checkbox-default-checked:not(.kd-checkbox-default-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-checkbox-default-inner:not(.kd-checkbox-default-checked-disabled .kd-checkbox-default-inner) {
  -webkit-animation: kdZoomBounceDefaultEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
          animation: kdZoomBounceDefaultEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.kd-checkbox-default-inner {
  position: absolute;
  color: var(--kd-c-checkbox-default-input-icon-color, #fff);
  font-size: var(--kd-c-checkbox-default-input-icon-font-size, 12px);
  height: 100%;
  width: 100%;
  top: 5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kd-checkbox-default-inner-icon {
  font-size: inherit;
  line-height: 100%;
}
.kd-checkbox-default-indeterminate::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--kd-c-checkbox-default-indeterminate-sizing-square, 6px);
  height: var(--kd-c-checkbox-default-indeterminate-sizing-square, 6px);
  background-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}
.kd-checkbox-default.checked .kd-checkbox-children {
  color: var(--kd-c-checkbox-color-text-primary, #212121);
}
.kd-checkbox-default-indeterminate .kd-checkbox-children {
  color: var(--kd-c-checkbox-color-text-primary, #212121);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-city-picker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border-bottom: 1px solid #999;
}
.kd-city-picker-container .kd-city-picker-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 21px;
}
.kd-city-picker-container .kd-city-picker-title {
  margin-bottom: 9px;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  line-height: 18px;
}
.kd-city-picker-container .kd-city-picker-info {
  margin-right: 20px;
}
.kd-city-picker-container .kd-city-picker-input {
  border: 0;
  outline: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 50%;
  color: #212121;
}
.kd-city-picker-container .kd-city-picker-arrow {
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.kd-city-picker-container .kd-city-picker-arrow.arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kd-city-picker-panel-container {
  width: var(--kd-c-city-picker-panel-sizing-width, 460px);
  height: var(--kd-c-city-picker-panel-sizing-height, 373px);
  font-size: var(--kd-c-city-picker-panel-font-size, 12px);
  line-height: 18px;
  letter-spacing: 0;
}
.kd-city-picker-panel-container .kd-city-picker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-tab-item {
  position: relative;
  cursor: pointer;
  padding: 3px 0;
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-tab-item.active {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3));
  z-index: 1;
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-tab-item.active::before {
  z-index: -1;
  background: #fff;
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-domestic {
  width: 94px;
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-domestic::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background: var(--kd-c-city-picker-color-background, var(--kd-g-color-background-contain, #fafafa));
  border-radius: 2px 4px 0 0;
  -webkit-transform: scaleY(1.25) perspective(18px) rotateX(10deg);
          transform: scaleY(1.25) perspective(18px) rotateX(10deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-internation {
  width: 108px;
  margin-left: -13px;
}
.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-internation::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background: var(--kd-c-city-picker-color-background, var(--kd-g-color-background-contain, #fafafa));
  border-radius: 4px 4px 0 0;
  -webkit-transform: scaleY(1.25) perspective(18px) rotateX(10deg);
          transform: scaleY(1.25) perspective(18px) rotateX(10deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
}
.kd-city-picker-panel-item {
  margin: 4px 6px;
  padding: 3px 6px;
  color: #212121;
  width: 72px;
  cursor: pointer;
}
.kd-city-picker-panel-item:hover {
  background: var(--kd-c-city-picker-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  border-radius: 2px;
}
.kd-city-picker-content-container {
  height: 349px;
  padding: 0 20px 12px 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0 var(--kd-c-city-picker-panel-radius-border, var(--kd-g-radius-border, 2px)) var(--kd-c-city-picker-panel-radius-border, var(--kd-g-radius-border, 2px)) var(--kd-c-city-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-city-picker-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.kd-city-picker-group-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 10px 0;
  max-height: 39px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid #F5F5F5;
  cursor: pointer;
  text-align: center;
}
.kd-city-picker-group-item:hover {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3));
}
.kd-city-picker-group-item.active {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3));
  border-bottom: 2px solid var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3));
}
.kd-city-picker-group-item.last {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.kd-city-picker-city-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  max-height: calc(100% - 39px - 10px);
  overflow: scroll;
}
.kd-city-picker-city-table .kd-city-picker-city-table-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-city-picker-city-table .kd-city-picker-city-table-group .kd-city-picker-city-table-key {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  color: #999;
  margin-right: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.kd-city-picker-city-table .kd-city-picker-city-table-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kd-city-picker-city-table .kd-city-picker-city-table-cell {
  margin: 4px 6px;
  padding: 3px 6px;
  color: var(--kd-c-city-picker-panel-item-color, var(--kd-g-color-text-primary, #212121));
  cursor: pointer;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-city-picker-city-table .kd-city-picker-city-table-cell:hover {
  background: var(--kd-c-city-picker-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  border-radius: 2px;
}
.kd-city-picker-search-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 256px;
  height: 320px;
  padding: 8px 0;
  font-size: 12px;
  color: #212121;
  letter-spacing: 0;
  line-height: 18px;
  overflow: scroll;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: #fff;
}
.kd-city-picker-search-panel .kd-city-picker-search-panel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 8px;
  cursor: pointer;
}
.kd-city-picker-search-panel .kd-city-picker-search-panel-item:hover {
  background: var(--kd-c-city-picker-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
}
.kd-city-picker-search-panel .kd-city-picker-search-panel-item .kd-city-picker-search-panel-item-left {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 168px;
}
.kd-city-picker-search-panel .kd-city-picker-search-panel-item .kd-city-picker-search-panel-item-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 112px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  color: #999999;
}
.kd-city-picker-search-keyword {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3));
}
.kd-city-picker-no-data {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.kd-collapse-panel:last-child {
  border-top: none;
}
.kd-collapse-panel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-collapse-panel-border {
  border: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9));
}
.kd-collapse-panel-top {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: var(--kd-c-collapse-header-spacing-padding, 8px 50px 8px 28px);
  background: var(--kd-c-collapse-header-color-background, rgba(0, 0, 0, 0));
}
.kd-collapse-panel-top-border {
  border-bottom: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9));
}
.kd-collapse-panel-left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.kd-collapse-panel-middle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 22px;
  color: var(--kd-c-collapse-header-color-text-secondary, var(--kd-g-color-text-secondary, #666));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-collapse-panel-right {
  margin-left: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.kd-collapse-panel-extra,
.kd-collapse-panel-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--kd-c-collapse-header-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-collapse-header-font-size, 16px);
}
.kd-collapse-panel-header {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-collapse-panel-header:hover {
  color: var(--kd-c-collapse-header-color-text-hover, #666666);
}
.kd-collapse-panel-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: var(--kd-c-collapse-spacing-margin-right, 6px);
  font-size: var(--kd-c-collapse-icon-font-size, 16px);
}
.kd-collapse-panel-icon:hover,
.kd-collapse-panel-left:hover {
  cursor: pointer;
}
.kd-collapse-panel-animation-expand {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-collapse-panel-animation-collapse {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-collapse-panel-children {
  overflow: hidden;
  opacity: 0;
  padding: var(--kd-c-collapse-content-spacing-padding, 0 50px);
  color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px));
  -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s));
  background: var(--kd-c-collapse-content-color-background, rgba(0, 0, 0, 0));
}
.kd-collapse-panel-children-hide {
  overflow: hidden;
  opacity: 0;
  height: 0;
  padding: var(--kd-c-collapse-content-spacing-padding, 0 50px);
  color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px));
  -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)) / 2);
  transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)) / 2);
}
.kd-collapse-panel-children-bordered {
  padding: var(--kd-c-collapse-content-bordered-spacing-padding, 12px);
  overflow: hidden;
}
.kd-collapse-panel-disabled {
  cursor: not-allowed !important;
  color: var(--kd-c-collapse-color-disabled, raba(178, 178, 178, 1));
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-date-picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-date-picker-input-radius-border, var(--kd-g-radius-border, 2px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
  width: var(--kd-c-date-picker-sizing-width, 230px);
}
.kd-date-picker-borderless {
  border: 0;
}
.kd-date-picker-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.kd-date-picker-disabled {
  background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important;
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
  cursor: not-allowed !important;
}
.kd-date-picker-disabled input {
  cursor: not-allowed !important;
}
.kd-date-picker-underline.kd-date-picker-disabled,
.kd-date-picker-borderless.kd-date-picker-disabled {
  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-date-picker-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker:hover {
  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker:not(.kd-date-picker-disabled) input:focus {
  color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121));
}
.kd-date-picker-small {
  height: var(--kd-c-date-picker-small-sizing-height, 20px);
  line-height: calc(var(--kd-c-date-picker-small-sizing-height, 20px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-small.kd-date-picker-underline {
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kd-date-picker-small input {
  font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-date-picker-large {
  height: var(--kd-c-date-picker-large-sizing-height, 36px);
  line-height: calc(var(--kd-c-date-picker-large-sizing-height, 36px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-large.kd-date-picker-underline {
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kd-date-picker-large input {
  font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px));
}
.kd-date-picker-middle {
  height: var(--kd-c-date-picker-middle-sizing-height, 30px);
  line-height: calc(var(--kd-c-date-picker-middle-sizing-height, 30px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px));
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-middle.kd-date-picker-underline {
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kd-date-picker-middle input {
  font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-date-picker-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
}
.kd-date-picker-input input {
  width: 100%;
  min-width: 0;
  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121));
  line-height: inherit;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kd-date-picker-input input::-webkit-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
}
.kd-date-picker-input input::-moz-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
}
.kd-date-picker-input input::-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
}
.kd-date-picker-input input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-input input[disabled] {
  background: transparent;
}
.kd-date-picker-input input::-webkit-input-placeholder {
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-date-picker-input input::-moz-placeholder {
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-date-picker-input input:-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-date-picker-input input::-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-date-picker-input input::placeholder {
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-date-picker-input-placeholder > input {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
}
.kd-date-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.kd-date-picker-range-separator {
  display: inline-block;
  padding: 0 8px;
}
.kd-date-picker-range .kd-date-picker-clear {
  right: var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-range .kd-date-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: var(--kd-c-date-picker-bar-color-bg-active, var(--kd-g-color-theme, #5582f3));
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.kd-date-picker-range.kd-date-picker-focused .kd-date-picker-active-bar {
  opacity: 1;
}
.kd-date-picker-suffix {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121));
  line-height: 1;
  pointer-events: none;
}
.kd-date-picker-suffix > * {
  vertical-align: top;
}
.kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-clear {
  opacity: 1;
}
.kd-date-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--kd-c-date-picker-icon-color, #d9d9d9);
  line-height: 1;
  background: var(--kd-c-date-picker-clear-color-background, var(--kd-g-color-background, #fff));
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  cursor: pointer;
  opacity: 0;
}
.kd-date-picker-clear > * {
  vertical-align: top;
}
.kd-date-picker-clear:hover {
  color: var(--kd-c-date-picker-icon-color-hover, #999);
}
.kd-date-picker .kd-date-picker-range-clear {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  color: var(--kd-c-date-picker-icon-color, #d9d9d9);
  line-height: 1;
  cursor: pointer;
}
.kd-date-picker .kd-date-picker-range-clear:hover {
  color: var(--kd-c-date-picker-icon-color-hover, #999);
}
.kd-date-picker-focused .kd-date-picker-suffix {
  color: var(--kd-c-date-picker-clear-color-background-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
  background-color: #fff;
  text-align: center;
  z-index: var(--kd-c-date-picker-panel-z-index, var(--kd-g-z-index-popper, 1050));
  font-size: var(--kd-c-date-picker-panel-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-date-picker-panel-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-date-picker-panel .kd-date-picker-warpper {
  font-size: 12px;
  background: var(--kd-c-date-picker-wrapper-color-background, var(--kd-g-color-background, #fff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter {
  width: 240px;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-line {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  padding-bottom: 8px;
  color: #212121;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-text {
  line-height: 24px;
  display: inline-block;
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item {
  overflow: hidden;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item:hover .kd-date-picker-year-text:not(.kd-date-picker-year-text-selected) {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item:hover:not(.kd-date-picker-year-item-disabled) .kd-date-picker-year-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text {
  position: relative;
  z-index: 2;
  width: 46px;
  padding: 2px 2px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item-disabled {
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item-disabled .kd-date-picker-year-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-view::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-start::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-end::before {
  height: 28px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item {
  overflow: hidden;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item:hover .kd-date-picker-month-text:not(.kd-date-picker-month-text-selected) {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item:hover:not(.kd-date-picker-month-item-disabled) .kd-date-picker-month-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text {
  position: relative;
  z-index: 2;
  width: 48px;
  padding: 2px 5px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item-disabled {
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item-disabled .kd-date-picker-month-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-view::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-start::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-end::before {
  height: 28px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item {
  overflow: hidden;
  padding-bottom: 0;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item:hover .kd-date-picker-quarter-text:not(.kd-date-picker-quarter-text-selected) {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item:hover:not(.kd-date-picker-quarter-item-disabled) .kd-date-picker-quarter-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text {
  position: relative;
  z-index: 2;
  width: 36px;
  padding: 0 5px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item-disabled {
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item-disabled .kd-date-picker-quarter-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar {
  width: 240px;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
  height: 32px;
  padding: 3px 0;
  cursor: pointer;
  overflow: hidden;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)) !important;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled {
  position: relative;
  cursor: not-allowed;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text {
  color: #b2b2b2;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text-selected {
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled::before {
  content: '';
  width: 100%;
  position: absolute;
  z-index: 1;
  background: #f5f5f5;
  height: 24px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item ::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line:hover .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled) .kd-date-picker-calendar-week-text::before {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text::before {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected:hover .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled) .kd-date-picker-calendar-week-text::before {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text {
  background: transparent !important;
  color: #fff !important;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #fff;
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-week-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-range-start::before {
  left: 0;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-range-end::before {
  right: 0;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text {
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
  color: #b2b2b2;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text-today,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text-today::after,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text {
  width: 100%;
  height: 24px;
  margin: 3px 0;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text {
  color: #212121;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-week-text {
  color: #212121;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-weeknumber,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle-weeknumber {
  width: 24px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #bfbfbf;
  font-weight: bold;
  cursor: default;
}
.kd-date-picker-panel .kd-date-picker-range-start::before {
  left: 50%;
}
.kd-date-picker-panel .kd-date-picker-range-start .kd-date-picker-calendar-text-selected {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.kd-date-picker-panel .kd-date-picker-range-end::before {
  right: 50%;
}
.kd-date-picker-panel .kd-date-picker-range-end .kd-date-picker-calendar-text-selected {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.kd-date-picker-panel .kd-date-picker-range-view,
.kd-date-picker-panel .kd-date-picker-range-start,
.kd-date-picker-panel .kd-date-picker-range-end {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-range-view::before,
.kd-date-picker-panel .kd-date-picker-range-start::before,
.kd-date-picker-panel .kd-date-picker-range-end::before {
  content: '';
  position: absolute;
  z-index: 1;
  height: 24px;
  width: 100%;
  margin: 0 -4px;
  background: var(--kd-c-date-picker-range-item-color-bg, var(--kd-g-color-theme-1, #f2f8ff));
}
.kd-date-picker-panel .kd-date-picker-header-icon {
  min-width: 1.6em;
  font-size: 14px;
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  background: 0 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.kd-date-picker-panel .kd-date-picker-header-icon:hover {
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-panel .kd-date-picker-header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kd-date-picker-panel .kd-date-picker-time-header,
.kd-date-picker-panel .kd-date-picker-header {
  height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  background: #fafafa;
  color: #212121;
  font-size: 14px;
  padding: 7px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-time {
  padding-top: 4px;
  width: auto;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 242px;
  border-left: 1px solid #d9d9d9;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0 0 206px 0;
  padding-top: 10px;
  text-align: left;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  overflow: hidden;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:not(:first-child) {
  border-left: 1px solid #d9d9d9;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:hover {
  overflow-y: overlay;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell {
  margin: 0;
  padding: 0;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-inner:hover {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-selected .kd-date-picker-time-cell-inner {
  background: var(--kd-c-date-picker-range-item-color-bg, var(--kd-g-color-theme-1, #f2f8ff));
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-disabled .kd-date-picker-time-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.kd-date-picker-panel .kd-date-picker-datetime-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-datetime-panel .kd-date-picker-time {
  padding: 0;
}
.kd-date-picker-panel .kd-date-picker-footer {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 36px;
  height: 40px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid transparent;
  padding: 0 12px;
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  background: var(--kd-c-date-picker-footer-color-background, var(--kd-g-color-background, #fff));
}
.kd-date-picker-panel .kd-date-picker-footer::after {
  content: '';
  vertical-align: middle;
}
.kd-date-picker-panel .kd-date-picker-footer-extra {
  line-height: 34px;
  text-align: left;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-today-btn,
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-ok-btn {
  display: inline-block;
  padding: 5px 12px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
  line-height: initial;
  vertical-align: middle;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btn-disabled {
  background-color: #e3ebff;
  cursor: not-allowed;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns {
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  list-style: none;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns li {
  display: inline-block;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns li::after {
  vertical-align: middle;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-now {
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-ok {
  float: right;
  margin-left: 8px;
  vertical-align: middle;
}
.kd-date-picker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--kd-c-date-picker-container-color-background, var(--kd-g-color-background-2, #f2f2f2));
}
.kd-date-picker-container-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-container .kd-date-picker-ranges {
  width: 160px;
  color: var(--kd-c-date-picker-container-color, var(--kd-g-color-text-primary, #212121));
  padding: 0 12px;
  text-align: left;
  overflow: auto;
  max-height: 276px;
}
.kd-date-picker-container .kd-date-picker-ranges-item {
  height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  font-size: var(--kd-c-date-picker-container-font-size, var(--kd-g-font-size-small, 12px));
  border-bottom: 0.5px solid var(--kd-c-date-picker-container-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  cursor: pointer;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
.drawer-container-placement-horizontal {
  top: 0;
  bottom: 0;
}
.drawer-container-placement-vertical {
  left: 0;
  right: 0;
}
.overall-postion {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-drawer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: var(--kd-g-z-index-dialog, 1050);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.kd-drawer-active .kd-drawer-mask {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kd-drawer-hide {
  visibility: hidden;
  -webkit-transition: visibility calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: visibility calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kd-drawer-mask {
  position: fixed;
  background-color: rgba(55, 55, 55, 0.5);
  z-index: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: opacity calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kd-drawer-not-at-body {
  position: absolute;
}
.kd-drawer-not-at-body .kd-drawer-mask {
  position: absolute;
}
.kd-drawer-container-left,
.kd-drawer-container-right {
  top: 0;
  bottom: 0;
}
.kd-drawer-container-top,
.kd-drawer-container-bottom {
  left: 0;
  right: 0;
}
.kd-drawer-container-top .kd-drawer-body,
.kd-drawer-container-bottom .kd-drawer-body {
  max-height: var(--kd-c-drawer-body-max-height-vertical, 470px);
  overflow-y: auto;
}
.kd-drawer-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--kd-c-drawer-color-background, var(--kd-g-color-background, #fff));
  -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kd-drawer-container-box .kd-drawer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--kd-c-drawer-header-sizing-padding-vertical, 12px) var(--kd-c-drawer-header-sizing-padding-horizontal, 16px);
  border-bottom: var(--kd-c-drawer-dividing-sizing-width, 1px) solid var(--kd-c-drawer-dividing-color-border, var(--kd-g-color-border-disabled, #ccc));
}
.kd-drawer-container-box .kd-drawer-header .kd-drawer-title {
  letter-spacing: 0;
  line-height: 26px;
  font-size: var(--kd-c-drawer-title-font-size, var(--kd-g-font-size-x-large, 18px));
  color: var(--kd-c-drawer-title-color-text, var(--kd-g-color-text-primary, #212121));
}
.kd-drawer-container-box .kd-drawer-header .kd-drawer-close-icon {
  cursor: pointer;
}
.kd-drawer-container-box .kd-drawer-header .kd-drawer-close-icon i {
  color: var(--kd-c-drawer-close-icon-color-text, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-drawer-close-icon-font-size, var(--kd-g-font-size-large, 16px));
}
.kd-drawer-container-box .kd-drawer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--kd-c-drawer-body-sizing-padding, 16px);
  font-size: var(--kd-g-font-size-middle, 14px);
  color: var(--kd-g-color-text-primary, #212121);
}
.kd-drawer-container-box .kd-drawer-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  font-size: var(--kd-g-font-size-small, 12px);
  color: var(--kd-g-color-text-primary, #212121);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-dropdown-trigger {
  outline: none;
}
.kd-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  opacity: 1;
  visibility: visible;
  z-index: var(--kd-g-z-index-popper, 1050);
  background-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-g-radius-border, 2px);
  min-width: var(--kd-c-dropdown-menu-sizing-min-width, 64px);
  max-width: var(--kd-c-dropdown-menu-sizing-max-width, 600px);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kd-dropdown.hidden {
  opacity: 0;
  visibility: hidden;
}
.kd-dropdown.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kd-dropdown.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-g-radius-border, 2px);
}
.kd-dropdown.arrow.bottomLeft::before,
.kd-dropdown.arrow.bottom::before,
.kd-dropdown.arrow.bottomRight::before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
  border-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
}
.kd-dropdown.arrow.topLeft::before,
.kd-dropdown.arrow.top::before,
.kd-dropdown.arrow.topRight::before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
  border-color: transparent var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) transparent;
}
.kd-dropdown.arrow.leftTop::before,
.kd-dropdown.arrow.left::before,
.kd-dropdown.arrow.leftBottom::before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
          box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
  border-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
}
.kd-dropdown.arrow.rightTop::before,
.kd-dropdown.arrow.right::before,
.kd-dropdown.arrow.rightBottom::before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
  border-color: transparent transparent var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
}
.kd-dropdown-menu {
  max-height: var(--kd-c-dropdown-menu-sizing-max-height, 328px);
  padding: var(--kd-c-dropdown-menu-spacing-padding-vertical, 4px) 0;
  overflow-y: auto;
}
.kd-dropdown-menu-item {
  position: relative;
  padding: var(--kd-c-dropdown-item-spacing-padding-vertical, 7px) var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-dropdown-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background-color var(--kd-g-duration, 0.3s);
  transition: background-color var(--kd-g-duration, 0.3s);
}
.kd-dropdown-menu-item.disabled,
.kd-dropdown-menu-item.disabled > a {
  color: var(--kd-c-dropdown-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-dropdown-menu-item:not(.disabled):hover {
  background-color: var(--kd-c-dropdown-item-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
}
.kd-dropdown-menu-item:not(.disabled):hover > a {
  color: var(--kd-c-dropdown-item-color-text-hover, var(--kd-g-color-text-primary, #212121));
}
.kd-dropdown-menu-item:not(.disabled):active,
.kd-dropdown-menu-item:not(.disabled).selected {
  color: var(--kd-c-dropdown-item-color-text-active, var(--kd-g-color-theme, #5582f3));
}
.kd-dropdown-menu-item:not(.disabled):active > a,
.kd-dropdown-menu-item:not(.disabled).selected > a {
  color: var(--kd-c-dropdown-item-color-text-active, var(--kd-g-color-theme, #5582f3));
}
.kd-dropdown-menu-item.divided::before {
  content: '';
  position: absolute;
  top: 0;
  left: var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  right: var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  height: var(--kd-c-dropdown-divided-sizing-height, 1px);
  background-color: var(--kd-c-dropdown-divided-color-background, var(--kd-g-color-border-weak, #e5e5e5));
}
.kd-dropdown-menu-item.danger,
.kd-dropdown-menu-item.danger > a {
  color: var(--kd-c-dropdown-item-color-text-danger, var(--kd-g-color-error, #fb2323));
  -webkit-transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
}
.kd-dropdown-menu-item.danger:hover,
.kd-dropdown-menu-item.danger > a:hover {
  color: var(--kd-g-color-white, #fff);
  background-color: var(--kd-c-dropdown-item-color-background-danger-hover, var(--kd-g-color-error, #fb2323));
}
.kd-dropdown-menu-item > a {
  display: block;
  margin: calc(-1 * var(--kd-c-dropdown-item-spacing-padding-vertical, 7px)) calc(-1 * var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px));
  padding: var(--kd-c-dropdown-item-spacing-padding-vertical, 7px) var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-dropdown-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  -webkit-transition: color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s);
}
.kd-dropdown-menu-item > a:hover {
  color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121));
}
.kd-dropdown-menu-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-empty-image {
  height: var(--kd-c-empty-image-sizing-height, 96px);
}
.kd-empty-image + .kd-empty-description {
  margin-top: 8px;
}
.kd-empty-description {
  font-size: var(--kd-c-empty-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-empty-color-text, var(--kd-g-color-text-third, #999));
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-filter .kd-filter-header {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 9px 124px 9px 0;
}
.kd-filter .kd-filter-header-title {
  white-space: nowrap;
  color: var(--kd-c-filter-header-title-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-filter-header-title-font-size, var(--kd-g-font-size-large, 16px));
}
.kd-filter .kd-filter-header-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 8px 0 40px;
}
.kd-filter .kd-filter-header-condition-label {
  padding-right: 8px;
  font-size: var(--kd-c-filter-condition-label-font-size, var(--kd-g-font-size-middle, 14px));
  white-space: nowrap;
  color: var(--kd-c-filter-condition-label-color-text, var(--kd-g-color-text-third, #999));
}
.kd-filter .kd-filter-header-condition-item-text {
  max-width: 224px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-filter .kd-filter-header-search {
  min-width: 200px;
}
.kd-filter .kd-filter-header-handle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: var(--kd-c-filter-handle-color-text, var(--kd-g-color-ongoing, #276ff5));
  font-size: var(--kd-c-filter-handle-font-size, var(--kd-g-font-size-middle, 14px));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border-bottom: none;
}
.kd-filter .kd-filter-header-handle > i {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.kd-filter .kd-filter-header-handle.spread {
  border-radius: 4px 4px 0 0;
  background-color: var(--kd-c-filter-handle-color-background-spread, var(--kd-g-color-background-contain, #fafafa));
  border-color: var(--kd-c-filter-handle-color-border-spread, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-filter .kd-filter-header-handle.spread > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kd-filter .kd-filter-body {
  position: relative;
  height: 0;
  overflow: hidden;
}
.kd-filter .kd-filter-body.spread {
  height: auto;
  overflow: visible;
  padding: 8px 20px;
  border-radius: 4px 0 4px 4px;
  background-color: var(--kd-c-filter-body-color-background, var(--kd-g-color-background-contain, #fafafa));
  border: 1px solid var(--kd-c-filter-body-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-filter .kd-filter-body-tabs {
  border-bottom: 1px solid var(--kd-c-filter-body-tabs-color-border, var(--kd-g-color-border-weak, #e5e5e5));
}
.kd-filter .kd-filter-body-tabs-item {
  padding: 10px 0;
  font-size: var(--kd-c-filter-body-tabs-item-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-filter-body-tabs-item-color-text, var(--kd-g-color-text-third, #999));
  cursor: pointer;
}
.kd-filter .kd-filter-body-tabs-item:hover,
.kd-filter .kd-filter-body-tabs-item.active {
  color: var(--kd-c-filter-body-tabs-item-color-text-active, var(--kd-g-color-ongoing, #276ff5));
}
.kd-filter .kd-filter-body-tabs-split {
  width: 1px;
  height: 16px;
  background-color: var(--kd-g-color-border-strong, #d9d9d9);
}
.kd-filter .kd-filter-body-conditions {
  display: none;
}
.kd-filter .kd-filter-body-conditions.active {
  display: block;
}
.kd-filter .kd-filter-body-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--kd-g-font-size-small, 12px);
}
.kd-filter .kd-filter-body-condition:not(:last-child) {
  border-bottom: 1px solid var(--kd-g-color-border-weak, #e5e5e5);
}
.kd-filter .kd-filter-body-condition-label {
  padding: 11px 0 10px;
  color: var(--kd-g-color-text-third, #999);
  line-height: 18px;
}
.kd-filter .kd-filter-body-condition-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 64px;
  margin-left: 24px;
  padding: 8px 0 4px;
  overflow: auto;
}
.kd-filter .kd-filter-body-condition-option {
  margin-bottom: 4px;
  padding: 0 12px;
  color: var(--kd-g-color-text-secondary, #666);
  vertical-align: middle;
  line-height: 22px;
  font-size: var(--kd-g-font-size-small, 12px);
  border-radius: var(--kd-g-radius-border, 2px);
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
}
.kd-filter .kd-filter-body-condition-option:not(:last-child) {
  margin-right: 24px;
}
.kd-filter .kd-filter-body-condition-option.active {
  color: #276ff5;
  border-color: #276ff5;
  background-color: var(--kd-g-color-background, #fff);
}
.kd-filter .kd-filter-body-condition-option-customer {
  margin-left: -20px;
}
.kd-filter .kd-filter-body-condition-addition {
  margin-left: 24px;
  line-height: 40px;
}
.kd-filter .kd-filter-body-scheme {
  display: none;
}
.kd-filter .kd-filter-body-scheme.active {
  display: block;
}
.kd-filter .kd-filter-body-scheme > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
}
.kd-filter .kd-filter-body-scheme-label {
  width: 96px;
  color: var(--kd-g-color-text-third, #999);
  font-size: var(--kd-g-font-size-small, 12px);
}
.kd-filter .kd-filter-body-scheme-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-filter .kd-filter-body-scheme-item {
  font-size: var(--kd-g-font-size-small, 12px);
  color: var(--kd-g-color-text-secondary, #666);
  cursor: pointer;
}
.kd-filter .kd-filter-body-scheme-item:not(:last-child) {
  margin-right: 48px;
}
.kd-filter .kd-filter-body-scheme-item.active {
  color: #276ff5;
}
.kd-filter .kd-filter-body-scheme-action {
  position: absolute;
  right: 0;
}
.kd-filter .kd-filter-body-scheme-detail {
  list-style: none;
}
.kd-filter .kd-filter-body-scheme-detail > li {
  line-height: 40px;
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-g-font-size-small, 12px);
}
.kd-filter .kd-filter-body-scheme-detail > li > span {
  display: inline-block;
}
.kd-filter .kd-filter-body-scheme-detail > li > span:not(:last-child) {
  margin-right: 12px;
}
.kd-filter .kd-filter-body-scheme-detail-field {
  width: 100px;
}
.kd-filter .kd-filter-body-scheme-detail-operator {
  width: 140px;
}
.kd-filter .kd-filter-body-scheme-detail-value {
  width: 220px;
}
.kd-filter .kd-filter-body-scheme-detail-and {
  font-size: var(--kd-g-font-size-middle, 14px);
}
.kd-filter .kd-filter-body-scheme-detail-delete {
  color: var(--kd-g-color-disabled, #b2b2b2);
  font-size: var(--kd-g-font-size-xx-large, 20px);
  cursor: pointer;
}
.kd-filter .kd-filter-body-scheme-detail-delete:hover {
  color: var(--kd-g-color-error, #fb2323);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.kd-form-horizontal .kd-form-field,
.kd-form-vertical .kd-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-form-inline .kd-form-field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kd-form-field {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 var(--kd-c-form-field-spacing-margin-right, 30px) var(--kd-c-form-field-spacing-margin-bottom, 22px) 0;
}
.kd-form-field-vertical {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-form-field-vertical .kd-form-field-label {
  margin-bottom: 5px;
}
.kd-form-field-hidden {
  display: none !important;
}
.kd-form-field-label {
  font-size: var(--kd-c-form-field-label-font-size, 12px);
  line-height: var(--kd-c-form-field-label-line-height, 18px);
  color: var(--kd-c-form-field-color, var(--kd-g-color-text-secondary, #666));
  text-align: left;
  margin-right: 30px;
}
.kd-form-field-label-right {
  text-align: right;
}
.kd-form-field-label-required-mark {
  position: relative;
}
.kd-form-field-label-required-mark::after {
  content: '*';
  position: absolute;
  top: -1px;
  right: -9px;
  width: 5px;
  height: 5px;
  line-height: 1;
  color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323));
}
.kd-form-field-wrapper {
  position: relative;
}
.kd-form-field-wrapper-message {
  position: absolute;
  left: -7px;
  right: 0;
  padding: var(--kd-c-form-field-message-spacing-padding-horizontal, 2px) var(--kd-c-form-field-message-spacing-padding-vertical, 8px);
  font-size: var(--kd-c-form-field-message-font-size, 12px);
  line-height: var(--kd-c-form-field-message-line-height, 18px);
  color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323));
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  row-gap: var(--rgap);
  margin: 0 calc(-1 * var(--cgap) / 2);
}
.kd-row.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.kd-col {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 calc(var(--cgap) / 2);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
[class^="kdicon"] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.icon-spin::before,
.icon-spin {
  -webkit-animation: loadingcircle 2s infinite linear;
          animation: loadingcircle 2s infinite linear;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-image-cropper-container {
  width: 100%;
  height: 100%;
}
.kd-image-cropper-modal-body-container {
  padding: 28px !important;
  padding-bottom: 24px !important;
}
.kd-image-cropper-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  background: #f2f2f2;
  border-radius: 4px;
}
.kd-image-cropper-bar-container .kd-image-cropper-btn-container {
  padding-left: 28px;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-image-cropper-bar-container .kd-image-cropper-btn-container.default {
  border-right: 1px solid #ccc;
}
.kd-image-cropper-bar-container .kd-image-cropper-btn-container i {
  margin-right: 20px;
  cursor: pointer;
}
.kd-image-cropper-bar-container .ok-btn {
  height: 100%;
}
.kd-image-cropper-bar-container-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  margin-right: 20px;
}
/*!
* 禁止更新
* Cropper.js v1.5.7
* https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-05-23T05:22:57.283Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  height: 100%;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #5582f3;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #fff;
  border: 1px solid #5582f3;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point:hover {
  background-color: #5582f3;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  right: -3px;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-image {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--kd-c-image-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-image:not(.error):hover .kd-image-action {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.kd-image.error .kd-image-img {
  cursor: auto;
}
.kd-image-img {
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.kd-image-action {
  position: absolute;
  bottom: 0;
  height: var(--kd-c-image-action-sizing-height, 28px);
  width: var(--kd-c-image-action-sizing-width, 100%);
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: var(--kd-c-image-action-color-background, rgba(0, 0, 0, 0.5));
}
.kd-image-action > * {
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  cursor: pointer;
  display: inline-block;
  font-size: var(--kd-c-image-font-size-x-large, var(--kd-g-font-size-x-large, 18px));
}
.kd-image-action > *:not(:first-child) {
  margin-left: 20px;
}
.kd-image-preview {
  z-index: 3000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(0.15);
          transform: scale(0.15);
  visibility: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6);
  transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6);
  -webkit-overflow-scrolling: touch;
}
.kd-image-preview.show {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible;
  -webkit-transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1);
  transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
}
.kd-image-preview-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: calc(var(--kd-c-image-preview-font-size, 28px) - 10px);
  height: calc(var(--kd-c-image-preview-font-size, 28px) - 10px);
  font-size: var(--kd-c-image-preview-font-size, 28px);
  color: var(--kd-c-image-close-color-background, #666666);
  cursor: pointer;
  background-color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.kd-image-preview-close:hover,
.kd-image-preview-close:active {
  color: #5582f3;
}
.kd-image-preview-wrap {
  position: absolute;
  top: 68px;
  right: 0;
  bottom: 30px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.kd-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}
.kd-image-preview-action {
  position: absolute;
  left: 50%;
  bottom: 40px;
  width: 240px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.kd-image-preview-action i {
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  font-size: var(--kd-c-image-icon-font-size, 26px);
  cursor: pointer;
}
.kd-image-preview-action i:hover,
.kd-image-preview-action i:active {
  opacity: 0.65;
}
.kd-image-preview-action i:not(:first-child) {
  margin-left: 20px;
}
.kd-image-preview-action i.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.kd-image-preview-previous,
.kd-image-preview-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.kd-image-preview-previous {
  left: 60px;
}
.kd-image-preview-next {
  right: 60px;
}
.kd-image-preview-topbar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
}
.kd-image-preview-topbar-info {
  position: absolute;
  left: 40px;
}
.kd-image-preview-topbar-info-size {
  padding-left: 12px;
  opacity: 0.65;
}
.kd-image-preview-topbar-action {
  position: absolute;
  right: 40px;
}
.kd-image-preview-topbar-action > * {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
}
.kd-image-preview-topbar-action > * i {
  margin-right: 2px;
  font-size: 18px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-inputNumber-baseStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  cursor: pointer;
}
.kd-inputNumber-baseStep-small {
  width: var(--kd-c-input-number-sizing-height-small, 20px);
}
.kd-inputNumber-baseStep-middle {
  width: var(--kd-c-input-number-sizing-height-middle, 30px);
}
.kd-inputNumber-baseStep-large {
  width: var(--kd-c-input-number-sizing-height-large, 36px);
}
.kd-inputNumber-baseStep .kd-inputNumber-icon {
  color: var(--kd-c-input-number-color-text-baseStep, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s);
}
.kd-inputNumber-baseStep:hover .kd-inputNumber-icon {
  color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff));
}
.kd-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small {
  margin-left: -9px;
}
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle {
  margin-left: -9px;
}
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large {
  margin-left: -9px;
}
.kd-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kd-inputNumber-embedStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: var(--kd-c-input-number-color-text, #f6f7f9);
  overflow: hidden;
  border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  border: none;
}
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-small,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-large,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kd-inputNumber-embedStep span {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px;
}
.kd-inputNumber-embedStep span .kd-inputNumber-icon {
  -webkit-transition: color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s);
}
.kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
  color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff));
}
.kd-inputNumber-embedStep span:last-child {
  border-bottom: none;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
textarea {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  overflow: auto;
  resize: vertical;
}
.kd-input {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s));
  transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-input::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kd-input:not(.kd-input-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input:not(.kd-input-disabled):focus {
  color: #212121;
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-countWrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.kd-input-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s));
  transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s));
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.kd-input-textarea::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-textarea::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-textarea::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kd-input-textarea:not(.kd-input-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-textarea:not(.kd-input-disabled):focus {
  color: #212121;
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-textarea-mark {
  position: absolute;
  right: 0;
  top: calc(100% + 1px);
  z-index: 1;
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  background-color: #fff;
}
.kd-input-textarea-mark-inner {
  top: auto;
  bottom: 5px;
  right: 8px;
}
.kd-input-no-resize {
  resize: none;
}
.kd-input-borderless {
  border: 0;
  padding-left: 0 !important;
}
.kd-input-borderless:focus {
  border: 0;
}
.kd-input-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-input-color-border, #999);
  border-radius: 0;
  padding-left: 0 !important;
}
.kd-input-disabled {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  color: var(--kd-c-input-affix-color-text, #666);
  cursor: not-allowed;
}
.kd-input-underline.kd-input-disabled {
  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-input-underline-color-border-disabled, var(--kd-g-color-border-weak, #e5e5e5));
}
.kd-input-size-small {
  height: var(--kd-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
}
.kd-input-size-middle {
  height: var(--kd-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
}
.kd-input-size-large {
  height: var(--kd-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
}
.kd-input-wrapper {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s));
  transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.kd-input-wrapper::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-wrapper::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-wrapper::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-wrapper:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kd-input-wrapper:not(.kd-input-wrapper-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper:not(.kd-input-wrapper-disabled):focus {
  color: #212121;
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper .kd-input {
  border: none;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
}
.kd-input-wrapper .kd-input-suffix,
.kd-input-wrapper .kd-input-prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  word-break: keep-all;
  color: var(--kd-c-input-affix-color-text, #666);
}
.kd-input-wrapper .kd-input-suffix {
  margin-left: 4px;
}
.kd-input-wrapper .kd-input-prefix {
  margin-right: 4px;
}
.kd-input-wrapper-size-small {
  height: var(--kd-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
}
.kd-input-wrapper-size-middle {
  height: var(--kd-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px);
}
.kd-input-wrapper-size-large {
  height: var(--kd-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px);
}
.kd-input-wrapper-borderless {
  border: none !important;
}
.kd-input-wrapper-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0;
}
.kd-input-wrapper-focused {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper-disabled {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kd-input-wrapper-disabled .kd-input-suffix,
.kd-input-wrapper-disabled .kd-input-prefix {
  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-input-wrapper-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  border: none !important;
  padding: 0 !important;
  position: relative;
  display: inline-block;
}
.kd-input-wrapper-textarea::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-wrapper-textarea::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-wrapper-textarea::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important;
}
.kd-input-wrapper-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kd-input-wrapper-textarea:not(.kd-input-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper-textarea:not(.kd-input-disabled):focus {
  color: #212121;
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper-textarea .kd-input-textarea-clear-icon {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 3px;
}
.kd-input-clear-icon,
.kd-input-textarea-clear-icon {
  cursor: pointer;
  color: var(--kd-c-input-clear-color, #d9d9d9);
}
.kd-input-clear-icon:hover,
.kd-input-textarea-clear-icon:hover {
  color: var(--kd-c-input-clear-color-hover, #999);
}
.kd-input-clear-icon i,
.kd-input-textarea-clear-icon i {
  vertical-align: middle;
  font-size: 16px;
}
.kd-input-clear-icon-hidden {
  visibility: hidden;
}
.kd-input-clear-icon-rightSpace {
  margin-right: 4px;
}
.kd-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.kd-input-group-wrapper .kd-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.kd-input-group-wrapper .kd-input-group > .kd-input-wrapper:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.kd-input-group-wrapper .kd-input-group > .kd-input-wrapper:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kd-input-group-wrapper .kd-input-group > .kd-input-wrapper:not(:first-child):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon {
  position: relative;
  color: var(--kd-c-input-affix-color-text, #666);
  padding: 0 9px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kd-c-input-sizing-height-middle, 30px);
}
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-borderless {
  border: none !important;
}
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0;
}
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-disabled {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-input-group-wrapper .kd-input-group-size-small .kd-input-group-addon {
  height: var(--kd-c-input-sizing-height-small, 20px);
}
.kd-input-group-wrapper .kd-input-group-middle-small .kd-input-group-addon {
  height: var(--kd-c-input-sizing-height-middle, 30px);
}
.kd-input-group-wrapper .kd-input-group-large-small .kd-input-group-addon {
  height: var(--kd-c-input-sizing-height-large, 36px);
}
.kd-input-allowClear-spacing {
  padding-right: 20px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-layout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  background: var(--kd-c-layout-body-color-background, var(--kd-g-color-background-2, #f2f2f2));
}
.kd-layout,
.kd-layout * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kd-layout-has-sider > .kd-layout,
.kd-layout-has-sider > .kd-layout-content {
  width: 0;
}
.kd-layout-header,
.kd-layout-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.kd-layout-header {
  height: var(--kd-c-layout-header-sizing-height, 52px);
  padding: var(--kd-c-layout-header-spacing-padding, 0 20px 0 35px);
  color: var(--kd-c-layout-header-color-text, var(--kd-g-color-text-primary, #212121));
  line-height: var(--kd-c-layout-header-sizing-height, 52px);
  background: var(--kd-c-layout-header-color-background, var(--kd-g-color-background, #fff));
}
.kd-layout-footer {
  padding: var(--kd-c-layout-footer-spacing-padding, 24px 50px);
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-g-font-size-middle, 14px);
  background: var(--kd-c-layout-footer-color-background, var(--kd-g-color-background-2, #f2f2f2));
}
.kd-layout-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
}
.kd-layout-sider {
  position: relative;
  min-width: 0;
  background: var(--kd-c-layout-sider-color-background, #343848);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kd-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.kd-layout-sider-has-trigger {
  padding-bottom: var(--kd-c-layout-trigger-sizing-height, 50px);
}
.kd-layout-sider-right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.kd-layout-sider-trigger {
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 0 16px;
  color: var(--kd-c-layout-trigger-color-text, var(--kd-g-color-white, #fff));
  height: var(--kd-c-layout-trigger-sizing-height, 50px);
  line-height: calc(var(--kd-c-layout-trigger-sizing-height, 50px) - 4px);
  font-size: 20px;
  background: var(--kd-c-layout-trigger-color-background, #343848);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-top: 1px solid rgba(218, 222, 237, 0.1);
}
.kd-layout-sider-zero-width > * {
  overflow: hidden;
}
.kd-layout-sider-zero-width-trigger {
  position: absolute;
  top: var(--kd-c-layout-header-sizing-height, 52px);
  right: calc(-1 * var(--kd-c-layout-trigger-sizing-width, 36px));
  z-index: 1;
  width: var(--kd-c-layout-trigger-sizing-width, 36px);
  height: var(--kd-c-layout-trigger-sizing-height, 42px);
  color: var(--kd-c-layout-trigger-color-text, var(--kd-g-color-white, #fff));
  font-size: calc(var(--kd-c-layout-trigger-sizing-width, 36px) / 2);
  line-height: var(--kd-c-layout-trigger-sizing-height, 42px);
  text-align: center;
  background: var(--kd-c-layout-sider-color-background, #343848);
  border-radius: 0 var(--kd-g-radius-border, 2px) var(--kd-g-radius-border, 2px) 0;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.kd-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.kd-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.kd-layout-sider-zero-width-trigger-right {
  left: calc(-1 * var(--kd-c-layout-trigger-sizing-width, 36px));
  border-radius: var(--kd-g-radius-border, 2px) 0 0 var(--kd-g-radius-border, 2px);
}
.kd-layout-sider-light {
  background: var(--kd-c-layout-sider-color-background-light, var(--kd-g-color-background, #fff));
}
.kd-layout-sider-light .kd-layout-sider-trigger {
  color: var(--kd-c-layout-trigger-color-text-light, var(--kd-g-color-text-primary, #212121));
  background: var(--kd-c-layout-trigger-color-background-light, var(--kd-g-color-background, #fff));
}
.kd-layout-sider-light .kd-layout-sider-zero-width-trigger {
  color: var(--kd-c-layout-trigger-color-text-light, var(--kd-g-color-text-primary, #212121));
  background: var(--kd-c-layout-trigger-color-background-light, var(--kd-g-color-background, #fff));
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-link {
  cursor: pointer;
  display: inline-block;
  color: var(--kd-c-link-color-text, var(--kd-g-color-text-link, #0e5fd8));
}
.kd-link .kd-link-text {
  height: auto;
  width: auto;
  padding: 0;
  min-width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  font-weight: var(--kd-c-link-font-weight, var(--kd-g-font-weight, 400));
}
.kd-link .kd-link-text:not(.kd-link-disabled):hover {
  color: var(--kd-c-link-color-text-link-hover, #87A9FF);
}
.kd-link .kd-link-text:not(.kd-link-disabled):active {
  color: var(--kd-c-link-color-text-link-active, #3761CA);
}
.kd-link-size-small {
  height: var(--kd-c-link-sizing-height-small, 18px);
  line-height: var(--kd-c-link-sizing-height-small, 18px);
  font-size: var(--kd-c-link-font-size-small, var(--kd-g-font-size-small, 12px));
}
.kd-link-size-middle {
  height: var(--kd-c-link-sizing-height-middle, 21px);
  line-height: var(--kd-c-link-sizing-height-middle, 21px);
  font-size: var(--kd-c-link-font-size-middle, var(--kd-g-font-size-middle, 14px));
}
.kd-link-size-large {
  height: var(--kd-c-link-sizing-height-large, 24px);
  line-height: var(--kd-c-link-sizing-height-large, 24px);
  font-size: var(--kd-c-link-font-size-large, var(--kd-g-font-size-large, 16px));
}
.kd-link-underscore {
  border-bottom: 1px solid;
}
.kd-link-disabled {
  color: var(--kd-c-link-color-text-link-disabled, #9EBFEF) !important;
  cursor: not-allowed;
}
.kd-link-prefix {
  display: inline-block;
  margin-right: var(--kd-c-link-prefix-horizontal, 4px);
}
.kd-link-suffix {
  display: inline-block;
  margin-left: var(--kd-c-link-suffix-horizontal, 4px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.menu-dark-hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.menu-dark-active {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.menu-dark-active-inline-title {
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
  background: var(--kd-c-menu-color-background, #343848);
  border: none;
}
.menu-light-base {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #ffffff;
}
.menu-light-base .kd-menu-item-disabled,
.menu-light-base .kd-menu-submenu-disabled {
  background-color: #fff;
}
.menu-light-base .kd-menu-submenu-sub {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fafafa;
}
.menu-light-base .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
.menu-light-base .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.menu-light-base .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.menu-light-base .kd-menu-item-hover,
.menu-light-base .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.menu-light-base .kd-menu-item-active,
.menu-light-base .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none;
}
.menu-light-default {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #ffffff;
}
.menu-light-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.menu-light-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none;
}
.menu-light-active-inline-title {
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  background: #ffffff;
  border: none;
}
.kd-menu {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 138px;
  background-color: var(--kd-c-menu-color-background, #343848);
  color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
}
.kd-menu-inline .kd-menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-inline .kd-menu-submenu {
  padding-right: 0;
}
.kd-menu-collapsed {
  width: 50px;
  min-width: auto;
}
.kd-menu-item {
  position: relative;
  cursor: pointer;
  -webkit-transition: color, background-color;
  transition: color, background-color;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-item-title > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-menu-item-collapsed {
  padding: 0;
  margin: 0;
  text-align: center;
}
.kd-menu-item-collapsed .kd-menu-item-title > p,
.kd-menu-item-collapsed .kd-menu-submenu-title > p {
  margin: 0 auto;
}
.kd-menu-item-collapsed .kd-menu-item-title > span,
.kd-menu-item-collapsed .kd-menu-submenu-title > span {
  opacity: 0;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-menu-item-icon {
  margin: 0 15px;
  font-size: var(--kd-c-menu-icon-font-size, var(--kd-g-font-size-xx-large, 20px));
}
.kd-menu-item-disabled {
  cursor: not-allowed;
  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-menu-color-background, #343848);
}
.kd-menu-item-arrow {
  margin-left: auto;
  font-size: 16px;
}
.kd-menu-item-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-menu-item-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-submenu {
  position: static;
  cursor: pointer;
  -webkit-transition: color, background-color;
  transition: color, background-color;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-submenu-title > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-menu-submenu-collapsed {
  padding: 0;
  margin: 0;
  text-align: center;
}
.kd-menu-submenu-collapsed .kd-menu-item-title > p,
.kd-menu-submenu-collapsed .kd-menu-submenu-title > p {
  margin: 0 auto;
}
.kd-menu-submenu-collapsed .kd-menu-item-title > span,
.kd-menu-submenu-collapsed .kd-menu-submenu-title > span {
  opacity: 0;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-menu-submenu-icon {
  margin: 0 15px;
  font-size: var(--kd-c-menu-icon-font-size, var(--kd-g-font-size-xx-large, 20px));
}
.kd-menu-submenu-disabled {
  cursor: not-allowed;
  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-menu-color-background, #343848);
}
.kd-menu-submenu-arrow {
  margin-left: auto;
  font-size: 16px;
}
.kd-menu-submenu-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-menu-submenu-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-submenu-sub {
  line-height: var(--kd-c-menu-item-sizing-height, 50px);
}
.kd-menu-submenu-thrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 810px;
  max-height: 492px;
  padding-left: 24px;
  background: var(--kd-c-menu-sub-color-background, #121319);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: auto;
  cursor: default;
  z-index: var(--kd-c-menu-z-index, var(--kd-g-z-index-dialog, 1050));
}
.kd-menu-submenu-thrid-item {
  margin-right: 40px;
}
.kd-menu-submenu-thrid-title {
  line-height: 50px;
  font-size: 12px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-submenu-thrid-title > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-submenu-thrid-list {
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 10px;
  height: 180px;
}
.kd-menu-submenu-thrid-list > li {
  width: 160px;
  margin: 8px 0;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.65);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-submenu-thrid-list > li:hover {
  color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff));
}
.kd-menu-submenu-thrid-list > li > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-menu-submenu-thrid-list > li .kd-menu-item-title {
  height: auto;
}
.kd-menu-submenu-thrid-list > .kd-menu-item-active {
  color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff));
}
.kd-menu-dark .kd-menu-submenu-sub {
  color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
  background: var(--kd-c-menu-sub-inline-color-background, #1f212b);
}
.kd-menu-dark .kd-menu-submenu-sub-second,
.kd-menu-dark .kd-menu-submenu-sub-third {
  background: var(--kd-c-menu-sub-color-background, #121319);
}
.kd-menu-dark .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-menu-dark .kd-menu-item-active {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-menu-dark .kd-menu-item-active,
.kd-menu-dark .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-menu-dark .kd-menu-item-hover,
.kd-menu-dark .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-menu-inline.kd-menu-dark .kd-menu-item-active .kd-menu-submenu-title,
.kd-menu-inline.kd-menu-dark .kd-menu-submenu-active .kd-menu-submenu-title {
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
  background: var(--kd-c-menu-color-background, #343848);
  border: none;
}
.kd-menu-inline.kd-menu-dark .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active) > .kd-menu-submenu-title:hover {
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
  background: var(--kd-c-menu-color-background, #343848);
  border: none;
}
.kd-menu-light {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #ffffff;
}
.kd-menu-light .kd-menu-item-disabled,
.kd-menu-light .kd-menu-submenu-disabled {
  background-color: #fff;
}
.kd-menu-light .kd-menu-submenu-sub {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fafafa;
}
.kd-menu-light .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
.kd-menu-light .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.kd-menu-light .kd-menu-item-hover,
.kd-menu-light .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.kd-menu-light .kd-menu-item-active,
.kd-menu-light .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none;
}
.kd-menu-inline.kd-menu-light .kd-menu-item-active .kd-menu-submenu-title,
.kd-menu-inline.kd-menu-light .kd-menu-submenu-active .kd-menu-submenu-title {
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  background: #ffffff;
  border: none;
}
.kd-menu-popper .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
.kd-menu-popper .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-menu-popper.hidden {
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-popper .kd-menu-submenu {
  padding-right: 0;
}
.kd-menu-popper .kd-menu-submenu-sub {
  color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65));
  background: var(--kd-c-menu-sub-inline-color-background, #1f212b);
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item-active {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
}
.kd-menu-popper .kd-menu-submenu-sub-second,
.kd-menu-popper .kd-menu-submenu-sub-third {
  -webkit-animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-popper .kd-menu-submenu-sub-hide {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-menu-popper.light {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #ffffff;
}
.kd-menu-popper.light .kd-menu-item-disabled,
.kd-menu-popper.light .kd-menu-submenu-disabled {
  background-color: #fff;
}
.kd-menu-popper.light .kd-menu-submenu-sub {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fafafa;
}
.kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
.kd-menu-popper.light .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.kd-menu-popper.light .kd-menu-item-hover,
.kd-menu-popper.light .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none;
}
.kd-menu-popper.light .kd-menu-item-active,
.kd-menu-popper.light .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-message-box {
  position: fixed;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  z-index: var(--kd-c-message-z-index, var(--kd-g-z-index-apex, 9999));
}
.kd-message {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: var(--kd-c-message-sizing-min-width, 280px);
  max-width: var(--kd-c-message-sizing-max-width, 1000px);
  margin: 0 auto var(--kd-c-message-spacing-margin-bottom, 16px);
  padding: var(--kd-c-message-spacing-padding-horizontal, 10px) var(--kd-c-message-spacing-padding-vertical, 20px);
  color: var(--kd-c-message-info-color-text, #0e5fd8);
  border: 1px solid var(--kd-c-message-info-color-border, #b3d5ff);
  border-radius: var(--kd-c-message-border-radius, 4px);
  background-color: var(--kd-c-message-info-color-background, #e0efff);
  pointer-events: all;
  -webkit-animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-message-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--kd-c-message-font-size, 14px);
  line-height: var(--kd-c-message-line-height, 20px);
}
.kd-message-content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-message-content-icon-wrapper {
  font-size: var(--kd-c-message-icon-font-size, 16px);
  margin-right: var(--kd-c-message-icon-spacing-margin-right, 8px);
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-message-content-text {
  max-height: var(--kd-c-message-text-sizing-max-height, 160px);
  overflow: auto;
}
.kd-message-content-close {
  cursor: pointer;
  color: var(--kd-c-message-close-color-text, #666);
  font-size: var(--kd-c-message-font-size, 16px);
  margin-left: var(--kd-c-message-close-spacing-margin-left, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kd-message-content-close:hover {
  color: var(--kd-c-message-close-color-text-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-message-success {
  color: var(--kd-c-message-success-color-text, #1BA854);
  background: var(--kd-c-message-success-color-background, #dcfae4);
  border: 1px solid var(--kd-c-message-success-color-border, #a1e6b5);
}
.kd-message-warning {
  color: var(--kd-c-message-warning-color-text, #FF991C);
  background: var(--kd-c-message-warning-color-background, #fff1d4);
  border: 1px solid var(--kd-c-message-warning-color-border, #ffe0a6);
}
.kd-message-error {
  color: var(--kd-c-message-error-color-text, #FB2323);
  background: var(--kd-c-message-error-color-background, #ffdbe0);
  border: 1px solid var(--kd-c-message-error-color-border, #ffadb6);
}
.kd-message-leave {
  -webkit-animation: kdNoticeLeaveEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeLeaveEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-message-leave-after {
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-message-leave-after.kd-message-success,
.kd-message-leave-after.kd-message-warning,
.kd-message-leave-after.kd-message-error {
  -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  border: none;
}
.kd-message-leave-after div,
.kd-message-leave-after i {
  -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1);
  height: 0;
  font-size: 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
.overall-postion {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-modal-container {
  position: relative;
  z-index: var(--kd-c-modal-z-index, var(--kd-g-z-index-dialog, 1050));
}
.kd-modal-mask {
  position: fixed;
  background-color: var(--kd-c-modal-mask-color-background, rgba(55, 55, 55, 0.5));
  z-index: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.kd-modal-has-container-box {
  position: fixed;
  left: 50%;
  top: 50%;
}
.kd-modal-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 460px;
  height: 340px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  -webkit-box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2));
          box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2));
  border-radius: var(--kd-c-modal-boeder-radius, 2px);
  outline: none;
}
.kd-modal-container-box .kd-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--kd-c-modal-header-sizing-padding-vertical, 0px) var(--kd-c-modal-header-sizing-padding-horizontal, 20px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kd-c-modal-header-sizing-height, 50px);
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title-icon {
  border-radius: 50% 50%;
  width: var(--kd-c-modal-icon-circle-sizing, 6px);
  height: var(--kd-c-modal-icon-circle-sizing, 6px);
  margin-right: var(--kd-c-modal-title-icon-sizing-margin-right, 8px);
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-confirm-title-icon-bgcolor {
  background-color: var(--kd-c-modal-color-ongoing, var(--kd-g-color-ongoing, #276ff5));
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-warning-title-icon-bgcolor {
  background-color: var(--kd-c-modal-color-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-error-title-icon-bgcolor {
  background-color: var(--kd-c-modal-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title {
  min-width: 72px;
  min-height: 27px;
  font-size: var(--kd-c-modal-title-font-size, 18px);
  color: var(--kd-c-modal-title-text-color, var(--kd-g-color-text-primary, #212121));
  line-height: 27px;
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container:active {
  cursor: auto;
}
.kd-modal-container-box .kd-modal-header .kd-modal-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kd-c-modal-close-icon-font-size, 16px);
  color: var(--kd-c-modal-close-icon-color-text, #666666);
  cursor: pointer;
}
.kd-modal-container-box .kd-modal-header .kd-modal-close-icon:hover {
  color: var(--kd-c-modal-color-theme-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-modal-container-box .kd-modal-header .kd-modal-close-icon:active {
  color: var(--kd-c-modal-color-theme-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-modal-container-box .kd-modal-header:active {
  cursor: move;
}
.kd-modal-container-box .kd-modal-body {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--kd-c-modal-body-sizing-padding, 20px);
  font-size: var(--kd-c-modal-body-font-size, 16px);
  color: var(--kd-c-modal-body-text-color, var(--kd-g-color-text-primary, #212121));
}
.kd-modal-container-box .kd-modal-footer {
  height: var(--kd-c-modal-footer-sizing-height, 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kd-c-modal-footer-font-size, 14px);
  color: var(--kd-c-modal-footer-text-color, var(--kd-g-color-text-secondary, #666));
}
.kd-modal-margin-btn {
  margin-right: var(--kd-c-modal-footer-button-spacing, 12px);
}
.kd-modal-showline .kd-modal-header {
  border-bottom: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
}
.kd-modal-showline .kd-modal-footer {
  border-top: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-notice-box-topRight,
.kd-notice-box-topLeft,
.kd-notice-box-bottomLeft,
.kd-notice-box-bottomRight {
  position: fixed;
  z-index: var(--kd-c-notice-z-index, var(--kd-g-z-index-apex, 9999));
}
.kd-notice {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 320px;
  margin: 0 auto 16px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: var(--kd-c-notice-content-color-background, var(--kd-g-color-white, #fff));
  -webkit-animation: kdNoticeEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-notice-content {
  width: 100%;
}
.kd-notice-content-title {
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--kd-c-notice-title-font-size, var(--kd-g-font-size-middle, 14px));
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kd-notice-content-title-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-notice-content-title-left-icon {
  margin-right: 5px;
  font-size: 17px;
}
.kd-notice-content-title-left-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-notice-content-title-close {
  cursor: pointer;
}
.kd-notice-content-description {
  height: 46px;
  padding: 10px 20px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.kd-notice-content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 15px 20px;
  font-size: 12px;
  color: var(--kd-c-notice-footer-color, var(--kd-g-color-text-link, #0e5fd8));
  cursor: pointer;
}
.kd-notice-content-footer > div {
  margin-right: 10px;
}
.kd-notice-content-footer > div:hover {
  color: var(--kd-c-notice-footer-color-hover, var(--kd-g-color-text-link-hover, #3987ed));
}
.kd-notice-info .kd-notice-content-title {
  color: var(--kd-c-notice-info-color, var(--kd-g-color-text-primary, #212121));
  background: var(--kd-c-notice-info-header-color-background, var(--kd-g-color-white, #fff));
}
.kd-notice-info .kd-notice-content-title-left-icon {
  color: var(--kd-c-notice-icon-color, var(--kd-g-color-theme, #5582f3));
}
.kd-notice-info .kd-notice-content-title-close {
  color: var(--kd-c-notice-icon-color, var(--kd-g-color-theme, #5582f3));
}
.kd-notice-info .kd-notice-content-title-close:hover {
  color: var(--kd-c-notice-icon-color-hover, var(--kd-g-color-border-ongoing, #85b8ff));
}
.kd-notice-primary .kd-notice-content-title {
  color: var(--kd-c-notice-header-color, var(--kd-g-color-white, #fff));
  background: var(--kd-c-notice-header-color-background, var(--kd-g-color-theme, #5582f3));
}
.kd-notice-primary .kd-notice-content-title-close {
  color: var(--kd-c-notice-header-color, var(--kd-g-color-white, #fff));
}
.kd-notice-primary .kd-notice-content-title-close:hover {
  color: var(--kd-c-notice-icon-color-hover, var(--kd-g-color-border-ongoing, #85b8ff));
}
.kd-notice-leave {
  -webkit-animation: kdNoticeLeaveEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdNoticeLeaveEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kd-notice-leave-after {
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-notice-leave-after.kd-notice-success,
.kd-notice-leave-after.kd-notice-warning,
.kd-notice-leave-after.kd-notice-error {
  -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  border: none;
}
.kd-notice-leave-after div,
.kd-notice-leave-after i {
  -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1);
  height: 0;
  font-size: 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--kd-c-pagination-text-color, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-pagination .kd-pagination-total {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.kd-pagination .kd-pagination-current {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.kd-pagination .kd-pagination-current .kd-pagination-current-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 44px;
  height: var(--kd-c-pagination-sizing-square, 24px);
  margin: 0 3px;
  padding: 0;
  outline: none;
  text-align: center;
  background: var(--kd-g-color-background, #fff);
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination .kd-pagination-current .kd-pagination-current-input:hover,
.kd-pagination .kd-pagination-current .kd-pagination-current-input:active,
.kd-pagination .kd-pagination-current .kd-pagination-current-input:focus {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination .kd-pagination-current .kd-pagination-current-input:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed;
}
.kd-pagination .kd-pagination-action {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  vertical-align: middle;
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered {
  margin-right: calc(2 * var(--kd-c-pagination-button-spacing, 4px));
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered:last-child {
  margin-right: 0;
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered button {
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered button:disabled {
  background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  border: none;
  background-color: var(--kd-g-color-background, #fff);
  border-radius: var(--kd-g-radius-border, 2px);
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item button:hover:not(:disabled),
.kd-pagination .kd-pagination-action .kd-pagination-action-item button:active:not(:disabled) {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item button:hover i,
.kd-pagination .kd-pagination-action .kd-pagination-action-item button:active i {
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item button[disabled] {
  cursor: not-allowed;
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item button[disabled] i {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination .kd-pagination-action .kd-pagination-action-item button i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-button-color, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s);
}
.kd-pagination .kd-pagination-selector {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-left: 20px;
  outline: none;
  height: var(--kd-c-pagination-sizing-square, 24px);
  vertical-align: middle;
}
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 0;
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-g-color-text-primary, #212121);
  border-radius: var(--kd-g-radius-border, 2px);
  background: var(--kd-g-color-background, #fff);
  cursor: pointer;
  border: none;
  outline: none;
}
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size:hover i,
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size:active i {
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size.disabled,
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size.disabled > i {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size i {
  margin-left: 4px;
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-text-color, var(--kd-g-color-text-secondary, #666));
}
.kd-pagination .kd-pagination-selector .kd-dropdown-menu-item {
  text-align: right;
  padding-right: var(--kd-c-pagination-dropdown-item-spacing-padding-horizontal, 24px);
  padding-left: var(--kd-c-pagination-dropdown-item-spacing-padding-horizontal, 24px);
}
.kd-pagination .kd-pagination-selector .kd-dropdown-menu-item span {
  white-space: nowrap;
}
.kd-pagination.simple .kd-pagination-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kd-c-pagination-sizing-square, 24px);
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid transparent;
}
.kd-pagination.simple .kd-pagination-action.bordered {
  border-color: var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.simple .kd-pagination-action.bordered:active:not(.disabled) {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.simple .kd-pagination-action.bordered.disabled,
.kd-pagination.simple .kd-pagination-action.bordered.disabled > .kd-pagination-item > button {
  background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-pagination.simple .kd-pagination-action.disabled > .kd-pagination-action-item {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination.simple .kd-pagination-action-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: var(--kd-c-pagination-sizing-square, 24px);
  overflow: hidden;
  margin: 0 8px;
  vertical-align: middle;
  color: var(--kd-g-color-text-primary, #212121);
}
.kd-pagination.simple .kd-pagination-action-item:first-child,
.kd-pagination.simple .kd-pagination-action-item:last-child {
  margin: 0;
}
.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current {
  margin-right: 2px;
  vertical-align: middle;
}
.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input {
  margin: 0;
}
.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-pagination.simple .kd-pagination-action-item .kd-pagination-total {
  vertical-align: middle;
  margin-right: 0;
}
.kd-pagination.simple .kd-pagination-action-item.bordered > button {
  border: none;
}
.kd-pagination.simple .kd-pagination-action-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  border: none;
  background-color: var(--kd-g-color-background, #fff);
  border-radius: var(--kd-g-radius-border, 2px);
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.simple .kd-pagination-action-item button:hover:not(:disabled),
.kd-pagination.simple .kd-pagination-action-item button:active:not(:disabled) {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.simple .kd-pagination-action-item button:hover i,
.kd-pagination.simple .kd-pagination-action-item button:active i {
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-pagination.simple .kd-pagination-action-item button:disabled {
  cursor: not-allowed;
}
.kd-pagination.simple .kd-pagination-action-item button:disabled i {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination.simple .kd-pagination-action-item button i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-button-color, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s);
}
.kd-pagination.less .kd-pagination-pages {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.kd-pagination.less .kd-pagination-pages-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: var(--kd-c-pagination-button-spacing, 4px);
  vertical-align: middle;
}
.kd-pagination.less .kd-pagination-pages-item:last-child {
  margin-right: 0;
}
.kd-pagination.less .kd-pagination-pages-item.active > button:disabled {
  background-color: var(--kd-g-color-background-contain, #fafafa);
}
.kd-pagination.less .kd-pagination-pages-item:hover button,
.kd-pagination.less .kd-pagination-pages-item:active button,
.kd-pagination.less .kd-pagination-pages-item.active button {
  color: var(--kd-g-color-theme, #5582f3);
}
.kd-pagination.less .kd-pagination-pages-item:first-child button,
.kd-pagination.less .kd-pagination-pages-item:last-child button {
  width: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0;
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-pagination.less .kd-pagination-pages-item:first-child button:hover,
.kd-pagination.less .kd-pagination-pages-item:last-child button:hover,
.kd-pagination.less .kd-pagination-pages-item:first-child button:active,
.kd-pagination.less .kd-pagination-pages-item:last-child button:active {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.less .kd-pagination-pages-item:first-child button:hover:disabled,
.kd-pagination.less .kd-pagination-pages-item:last-child button:hover:disabled,
.kd-pagination.less .kd-pagination-pages-item:first-child button:active:disabled,
.kd-pagination.less .kd-pagination-pages-item:last-child button:active:disabled {
  border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-pagination.less .kd-pagination-pages-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  min-width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0 4px;
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  outline: none;
  border: none;
  background: var(--kd-g-color-background, #fff);
  -webkit-transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.less .kd-pagination-pages-item button:disabled {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination.nicety .kd-pagination-pages {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.kd-pagination.nicety .kd-pagination-pages-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: var(--kd-c-pagination-button-spacing, 4px);
  vertical-align: middle;
}
.kd-pagination.nicety .kd-pagination-pages-item:last-child {
  margin-right: 0;
}
.kd-pagination.nicety .kd-pagination-pages-item:hover button,
.kd-pagination.nicety .kd-pagination-pages-item:active button,
.kd-pagination.nicety .kd-pagination-pages-item.active button {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.nicety .kd-pagination-pages-item:hover button:disabled,
.kd-pagination.nicety .kd-pagination-pages-item:active button:disabled,
.kd-pagination.nicety .kd-pagination-pages-item.active button:disabled {
  border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-pagination.nicety .kd-pagination-pages-item.active > button:disabled {
  background-color: var(--kd-g-color-background-contain, #fafafa);
}
.kd-pagination.nicety .kd-pagination-pages-item.active button,
.kd-pagination.nicety .kd-pagination-pages-item:hover button {
  color: var(--kd-g-color-theme, #5582f3);
}
.kd-pagination.nicety .kd-pagination-pages-item.active button:not(:disabled) > .kd-pagination-pages-jumper-icon,
.kd-pagination.nicety .kd-pagination-pages-item:hover button:not(:disabled) > .kd-pagination-pages-jumper-icon {
  opacity: 1;
}
.kd-pagination.nicety .kd-pagination-pages-item:first-child button,
.kd-pagination.nicety .kd-pagination-pages-item:last-child button {
  width: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0;
  line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
}
.kd-pagination.nicety .kd-pagination-pages-item button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  min-width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0 6px;
  cursor: pointer;
  outline: none;
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-g-color-text-primary, #212121);
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background: var(--kd-g-color-background, #fff);
  -webkit-transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
  transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.nicety .kd-pagination-pages-item button:disabled {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination.nicety .kd-pagination-pages-item button > i {
  font-size: 16px;
}
.kd-pagination.nicety .kd-pagination-pages-item button .kd-pagination-pages-jumper-icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: var(--kd-g-color-theme, #5582f3);
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  background-color: var(--kd-g-color-background, #fff);
  -webkit-transition: opacity var(--kd-g-duration, 0.3s);
  transition: opacity var(--kd-g-duration, 0.3s);
}
.kd-pagination.nicety .kd-pagination-jumper {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40px;
  height: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0;
  outline: none;
  text-align: center;
  background: var(--kd-g-color-background, #fff);
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:hover,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:active,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:focus {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed;
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  margin-left: var(--kd-c-pagination-button-spacing, 4px);
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  vertical-align: top;
  cursor: pointer;
  outline: none;
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  background: var(--kd-g-color-background, #fff);
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:hover,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:active {
  color: var(--kd-g-color-theme, #5582f3);
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:hover:disabled,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:active:disabled {
  border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-pagination.nicety .kd-pagination-options {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-left: 22px;
  outline: none;
  height: var(--kd-c-pagination-sizing-square, 24px);
  color: var(--kd-g-color-text-primary, #212121);
  vertical-align: middle;
}
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  min-width: 64px;
  height: var(--kd-c-pagination-sizing-square, 24px);
  margin-right: 8px;
  padding: 0 24px 0 4px;
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-g-color-text-primary, #212121);
  text-align: left;
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  background: var(--kd-g-color-background, #fff);
  cursor: pointer;
  outline: none;
  -webkit-transition: border-color var(--kd-g-duration, 0.3s);
  transition: border-color var(--kd-g-duration, 0.3s);
}
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:active {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
}
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover.disabled,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:active.disabled {
  border-color: var(--kd-g-color-border-strong, #d9d9d9);
}
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.disabled,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.disabled > i {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size i {
  position: absolute;
  top: 50%;
  right: 5px;
  line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size .kd-pagination-dropdown-icon-open {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.kd-pagination-dropdown-icon {
  -webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s);
  transition: -webkit-transform var(--kd-g-duration, 0.3s);
  transition: transform var(--kd-g-duration, 0.3s);
  transition: transform var(--kd-g-duration, 0.3s), -webkit-transform var(--kd-g-duration, 0.3s);
}
.kd-pagination-dropdown-icon-open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-popconfirm {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  border-radius: var(--kd-c-popconfirm-radius-border, var(--kd-g-radius-border, 2px));
  background-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  opacity: 1;
  z-index: var(--kd-g-z-index-popper, 1050);
  visibility: visible;
}
.kd-popconfirm.hidden {
  opacity: 0;
  visibility: hidden;
}
.kd-popconfirm[class*="top"] {
  -webkit-box-shadow: 0 6px 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 16px 3px rgba(0, 0, 0, 0.08);
}
.kd-popconfirm[class*="bottom"] {
  -webkit-box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, 0.08);
}
.kd-popconfirm[class*="left"] {
  -webkit-box-shadow: 6px 0 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 6px 0 16px 3px rgba(0, 0, 0, 0.08);
}
.kd-popconfirm[class*="right"] {
  -webkit-box-shadow: -6px 0 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: -6px 0 16px 3px rgba(0, 0, 0, 0.08);
}
.kd-popconfirm.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kd-popconfirm.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-g-radius-border, 2px);
}
.kd-popconfirm.arrow.bottomLeft::before,
.kd-popconfirm.arrow.bottom::before,
.kd-popconfirm.arrow.bottomRight::before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
}
.kd-popconfirm.arrow.topLeft::before,
.kd-popconfirm.arrow.top::before,
.kd-popconfirm.arrow.topRight::before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
  border-color: transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent;
}
.kd-popconfirm.arrow.leftTop::before,
.kd-popconfirm.arrow.left::before,
.kd-popconfirm.arrow.leftBottom::before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
          box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
}
.kd-popconfirm.arrow.rightTop::before,
.kd-popconfirm.arrow.right::before,
.kd-popconfirm.arrow.rightBottom::before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
  border-color: transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
}
.kd-popconfirm-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  width: var(--kd-c-popconfirm-sizing-min-width, 240px);
  padding: var(--kd-c-popconfirm-spacing-padding-vertical, 16px) var(--kd-c-popconfirm-spacing-padding-horizontal, 16px);
}
.kd-popconfirm-title {
  line-height: 21px;
  color: var(--kd-c-popconfirm-title-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-popconfirm-title-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-popconfirm-title i {
  margin-right: var(--kd-c-popconfirm-title-icon-spacing-margin-right, 6px);
  vertical-align: top;
  line-height: 21px;
  color: var(--kd-c-popconfirm-icon-color-text, var(--kd-g-color-warning, #ff991c));
  font-size: var(--kd-c-popconfirm-icon-sizing-square, 17px);
}
.kd-popconfirm-message {
  color: var(--kd-c-popconfirm-message-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-popconfirm-message-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  margin: var(--kd-c-popconfirm-message-spacing-margin-top, 6px) 0 var(--kd-c-popconfirm-message-spacing-margin-bottom, 18px);
}
.kd-popconfirm-interaction {
  text-align: right;
}
.kd-popconfirm-interaction button:not(:last-child) {
  margin-right: var(--kd-c-popconfirm-button-spacing, 12px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-progress {
  display: inline-block;
  font-variant: tabular-nums;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  font-size: 0;
  vertical-align: top;
}
.kd-progress-show-info {
  font-size: var(--kd-c-progress-line-text-font-size, 16px);
}
.kd-progress-type-line {
  width: 100%;
  color: var(--kd-c-progress-line-color-font, #212121);
}
.kd-progress-type-line .kd-progress-special-text {
  margin-top: var(--kd-c-progress-line-text-spacing-margin-top, 12px);
  line-height: 24px;
}
.kd-progress-type-circle {
  color: var(--kd-c-progress-circle-color-font, #666);
}
.kd-progress-type-circle .kd-progress-special-text {
  margin-top: var(--kd-c-progress-circle-text-spacing-margin-top, 8px);
  padding: 0;
  line-height: 24px;
}
.kd-progress-outer {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  font-size: 0;
}
.kd-progress-show-info:not(.kd-progress-position-bottom) .kd-progress-outer {
  margin-right: calc(-1 * var(--kd-c-progress-line-text-font-size, 16px) * 2 - 8px);
  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px) * 2 + 8px);
}
.kd-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0;
  border-radius: var(--kd-c-progress-radius-border, 100px);
  background-color: var(--kd-c-progress-color-remaining, #e5e5e5);
}
.kd-progress-success-bg,
.kd-progress-bg {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--kd-c-progress-radius-border, 100px);
  background-color: var(--kd-c-progress-color-default, #5582f3);
  height: var(--kd-c-progress-line-stroke-sizing-width, 8px);
  -webkit-transition: all 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition: all 0.3s cubic-bezier(0.66, 0, 0.34, 1);
}
.kd-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-progress-text {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(var(--kd-c-progress-line-text-font-size, 16px)*2);
  margin-left: var(--kd-c-progress-line-text-spacing-margin-left, 8px);
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.kd-progress-special-text {
  font-size: var(--kd-c-progress-line-special-text-font-size, 16px);
  text-align: center;
  overflow: hidden;
  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*2 + 8px);
}
.kd-progress-position-bottom .kd-progress-special-text {
  padding-right: 0;
}
.kd-progress-status-success .kd-progress-bg {
  background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-progress-status-success .kd-progress-text,
.kd-progress-status-success .kd-progress-special-text {
  color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-progress-status-success .kd-progress-text {
  font-size: 0;
}
.kd-progress-status-success .kd-progress-icon {
  font-size: var(--kd-c-progress-line-icon-font-size, 16px);
  color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-progress-status-success .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path {
  stroke: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-progress-status-failure .kd-progress-bg {
  background-color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323));
}
.kd-progress-status-failure .kd-progress-text,
.kd-progress-status-failure .kd-progress-special-text {
  color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323));
}
.kd-progress-status-failure .kd-progress-text {
  font-size: 0;
}
.kd-progress-status-failure .kd-progress-icon {
  font-size: var(--kd-c-progress-line-icon-font-size, 16px);
  color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323));
}
.kd-progress-status-failure .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path {
  stroke: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323));
}
.kd-progress-circle-box {
  position: relative;
}
.kd-progress-circle-box .kd-progress-circle-trail {
  stroke: var(--kd-c-progress-color-remaining, #e5e5e5);
}
.kd-progress-circle-box .kd-progress-circle-path {
  -webkit-transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
}
.kd-progress-circle-box .kd-progress-text {
  position: absolute;
  width: auto;
  text-align: center;
  font-size: 28px;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.kd-progress-circle-box .kd-progress-text-percent,
.kd-progress-circle-box .kd-progress-text-unit {
  display: inline-block;
  vertical-align: top;
}
.kd-progress-circle-box .kd-progress-text-percent {
  line-height: var(--kd-c-progress-circle-percent-line-height, 48px);
}
.kd-progress-circle-box .kd-progress-text-unit {
  line-height: var(--kd-c-progress-circle-unit-line-height, 18px);
  font-size: 12px;
  margin-top: var(--kd-c-progress-circle-unit-spacing-margin-top, 18px);
}
.kd-progress-circle-box .kd-progress-icon {
  font-size: 48px;
}
.kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path {
  stroke: var(--kd-c-progress-color-default, #5582f3);
  -webkit-transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-radio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
  margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-radio::before {
  position: absolute;
  top: 50%;
  left: 0;
  height: var(--kd-c-radio-square-sizing-width-height, 14px);
  width: var(--kd-c-radio-square-sizing-width-height, 14px);
  content: '';
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.kd-radio::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  content: '';
  border-radius: 50%;
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: kdRadioLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  opacity: 0;
}
.kd-radio-input {
  position: absolute;
  opacity: 0;
}
.kd-radio > span {
  padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px);
}
.kd-radio:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio:hover::before {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-checked::before {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-checked:focus-within::before {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
}
.kd-radio-checked::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  content: '';
  border-radius: 50%;
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: kdRadioEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 1;
  visibility: visible;
}
.kd-radio-disabled,
.kd-radio-disabled:hover {
  cursor: not-allowed;
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-radio-disabled::before,
.kd-radio-disabled:hover::before {
  border-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kd-radio-disabled::after,
.kd-radio-disabled:hover::after {
  background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kd-radio-disabled.kd-radio-checked,
.kd-radio-disabled:hover.kd-radio-checked {
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
}
.kd-radio-text {
  line-height: 1.5;
}
.kd-radio-square {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  height: var(--kd-c-radio-square-sizing-height, 32px);
  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  overflow: hidden;
  border-radius: 2px;
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.kd-radio-square::after {
  position: absolute;
  right: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: kdRadioSquareLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioSquareLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
  visibility: hidden;
}
.kd-radio-square-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.kd-radio-square-input[disabled] {
  cursor: not-allowed;
}
.kd-radio-square:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-square-checked {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-square-checked:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
}
.kd-radio-square-checked::after {
  position: absolute;
  right: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: kdRadioSquareEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdRadioSquareEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 1;
  visibility: visible;
}
.kd-radio-square-disabled,
.kd-radio-square-disabled:hover {
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-radio-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.kd-radio-square-disabled::after,
.kd-radio-square-disabled:hover::after {
  background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kd-radio-square-disabled.kd-radio-square-checked,
.kd-radio-square-disabled:hover.kd-radio-square-checked {
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
}
.kd-radio-square-text {
  line-height: 1.5;
}
.kd-radio-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  height: var(--kd-c-radio-square-sizing-height, 32px);
  padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-left: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.kd-radio-button:first-child {
  border-radius: 2px 0 0 2px;
  border-left: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-radio-button:first-child::before {
  content: none;
}
.kd-radio-button:last-child {
  border-radius: 0 2px 2px 0;
}
.kd-radio-button::before {
  z-index: 10;
  position: absolute;
  top: calc(-1 * var(--kd-c-radio-radius-border-width, 1px));
  left: calc(-1 * var(--kd-c-radio-radius-border-width, 1px));
  height: var(--kd-c-radio-square-sizing-height, 32px);
  width: var(--kd-c-radio-radius-border-width, 1px);
  content: '';
  background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-radio-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.kd-radio-button-input[disabled] {
  cursor: not-allowed;
}
.kd-radio-button:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked {
  z-index: 1;
  color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
}
.kd-radio-button-checked:hover {
  color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
}
.kd-radio-button-checked:not(.kd-radio-button-disabled)::before {
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked:first-child {
  border-left-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-radio-button-checked:first-child::before {
  content: none;
}
.kd-radio-button-checked + .kd-radio-button::before {
  content: none;
}
.kd-radio-button-checked.kd-radio-button-disabled {
  background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-left-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kd-radio-button-disabled,
.kd-radio-button-disabled:hover {
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kd-radio-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-rate {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kd-rate-size-large .kdicon {
  font-size: var(--kd-c-rate-font-size-large, 20px);
}
.kd-rate-size-middle .kdicon {
  font-size: var(--kd-c-rate-font-size-middle, 16px);
}
.kd-rate-size-small .kdicon {
  font-size: var(--kd-c-rate-font-size-small, 12px);
}
.kd-rate-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 100%;
  margin-right: var(--kd-c-rate-spacing-margin-right, 8px);
}
.kd-rate-item .kd-rate-icon-view {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
  transition: -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-rate-item .kd-rate-icon-view:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.kd-rate-item .kd-rate-icon-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kd-rate-item .kd-rate-icon-first {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  overflow: hidden;
  color: var(--kd-c-rate-color-text-not-selected, #E5E5E5);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-rate-item .kd-rate-icon-first:hover {
  color: var(--kd-c-rate-color-text-selected, #FEC104);
}
.kd-rate-item .kd-rate-icon-second {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--kd-c-rate-color-text-not-selected, #E5E5E5);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-rate-item .kd-rate-icon-second-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kd-rate-item .kd-rate-icon-second:hover {
  color: var(--kd-c-rate-color-text-selected, #FEC104);
}
.kd-rate-item .kd-rate-icon-selected {
  color: var(--kd-c-rate-color-text-selected, #FEC104);
  opacity: 1;
}
.kd-rate-item:last-child {
  margin-right: 0;
}
.kd-rate-disabled {
  pointer-events: none;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
@-webkit-keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes animate_loading {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes animate_loading {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.kd-search {
  border-bottom: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
}
.kd-search-size-small {
  width: var(--kd-c-search-sizing-width-small, 200px);
}
.kd-search-size-middle {
  width: var(--kd-c-search-sizing-width-middle, 260px);
}
.kd-search-size-large {
  width: var(--kd-c-search-sizing-width-large, 320px);
}
.kd-search-disabled {
  cursor: not-allowed;
}
.kd-search-borderless {
  border: none !important;
}
.kd-search-border {
  border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
  border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-search-prefix,
.kd-search-suffix {
  font-size: var(--kd-c-search-icon-font-size, 16px);
  color: var(--kd-c-search-icon-color, #B2B2B2);
}
.kd-search-focused,
.kd-search:not(.kd-search-disabled):hover {
  border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-search-focused .kd-search-prefix,
.kd-search:not(.kd-search-disabled):hover .kd-search-prefix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-search-focused .kd-search-suffix,
.kd-search:not(.kd-search-disabled):hover .kd-search-suffix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-quick-search {
  display: inline-block;
  max-width: var(--kd-c-search-sizing-width-max, 400px);
  width: var(--kd-c-search-sizing-width-default, 200px);
  height: var(--kd-c-search-sizing-height-default, 24px);
  position: relative;
  border-bottom: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-quick-search-borderless {
  border: none !important;
}
.kd-quick-search-border {
  border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
  border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-quick-search:hover:not(.kd-quick-search-disabled) {
  border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-quick-search:hover:not(.kd-quick-search-disabled) .kd-quick-search-prefix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-quick-search-focused:not(.kd-quick-search-disabled) {
  max-width: var(--kd-c-search-sizing-width-max, 400px);
  width: 100% !important;
  border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-quick-search-focused:not(.kd-quick-search-disabled) .kd-quick-search-prefix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
}
.kd-quick-search-disabled {
  cursor: not-allowed;
}
.kd-quick-search-prefix {
  margin-right: 4px;
  -ms-flex-item-align: center;
      align-self: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  font-size: var(--kd-c-search-icon-font-size, 16px);
  color: var(--kd-c-search-icon-color, #B2B2B2);
}
.kd-quick-search-selector {
  cursor: text;
  padding-left: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kd-quick-search-selector-disabled {
  cursor: not-allowed;
}
.kd-quick-search-selection-overflow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}
.kd-quick-search-selection-overflow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 2px;
  border: 1px solid var(--kd-c-search-color-end, var(--kd-g-color-end, #666));
  margin: 2px 12px 2px 0;
  cursor: pointer;
  max-width: 100%;
  height: 20px;
}
.kd-quick-search-selection-overflow-item:hover .kd-quick-search-selection-overflow-item-del {
  display: block;
}
.kd-quick-search-selection-overflow-item-tag {
  padding: 0 4px 0 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 170px;
  background: var(--kd-c-search-color-end, var(--kd-g-color-end, #666));
  line-height: 20px;
  font-size: var(--kd-c-search-dropdown-font-size, 12px);
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-quick-search-selection-overflow-item-label {
  font-size: var(--kd-c-search-dropdown-font-size, 12px);
  color: #212121;
  letter-spacing: 0;
  padding: 0 4px;
  -ms-flex-item-align: center;
      align-self: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-quick-search-selection-overflow-item-del {
  height: 14px;
  width: 14px;
  line-height: 1;
  font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px));
  border-radius: 50%;
  position: absolute;
  right: -7px;
  top: -6px;
  display: none;
  background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff));
}
.kd-quick-search-selection-overflow-item-del:hover {
  color: var(--kd-c-search-selected-tags-del-color-background-hover, #999999);
}
.kd-quick-search-selection-placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--kd-c-search-selection-placeholder-color-text, #B2B2B2);
  font-size: var(--kd-c-search-placeholder-font-size, 12px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-quick-search-selection-search {
  position: relative;
  max-width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
}
.kd-quick-search-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.kd-quick-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  width: 100%;
  background: transparent;
  font-size: var(--kd-c-search-input-font-size, 12px);
  color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121));
}
.kd-quick-search-input::-webkit-input-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kd-quick-search-input::-moz-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kd-quick-search-input:-ms-input-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kd-quick-search-input::-ms-input-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kd-quick-search-input::placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0;
}
.kd-quick-search-dropdown {
  padding: 8px 0;
  margin: 0;
  z-index: 1050;
  font-size: var(--kd-c-search-dropdown-font-size, 12px);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: var(--kd-c-search-dropdown-radius-border, var(--kd-g-radius-border, 2px));
  background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff));
  overflow: auto;
}
.kd-quick-search-dropdown-scroll {
  overflow-y: auto;
}
.kd-quick-search-dropdown-empty {
  padding: 5px 12px;
}
.kd-quick-search-dropdown-desc {
  padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  padding-right: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--kd-c-search-dropdown-desc-color-text, #999999);
  font-size: var(--kd-c-search-dropdown-desc-font-size, 12px);
}
.kd-quick-search-option {
  padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  padding-right: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121));
}
.kd-quick-search-option-tag {
  margin-right: 12px;
}
.kd-quick-search-option:hover:not(.kd-quick-search-option-selected) {
  background: var(--kd-c-search-color-background-contain-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) {
  background: var(--kd-c-search-dropdown-tags-color-background-selected, #F2F6FF);
}
.kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) .kd-quick-search-option-tag {
  color: var(--kd-c-search-color-hover, #5582F3);
}
.kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) .kd-quick-search-option-content {
  color: var(--kd-c-search-color-hover, #5582F3);
}
.kd-quick-search-npl {
  border-top: 1px solid var(--kd-c-search-npl-color-border, #D8D8D8);
}
.kd-quick-search-npl-loading {
  height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
}
.kd-quick-search-npl-loading-item {
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50% 50% 50% 50%;
  -webkit-animation: animate_loading 1s infinite;
          animation: animate_loading 1s infinite;
}
.kd-quick-search-npl-loading-item:nth-child(1) {
  background-color: var(--kd-c-search-dot-color-first, var(--kd-g-color-logo-1, #2486ee));
}
.kd-quick-search-npl-loading-item:nth-child(2) {
  background-color: #02ccfe;
}
.kd-quick-search-npl-loading-item:nth-child(3) {
  background-color: #05c8c7;
}
.kd-quick-search-npl-loading-item:nth-child(4) {
  background-color: #a06eff;
}
.kd-search-panel {
  width: var(--kd-c-search-panel-sizing-width, 800px);
  border-radius: 4px;
  background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff));
}
.kd-search-panel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kd-c-search-panel-sizing-height, 60px);
  border-radius: 4px;
}
.kd-search-panel-recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 24px;
}
.kd-search-panel-recommend-icon {
  font-size: 18px;
  margin: 0 8px;
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-search-panel-type {
  width: 230px;
  max-height: 400px;
  overflow: auto;
}
.kd-search-panel-type-list {
  line-height: 30px;
  display: block;
  padding-left: 24px;
}
.kd-search-panel-type-list:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe);
  color: var(--kd-c-search-panel-color-hover, #597cfc);
}
.kd-search-panel-type-list-active {
  color: var(--kd-c-search-panel-color-hover, #597cfc);
}
.kd-search-panel-dropDown {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--kd-c-search-panel-color-border, #E6E8ED);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-search-panel-dropDown-result {
  width: 300px;
  height: 400px;
  border-right: 1px solid var(--kd-c-search-panel-color-border, #E6E8ED);
}
.kd-search-panel-dropDown-result-wrapper {
  max-height: 330px;
  overflow: auto;
  border-bottom: 1px solid var(--kd-c-search-panel-color-border, #E6E8ED);
}
.kd-search-panel-dropDown-result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 48px;
  padding: 5px 13px 2px 17px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-search-panel-dropDown-result-list:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe);
}
.kd-search-panel-dropDown-result-list-active {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe);
}
.kd-search-panel-dropDown-result-list-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
}
.kd-search-panel-dropDown-result-list-type {
  color: var(--kd-c-search-color-text-third, var(--kd-g-color-text-third, #999));
}
.kd-search-panel-dropDown-result-list-sub-title {
  color: var(--kd-c-search-color-text-third, var(--kd-g-color-text-third, #999));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95px;
}
.kd-search-panel-dropDown-result-list img {
  height: 18px;
  width: 18px;
  margin-right: 4px;
  margin-top: 2px;
}
.kd-search-panel-dropDown-summary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-search-panel-dropDown-summary-pic {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  margin-bottom: 20px;
}
.kd-search-panel-dropDown-summary-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.kd-search-panel-dropDown-summary-title {
  margin-bottom: 10px;
  font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121));
}
.kd-search-panel-dropDown-summary-list {
  margin-top: 4px;
  color: var(--kd-c-search-color-text-secondary, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-search-font-size-small, var(--kd-g-font-size-small, 12px));
  line-height: 20px;
}
.kd-search-panel-dropDown-search {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 17px;
  font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px));
  cursor: pointer;
}
.kd-search-panel-dropDown-search:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe);
}
.kd-search-panel-dropDown-search-active {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe);
}
.kd-search-panel-dropDown-search-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-search-panel-dropDown-loading {
  margin-left: 30px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-search-panel .kd-input-clear-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--kd-c-search-color-end, var(--kd-g-color-end, #666));
  position: relative;
}
.kd-search-panel .kd-input-clear-icon .kdicon {
  position: absolute;
  right: 2.5px;
  top: -2px;
  color: #fff;
}
.kd-search-panel-tooltip::before {
  display: none;
}
.kd-search-panel-tooltip-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.kd-search-panel-tooltip-content:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe);
}
.kd-quick-search-dropdown-wrapper.topLeft.hidden,
.kd-quick-search-dropdown-wrapper.bottomLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-quick-search-dropdown-wrapper.bottomLeft-active {
  padding: 10px 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
@-webkit-keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes SlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes SlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes SlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes SlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes SlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes SlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
.kd-select {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  margin: 0 8px 2px 0;
  vertical-align: middle;
}
.kd-select-selector:hover .kd-select-icon-active {
  color: #3761ca;
}
.kd-select-visible .kd-select-icon-active {
  color: #3761ca;
}
.kd-select-visible .kd-select-selection-item {
  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
}
.kd-select-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.kd-select-icon-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-select-icon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-select-icon-arrow-focus {
  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
}
.kd-select-icon-clear {
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: #fff;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.kd-select-icon-clear:hover {
  color: var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-select-focused {
  border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
}
.kd-select-placeholder {
  position: absolute;
  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-select-borderless {
  border: none;
}
.kd-select-underline {
  border-bottom: 1px solid var(--kd-c-select-color-border, var(--kd-g-color-input, #999));
}
.kd-select-underline:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
  border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-select-bordered {
  border: 1px solid var(--kd-c-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  padding-left: 8px !important;
  border-radius: 2px;
}
.kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
  border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-select-bordered .kd-select-suffix {
  padding-right: 8px;
}
.kd-select-wrapper {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 1px 28px 1px 0;
  max-width: 100%;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.kd-select-dropdown {
  display: block;
  left: 0;
  z-index: var(--kd-c-select-z-index, var(--kd-g-z-index-popper, 1050));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 0;
  margin: 0;
  overflow: auto;
  font-size: var(--kd-c-select-dropdown-font-size, 12px);
  font-variant: initial;
  background-color: var(--kd-c-select-dropdown-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-c-select-radius-border, var(--kd-g-radius-border, 2px));
  outline: none;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.kd-select-dropdown-scroll {
  overflow-y: auto;
}
.kd-select-dropdown-empty {
  padding: 5px 12px;
}
.kd-select-dropdown-search {
  padding: 5px 6px;
}
.kd-select-dropdown-search-hidden {
  display: none;
}
.kd-select-item {
  position: relative;
  display: block;
  font-weight: normal;
  font-size: var(--kd-c-select-dropdown-font-size, 12px);
  min-height: var(--kd-c-select-item-sizing-height, 22px);
  padding: 5px 12px;
  color: var(--kd-c-select-footer-color-text, var(--kd-g-color-text-primary, #212121));
  line-height: var(--kd-c-select-dropdown-line-height, 22px);
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.kd-select-item-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 75px;
}
.kd-select-item-option-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-select-item-option:hover:not(.kd-select-item-option-selected):not(.kd-select-item-option-disabled) {
  background-color: var(--kd-c-select-color-background, #f5f5f5);
}
.kd-select-item-option-active:not(.kd-select-item-option-disabled) {
  background-color: var(--kd-c-select-color-background, #f5f5f5);
}
.kd-select-item-option-selected:not(.kd-select-item-option-disabled) {
  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-select-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
}
.kd-select-item-option-disabled {
  color: var(--kd-c-select-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  background-color: var(--kd-c-select-item-color-background-disabled, #fff);
}
.kd-select-size-small {
  min-height: var(--kd-c-select-sizing-height-small, 24px);
  max-height: calc(var(--kd-c-select-sizing-height-small, 24px) * 3 - 10px);
  font-size: var(--kd-c-select-font-size-small, 12px);
}
.kd-select-size-middle {
  min-height: var(--kd-c-select-sizing-height-middle, 30px);
  max-height: calc(var(--kd-c-select-sizing-height-middle, 30px) * 3 - 10px);
  font-size: var(--kd-c-select-font-size-middle, 14px);
}
.kd-select-size-large {
  min-height: var(--kd-c-select-sizing-height-large, 36px);
  max-height: calc(var(--kd-c-select-sizing-height-large, 36px) * 3 - 10px);
  font-size: var(--kd-c-select-font-size-large, 16px);
}
.kd-select-suffix {
  right: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
}
.kd-select-single .kd-select-selection-search {
  position: absolute;
  right: 28px;
  left: 0;
  height: 100%;
}
.kd-select-single .kd-select-selection-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  height: 100%;
  width: 100%;
}
.kd-select-single-focused {
  border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
}
.kd-select-single-disabled {
  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-select-single-disabled:hover {
  cursor: not-allowed;
}
.kd-select-single-disabled .kd-select-suffix {
  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
}
.kd-select-single:hover .kd-select-icon-clear {
  opacity: 1;
}
.kd-select-single .kd-select-icon-clear {
  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
}
.kd-select-single .kd-select-icon-clear:hover {
  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
}
.kd-select-single-text {
  color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-select-single-disabled-text {
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-select .kd-select-selection-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  max-width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 2px 8px 2px 0;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kd-select .kd-select-selection-item-small {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.kd-select .kd-select-selection-item-middle {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}
.kd-select .kd-select-selection-item-large {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
.kd-select .kd-select-selection-item-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  color: #212121;
}
.kd-select .kd-select-selection-item-span {
  position: relative;
  margin-left: 0.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-select .kd-select-selection-item-input {
  cursor: text;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  min-width: 20px;
}
.kd-select-multiple .kd-select-selection-search {
  position: relative;
  max-width: 100%;
}
.kd-select-multiple .kd-select-selection-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  width: 100%;
}
.kd-select-multiple .kd-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.kd-select-multiple-disabled {
  cursor: not-allowed;
  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-select-multiple-disabled .kd-select-suffix {
  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
}
.kd-select-multiple:hover .kd-select-icon-clear {
  opacity: 1;
}
.kd-select-multiple .kd-select-icon-clear {
  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
}
.kd-select-multiple .kd-select-icon-clear:hover {
  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
}
.kd-select-multiple-selector {
  position: relative;
  cursor: text;
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-select-multiple .kd-select-wrapper:hover:not(.kd-select-multiple-disabled) {
  border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-select-multiple-footer {
  color: var(--kd-c-select-footer-color-text, var(--kd-g-color-text-primary, #212121));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-select-multiple-footer-hadSelected {
  color: #999999;
  padding-left: 12px;
}
.kd-select-multiple-footer-hadSelected > span {
  color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
  padding: 0 2px;
}
.kd-select.topLeft.hidden,
.kd-select.bottomLeft.hidden,
.kd-select.topRight.hidden,
.kd-select.bottomRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.slider {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.slider-handle {
  position: absolute;
  top: -1px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 2px solid var(--kd-c-slider-handle-color-border, var(--kd-g-color-theme, #5582f3));
  border-radius: 50%;
  cursor: pointer;
}
.kd-slider {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.kd-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--kd-c-slider-trail-color-background, var(--kd-g-color-border-weak, #e5e5e5));
  border-radius: 2px;
}
.kd-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--kd-c-slider-track-color-background, var(--kd-g-color-theme, #5582f3));
}
.kd-slider-step {
  position: absolute;
  width: 100%;
}
.kd-slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.kd-slider-dot.kd-slider-dot-actived {
  border-color: var(--kd-c-slider-dot-color-border-actived, var(--kd-g-color-theme, #5582f3));
}
.kd-slider-handle {
  position: absolute;
  top: -1px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 2px solid var(--kd-c-slider-handle-color-border, var(--kd-g-color-theme, #5582f3));
  border-radius: 50%;
  cursor: pointer;
}
.kd-slider-mark {
  position: absolute;
  width: 100%;
  top: 14px;
}
.kd-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: var(--kd-c-slider-mark-color-text, var(--kd-g-color-text-primary, #212121));
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.kd-slider-mark-text.kd-slider-mark-text-actived {
  color: var(--kd-c-slider-mark-color-text-actived, var(--kd-g-color-text-primary-2, #ffffff));
}
.kd-slider:hover > .kd-slider-rail {
  background-color: #e1e1e1;
}
.kd-slider:not(.kd-slider-disabled):hover > .kd-slider-handle {
  border-color: var(--kd-c-slider-handle-color-border-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-slider:not(.kd-slider-disabled):hover .kd-slider-track {
  background-color: var(--kd-c-slider-track-color-background-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-slider-reverse .kd-slider-dot {
  top: -2px;
  margin-right: -4px;
  margin-left: 0;
}
.kd-slider-reverse .kd-slider-mark-text {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.kd-slider-reverse.kd-slider-handle {
  top: -1px;
  margin-right: -7px;
  margin-left: 0;
}
.kd-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.kd-slider-vertical .kd-slider-rail {
  width: 4px;
  height: 100%;
}
.kd-slider-vertical .kd-slider-track {
  width: 4px;
}
.kd-slider-vertical .kd-slider-step {
  width: 4px;
  height: 100%;
}
.kd-slider-vertical .kd-slider-dot {
  top: auto;
  margin-left: 0;
  left: -2px;
  margin-bottom: -4px;
}
.kd-slider-vertical .kd-slider-mark {
  width: 4px;
  height: 100%;
  top: auto;
  left: 14px;
}
.kd-slider-vertical .kd-slider-mark-text {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kd-slider-vertical .kd-slider-handle {
  left: -1px;
  margin-left: 0;
  margin-bottom: -7px;
}
.kd-slider-vertical .kd-slider-reverse .kd-slider-dot {
  top: auto;
  margin-left: 0;
  left: -2px;
  margin-top: -4px;
}
.kd-slider-vertical .kd-slider-reverse .kd-slider-mark-text {
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.kd-slider-vertical .kd-slider-reverse.kd-slider-handle {
  margin-left: 0;
  margin-top: -7px;
}
.kd-slider-disabled {
  cursor: not-allowed;
}
.kd-slider-disabled .kd-slider-track {
  background-color: var(--kd-c-slider-track-color-background-hover, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-slider-disabled .kd-slider-dot {
  border-color: var(--kd-c-slider-dot-color-border-actived, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-slider-disabled .kd-slider-handle {
  border-color: var(--kd-c-slider-handle-color-border-hover, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: var(--rgap);
}
.kd-space.kd-space-horizontal > *:not(:last-child) {
  margin-right: var(--cgap);
}
.kd-space.kd-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-space.kd-space-vertical > *:not(:last-child) {
  margin-bottom: var(--cgap);
}
.kd-space.kd-space-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kd-space.kd-space-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kd-space.kd-space-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-space.kd-space-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kd-space.kd-space-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-spin-page .kd-spin-dot-spin {
  width: var(--kd-c-spin-page-dot-spin-sizing-square, 48px);
  height: var(--kd-c-spin-page-dot-spin-sizing-square, 48px);
  padding: var(--kd-c-spin-page-dot-spin-spacing-padding, 4px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.kd-spin-page .kd-spin-dot-item {
  width: var(--kd-c-spin-page-dot-item-sizing-square, 16px);
  height: var(--kd-c-spin-page-dot-item-sizing-square, 16px);
  background-color: var(--kd-c-spin-dot-color-backgroung-first, var(--kd-g-color-logo-1, #2486ee));
  border-radius: 50%;
}
.kd-spin-page .kd-spin-dot-item:nth-child(2n+1) {
  -webkit-animation: pageLoading 1s 0.3s ease-in-out infinite;
          animation: pageLoading 1s 0.3s ease-in-out infinite;
}
.kd-spin-page .kd-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kd-c-spin-dot-color-backgroung-second, var(--kd-g-color-logo-2, #02ccfe));
  -webkit-animation: pageLoading 1s 0.2s ease-in-out infinite;
          animation: pageLoading 1s 0.2s ease-in-out infinite;
}
.kd-spin-page .kd-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kd-c-spin-dot-color-backgroung-third, var(--kd-g-color-logo-3, #05c8c7));
  -webkit-animation: pageLoading 1s 0.1s ease-in-out infinite;
          animation: pageLoading 1s 0.1s ease-in-out infinite;
}
.kd-spin-page .kd-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kd-c-spin-dot-color-backgroung-fourth, var(--kd-g-color-logo-4, #a06eff));
  -webkit-animation: pageLoading 1s ease-in-out infinite;
          animation: pageLoading 1s ease-in-out infinite;
}
@-webkit-keyframes pageLoading {
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pageLoading {
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kd-spin-container .kd-spin-dot-spin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  width: 35px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item {
  width: var(--kd-c-spin-dot-container-sizing-square, 5px);
  height: var(--kd-c-spin-dot-container-sizing-square, 5px);
  background-color: var(--kd-c-spin-dot-color-backgroung-first, var(--kd-g-color-logo-1, #2486ee));
  border-radius: 50%;
}
.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+1) {
  -webkit-animation: containerLoading 1s 0.6s ease-in-out infinite;
          animation: containerLoading 1s 0.6s ease-in-out infinite;
}
.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kd-c-spin-dot-color-backgroung-second, var(--kd-g-color-logo-2, #02ccfe));
  -webkit-animation: containerLoading 1s 0.45s ease-in-out infinite;
          animation: containerLoading 1s 0.45s ease-in-out infinite;
}
.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kd-c-spin-dot-color-backgroung-third, var(--kd-g-color-logo-3, #05c8c7));
  -webkit-animation: containerLoading 1s 0.3s ease-in-out infinite;
          animation: containerLoading 1s 0.3s ease-in-out infinite;
}
.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kd-c-spin-dot-color-backgroung-fourth, var(--kd-g-color-logo-4, #a06eff));
  -webkit-animation: containerLoading 1s 0.15s ease-in-out infinite;
          animation: containerLoading 1s 0.15s ease-in-out infinite;
}
@-webkit-keyframes containerLoading {
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes containerLoading {
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.kd-spin-component .kd-spin-dot-spin {
  width: var(--kd-c-spin-dot-component-sizing-square, 24px);
  height: var(--kd-c-spin-dot-component-sizing-square, 24px);
  border: var(--kd-c-spin-dot-component-sizing-border, 2px) solid var(--kd-c-spin-component-dot-color-border, #ebebeb);
  border-radius: 50%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-spin-component .kd-spin-dot-spin .kd-spin-dot-item {
  width: var(--kd-c-spin-dot-component-sizing-square, 24px);
  height: var(--kd-c-spin-dot-component-sizing-square, 24px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kd-c-spin-dot-component-sizing-border, 2px) solid transparent;
  border-right-color: var(--kd-c-spin-component-dot-item-color-border, var(--kd-g-color-theme, #5582f3));
  border-radius: 50%;
  position: absolute;
  top: calc(-1 * var(--kd-c-spin-dot-component-sizing-border, 2px));
  left: calc(-1 * var(--kd-c-spin-dot-component-sizing-border, 2px));
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: componentRotate 1s linear infinite;
          animation: componentRotate 1s linear infinite;
}
@-webkit-keyframes componentRotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@keyframes componentRotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
.kd-spin-children-wrapper {
  position: relative;
}
.kd-spin-has-children {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.kd-spin-children-container {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.kd-spin-indicator-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-split-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border: var(--kd-c-split-panel-wrapper-sizing-border, 1px) solid var(--kd-c-split-panel-color-border, #d9d9d9);
  overflow: hidden;
}
.kd-split-panel {
  position: absolute;
  overflow: hidden;
}
.kd-split-panel.left-panel,
.kd-split-panel.right-panel {
  top: 0;
  bottom: 0;
}
.kd-split-panel.left-panel {
  left: 0;
  margin-right: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel.right-panel {
  right: 0;
  margin-left: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel.top-panel,
.kd-split-panel.bottom-panel {
  left: 0;
  right: 0;
}
.kd-split-panel.top-panel {
  top: 0;
  margin-bottom: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel.bottom-panel {
  bottom: 0;
  margin-top: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2);
}
.kd-split-panel-moving {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kd-split-trigger-con {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.kd-split-trigger-con.is-active .kd-split-trigger-arrow {
  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
  background: var(--kd-c-split-panel-arrow-color-background, #999);
  color: white;
}
.kd-split-trigger-con.can-drag .kd-split-trigger-vertical {
  cursor: col-resize;
}
.kd-split-trigger-con.can-drag .kd-split-trigger-horizontal {
  cursor: row-resize;
}
.kd-split-trigger-con.is-disabled .kd-split-trigger-vertical {
  cursor: not-allowed;
}
.kd-split-trigger-con:not(.is-disabled):hover .kd-split-trigger-arrow {
  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
}
.kd-split-trigger-con:not(.is-disabled) .kd-split-trigger-arrow:hover {
  cursor: pointer;
  background: #fff !important;
  color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important;
  border-color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important;
}
.kd-split-trigger-arrow {
  position: absolute;
  color: var(--kd-c-split-panel-arrow-color-background, #999);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kd-c-split-panel-arrow-sizing-border, 1px) solid transparent;
}
.kd-split-trigger-arrow .kdicon {
  font-size: 12px;
}
.kd-split-trigger-arrow.is-vertical {
  width: var(--kd-c-split-panel-arrow-sizing-width-vertical, 16px);
  height: var(--kd-c-split-panel-arrow-sizing-height-vertical, 16px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kd-split-trigger-arrow.is-horizontal {
  width: var(--kd-c-split-panel-arrow-sizing-width-horizontal, 16px);
  height: var(--kd-c-split-panel-arrow-sizing-height-horizontal, 16px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.kd-split-trigger-arrow.top {
  bottom: 100%;
  border-bottom: none;
  border-radius: var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) 0 0;
}
.kd-split-trigger-arrow.bottom {
  top: 100%;
  border-top: none;
  border-radius: 0 0 var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px);
}
.kd-split-trigger-arrow.left {
  right: 100%;
  border-right: none;
  border-radius: var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px);
}
.kd-split-trigger-arrow.right {
  left: 100%;
  border-left: none;
  border-radius: 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0;
}
.kd-split-trigger-vertical {
  width: var(--kd-c-split-panel-line-sizing-border, 1px);
  height: 100%;
  background: var(--kd-c-split-panel-line-color-background, #d9d9d9);
  border-top: none;
  border-bottom: none;
}
.kd-split-trigger-horizontal {
  height: var(--kd-c-split-panel-line-sizing-border, 1px);
  width: 100%;
  background: var(--kd-c-split-panel-line-color-background, #d9d9d9);
  border-left: none;
  border-right: none;
}
.kd-split-trigger.is-disabled {
  cursor: not-allowed;
}
.kd-split-horizontal > .kd-split-trigger-con {
  top: 50%;
  height: 100%;
}
.kd-split-vertical > .kd-split-trigger-con {
  left: 50%;
  width: 100%;
}
.kd-split .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-inputNumber {
  width: 100px;
  height: var(--kd-c-stepper-input-middle-sizing-height, 28px);
}
.kd-inputNumber input {
  text-align: center;
  color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121));
  margin: 0 4px;
  font-size: var(--kd-c-stepper-input-font-size, 12px);
}
.kd-inputNumber-icon {
  font-size: 14px;
}
.kd-inputNumber-baseStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  cursor: pointer;
}
.kd-inputNumber-baseStep-small {
  width: var(--kd-c-stepper-input-small-sizing-height, 20px);
}
.kd-inputNumber-baseStep-middle {
  width: var(--kd-c-stepper-input-middle-sizing-height, 28px);
}
.kd-inputNumber-baseStep-large {
  width: var(--kd-c-stepper-input-large-sizing-height, 36px);
}
.kd-inputNumber-baseStep .kd-inputNumber-icon {
  color: var(--kd-c-stepper-icon-color, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
  font-size: 16px;
}
.kd-inputNumber-baseStep .kd-inputNumber-icon:hover {
  color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-inputNumber-baseStep:hover:not(.kd-inputNumber-baseStep-disabled) .kd-inputNumber-icon {
  color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-inputNumber-baseStep-disabled {
  cursor: not-allowed;
  color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-inputNumber-baseStep-disabled .kd-inputNumber-icon {
  color: unset !important;
}
.kd-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small {
  margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle {
  margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large {
  margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-embedStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: var(--kd-c-stepper-embed-icon-color-background, transparent);
  overflow: hidden;
  border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  border: none;
}
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-small,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-large,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kd-inputNumber-embedStep span {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px;
}
.kd-inputNumber-embedStep span .kd-inputNumber-icon {
  -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
  color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-inputNumber-embedStep span:last-child {
  border-bottom: none;
}
.kd-inputNumber-embedStep-disabled {
  cursor: not-allowed !important;
  color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-inputNumber-embedStep-disabled .kd-inputNumber-icon {
  color: unset !important;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kd-steps .kd-steps-icon {
  border: 2px solid;
  padding-top: 1px;
}
.kd-steps .kdicon-exclamatory {
  font-size: 30px;
}
.kd-steps-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0;
}
.kd-steps-item-clickable {
  cursor: pointer;
}
.kd-steps-item-clickable .kd-steps-item-iconContainer-icon .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
}
.kd-steps-item-clickable.kd-steps-item-wait .kd-steps-icon,
.kd-steps-item-clickable.kd-steps-item-wait .kd-steps-item-title {
  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s));
  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-title,
.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-description {
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-steps-item-clickable.kd-steps-item-finish .kd-steps-item-title {
  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease;
  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease;
}
.kd-steps-item-clickable.kd-steps-item-finish:hover .kd-steps-item-title {
  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
}
.kd-steps-item-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-steps-item-iconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.kd-steps-item-iconContainer::after {
  content: '';
  width: 100%;
  height: var(--kd-c-steps-line-sizing-height, 1px);
  border-bottom: 1px dashed var(--kd-c-steps-color-wait, #999);
  border-left: 1px dashed var(--kd-c-steps-color-wait, #999);
  position: absolute;
  left: 50%;
  top: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
  -webkit-transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
  transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
}
.kd-steps-item-iconContainer:last-child::after {
  display: none;
}
.kd-steps-item-iconContainer-icon {
  z-index: 1;
  width: var(--kd-c-steps-icon-sizing-width, 28px);
  height: var(--kd-c-steps-icon-sizing-width, 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-steps-item-iconContainer-icon .kd-steps-icon {
  width: var(--kd-c-steps-icon-sizing-width, 28px);
  height: var(--kd-c-steps-icon-sizing-width, 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  color: var(--kd-c-steps-color-wait, #999);
  font-size: calc(var(--kd-c-steps-icon-sizing-width, 28px) - 13px);
  border-radius: 50%;
  border-color: var(--kd-c-steps-color-wait, #999);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-steps-item-content {
  text-align: center;
}
.kd-steps-item-content .kd-steps-item-title {
  line-height: 20px;
  font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-steps-color-wait, #999);
}
.kd-steps-item-content .kd-steps-item-description {
  line-height: 20px;
  font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-steps-color-wait, #999);
  width: var(--kd-c-steps-vertical-description-sizing-width, 200px);
}
.kd-steps-item-process {
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-steps-item-process .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-steps-item-process .kd-steps-item-title,
.kd-steps-item-process .kd-steps-item-description {
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-steps-item:last-child .kd-steps-item-iconContainer::after {
  display: none;
}
.kd-steps-item-finish .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
  border-color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-steps-item-finish .kd-steps-item-content .kd-steps-item-title,
.kd-steps-item-finish .kd-steps-item-content .kd-steps-item-description {
  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
}
.kd-steps-item-error .kd-steps-icon {
  color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
  border-color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-steps-item-error .kd-steps-item-content .kd-steps-item-title,
.kd-steps-item-error .kd-steps-item-content .kd-steps-item-description {
  color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-steps-bottomLable .kd-steps-item-iconContainer {
  margin-bottom: 4px;
}
.kd-steps-horizontal .kd-steps-item {
  min-width: 88px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 22px;
}
.kd-steps-horizontal .kd-steps-item:first-child {
  padding-left: 0;
}
.kd-steps-horizontal .kd-steps-item:last-child {
  padding-right: 0;
}
.kd-steps-horizontal .kd-steps-item .kd-steps-item-description {
  height: var(--kd-c-steps-horizontal-description-sizing-height, 60px);
  width: auto;
}
.kd-steps-horizontal .kd-steps-item-iconContainer::after {
  width: calc(100% + 44px);
}
.kd-steps-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-steps-vertical .kd-steps-item {
  width: 100%;
  min-height: 68px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 22px 0;
}
.kd-steps-vertical .kd-steps-item:first-child {
  padding-top: 0;
}
.kd-steps-vertical .kd-steps-item:last-child {
  padding-bottom: 0;
}
.kd-steps-vertical .kd-steps-item-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kd-steps-vertical .kd-steps-item-iconContainer {
  margin-bottom: 0;
  margin-right: 4px;
}
.kd-steps-vertical .kd-steps-item-iconContainer::after {
  width: var(--kd-c-steps-line-sizing-height, 1px);
  height: calc(100% + 44px);
  top: 2px;
  left: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
}
.kd-steps-vertical .kd-steps-item-content {
  text-align: left;
  margin-top: 1px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-switch {
  padding: 0;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-switch-color-off, #B2B2B2);
  cursor: pointer;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-switch::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kd-switch .kd-switch-inner {
  color: var(--kd-c-switch-color-font, var(--kd-g-color-white, #fff));
  font-size: var(--kd-c-switch-inner-font-size-small, var(--kd-g-font-size-small, 12px));
  margin: var(--kd-c-switch-inner-spacing-margin, 0 5px 0 17px);
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kd-switch .kd-switch-loading-icon {
  color: #b2b2b2;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  left: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.kd-switch .kd-switch-loading-icon .kdicon-loadding-circle {
  -webkit-animation: loadingcircle 1s infinite;
          animation: loadingcircle 1s infinite;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 1;
  vertical-align: baseline;
}
.kd-switch-disabled {
  background-color: var(--kd-c-switch-color-off-background-disabled, #D9D9D9);
  cursor: not-allowed;
}
.kd-switch-checked {
  background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme-6, #5582f3));
  text-align: right;
}
.kd-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.kd-switch-checked .kd-switch-loading-icon {
  left: unset;
  right: 1px;
  color: var(--kd-c-switch-color-loading, var(--kd-g-color-ongoing, #276ff5));
}
.kd-switch-checked.kd-switch-disabled {
  background-color: var(--kd-c-switch-color-on-background-disabled, var(--kd-g-color-theme-4, #b5cfff));
}
.kd-switch-checked .kd-switch-inner {
  margin: var(--kd-c-switch-inner-spacing-margin-checked, 0 17px 0 5px);
}
.kd-switch-checked.kd-switch-size-large .kd-switch-inner {
  margin: var(--kd-c-switch-inner-spacing-margin-large-checked, 0 21px 0 5px);
}
.kd-switch-size-small {
  height: var(--kd-c-switch-small-sizing-height, 16px);
  min-width: var(--kd-c-switch-small-sizing-width, 32px);
  line-height: var(--kd-c-switch-small-line-height, 16px);
  font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-c-switch-small-radius-border, 8px);
}
.kd-switch-size-small::after {
  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
}
.kd-switch-size-small .kd-switch-loading-icon {
  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
}
.kd-switch-size-large {
  height: var(--kd-c-switch-large-sizing-height, 20px);
  min-width: var(--kd-c-switch-large-sizing-width, 40px);
  line-height: var(--kd-c-switch-large-line-height, 20px);
  font-size: var(--kd-c-switch-large-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-c-switch-large-sizing-border-radius, 10px);
}
.kd-switch-size-large::after {
  width: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px);
  height: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px);
}
.kd-switch-size-large .kd-switch-loading-icon {
  width: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px);
  height: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px);
}
.kd-switch-size-large .kd-switch-inner {
  margin: var(--kd-c-switch-inner-spacing-margin-large, 0 5px 0 21px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
.kd-table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
}
.kd-tabs-noContainer {
  height: var(--kd-c-tabs-sizing-height, 48px);
}
.kd-tabs-tab-wrap {
  position: relative;
  height: calc(100% + 1px);
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0;
}
.kd-tabs-tab-list {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  -webkit-transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kd-tabs-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.kd-tabs-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kd-tabs-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.kd-tabs-left-arrows {
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-tabs-left-arrows-line {
  background-color: #fff;
}
.kd-tabs-left-arrows-noshadow {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.kd-tabs-right-arrows {
  -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
          box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-tabs-right-arrows-line {
  background-color: #fff;
}
.kd-tabs-right-arrows-line .kd-tabs-more-btn {
  width: 24px;
}
.kd-tabs-right-arrows-grid {
  background-color: #fff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tabs-right-arrows-grid .kd-tabs-more-btn {
  line-height: 22px;
}
.kd-tabs-right-arrows-noshadow {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.kd-tabs-right-arrows .kdicon {
  font-size: 14px;
}
.kd-tabs-left-operations {
  position: relative;
  margin-right: 2px;
}
.kd-tabs-left-operations-item {
  padding: 0 12px;
  cursor: pointer;
}
.kd-tabs-right-operations {
  position: relative;
  padding-right: 18px;
}
.kd-tabs-right-operations-item {
  padding-left: 12px;
  cursor: pointer;
}
.kd-tabs-more-btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48px;
  text-align: center;
  cursor: pointer;
}
.kd-tabs-more-btn:hover {
  color: var(--kd-c-tabs-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-tabs-more-btn-disabled {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-tabs-more-btn-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-tabs-navs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kd-c-tabs-sizing-height, 48px);
  border-bottom: var(--kd-c-tabs-sizing-border, 1px) solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tabs-navs-line.kd-tabs-navs-middle {
  height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
}
.kd-tabs-navs-line.kd-tabs-navs-small {
  height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px) !important;
}
.kd-tabs-navs-line .kd-tab-pane-middle {
  line-height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
  height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
}
.kd-tabs-navs-line .kd-tab-pane-small {
  line-height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px);
  height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px);
}
.kd-tabs-navs-line.kd-tabs-navs-bottom {
  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: unset;
}
.kd-tabs-navs-line.kd-tabs-navs-bottom .kd-tabs-tab-wrap {
  margin-top: -1px;
}
.kd-tabs-navs-line.kd-tabs-navs-bottom .kd-tabs-tab-list {
  top: -1px;
}
.kd-tabs-navs-line.kd-tabs-navs-bottom .kd-active-line {
  top: 1px;
  bottom: unset;
}
.kd-tabs-navs-card {
  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-tabs-navs-card .kd-tabs-tab-wrap {
  top: -1px;
  height: calc(100% + 2px);
}
.kd-tabs-navs-card.kd-tabs-navs-left,
.kd-tabs-navs-card.kd-tabs-navs-right {
  min-width: 120px;
  height: 100%;
  font-size: 0;
  border-top: 1px solid transparent;
}
.kd-tabs-navs-card.kd-tabs-navs-left::before,
.kd-tabs-navs-card.kd-tabs-navs-right::before,
.kd-tabs-navs-card.kd-tabs-navs-left::after,
.kd-tabs-navs-card.kd-tabs-navs-right::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tabs-navs-card.kd-tabs-navs-left::before,
.kd-tabs-navs-card.kd-tabs-navs-right::before {
  left: 0;
}
.kd-tabs-navs-card.kd-tabs-navs-left::after,
.kd-tabs-navs-card.kd-tabs-navs-right::after {
  right: 0;
}
.kd-tabs-navs-card.kd-tabs-navs-left .kd-tabs-tab-wrap,
.kd-tabs-navs-card.kd-tabs-navs-right .kd-tabs-tab-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 120px;
  width: 100%;
  z-index: 2;
}
.kd-tabs-navs-card.kd-tabs-navs-left .kd-tabs-tab-list,
.kd-tabs-navs-card.kd-tabs-navs-right .kd-tabs-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: normal;
  width: 100%;
  height: 100%;
  min-width: 120px;
  max-height: 100%;
  overflow: auto;
}
.kd-tabs-navs-grid {
  height: 24px;
  border-bottom: unset;
}
.kd-tabs-navs-dynamic {
  background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-bottom: unset;
  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kd-tabs-navs-dynamic .kd-tabs-tab-wrap {
  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kd-tabs-navs-dynamic .kd-tabs-more-btn {
  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right) {
  height: 36px;
}
.kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right).kd-tabs-card-more {
  padding-right: 36px;
}
.kd-tab-pane {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--kd-c-tabs-pane-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-tabs-color-text, var(--kd-g-color-text-secondary, #666));
  height: var(--kd-c-tabs-pane-sizing-height, 48px);
  line-height: var(--kd-c-tabs-pane-height, 48px);
  cursor: pointer;
}
.kd-tab-pane-text {
  display: inline-block;
  -webkit-transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tab-pane-text-active,
.kd-tab-pane-text:hover {
  color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3));
}
.kd-tab-pane-text-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-tab-pane-disabled {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-tab-pane-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-tab-pane-type-line {
  padding: 0 var(--kd-c-tabs-pane-line-paddinng-horizontal, 20px);
}
.kd-tab-pane-type-card {
  margin-right: 0;
  padding: 0 var(--kd-c-tabs-pane-card-paddinng-horizontal, 18px);
  border: 1px solid transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-box-active {
  background-color: #fff;
  border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-top: 2px solid;
  border-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kd-tab-pane-type-card.kd-tab-pane-box-active:first-of-type {
  border-left-color: transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-left {
  border-left: 2px solid transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-left.kd-tab-pane-box-active {
  border-left: 2px solid;
  border-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent transparent var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
}
.kd-tab-pane-type-card.kd-tab-pane-right {
  border-right: 1px solid transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-right.kd-tab-pane-box-active {
  border-right: 2px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  border-left: 1px solid transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-left,
.kd-tab-pane-type-card.kd-tab-pane-right {
  width: 100%;
  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tab-pane-type-card.kd-tab-pane-left:last-of-type,
.kd-tab-pane-type-card.kd-tab-pane-right:last-of-type {
  border-bottom: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tab-pane-type-card.kd-tab-pane-bottom {
  border-top: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active {
  border-bottom: 2px solid;
  border-color: transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active:first-of-type {
  border-left-color: transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-top {
  border-top: 2px solid transparent;
}
.kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active {
  border-top: 2px solid;
  border-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active:first-of-type {
  border-left-color: transparent;
}
.kd-tab-pane-type-dynamic {
  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
  margin: 0 0 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-tab-pane-type-dynamic:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child {
  opacity: 1;
  cursor: pointer;
}
.kd-tab-pane-type-dynamic .kd-tab-pane-operations .kdicon {
  font-size: 16px;
}
.kd-tab-pane-type-grid {
  height: 24px;
  line-height: 22px;
  padding: 0 var(--kd-c-tabs-pane-grid-paddinng-horizontal, 20px);
  border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  margin-right: -1px;
}
.kd-tab-pane-type-grid:first-of-type {
  border-radius: 2px 0 0 2px;
}
.kd-tab-pane-type-grid:last-of-type {
  border-radius: 0 2px 2px 0;
}
.kd-tab-pane-type-grid.kd-tab-pane-box-active {
  position: relative;
  z-index: 2;
  background-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  border: 1px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kd-tab-pane-type-grid.kd-tab-pane-box-active .kd-tab-pane-text-active {
  color: #fff;
}
.kd-tab-pane-type-grid.kd-tab-pane-disabled {
  background-color: var(--kd-c-tabs-color-background-disabled, transparent);
}
.kd-tab-pane-type-grid:hover {
  color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3));
}
.kd-tab-pane-operations {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 4px;
}
.kd-tab-pane-operations span:first-child {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  opacity: 0;
}
.kd-tab-pane-small {
  height: 36px;
  line-height: 36px;
}
.kd-active-line {
  position: absolute;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
  transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
}
.kd-arrow-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48px;
  text-align: center;
  cursor: pointer;
}
.kd-arrow-button:hover {
  color: var(--kd-c-tabs-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-arrow-button-line {
  width: 24px;
}
.kd-arrow-button-dynamic {
  width: 24px;
  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
}
.kd-arrow-button-disabled {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-arrow-button-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-arrow-button .kdicon {
  font-size: 14px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-tag {
  -webkit-transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
  transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tag-size-small {
  font-size: var(--kd-c-tag-font-size-small, var(--kd-g-font-size-small, 12px));
  height: var(--kd-c-tag-sizing-height-small, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
  border-radius: calc(var(--kd-c-tag-sizing-height-small, 20px) / 2);
}
.kd-tag-size-middle {
  font-size: var(--kd-c-tag-font-size-middle, var(--kd-g-font-size-small, 12px));
  height: var(--kd-c-tag-sizing-height-middle, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
  border-radius: calc(var(--kd-c-tag-sizing-height-middle, 20px) / 2);
}
.kd-tag-size-large {
  font-size: var(--kd-c-tag-font-size-large, var(--kd-g-font-size-middle, 14px));
  height: var(--kd-c-tag-sizing-height-large, 24px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
  border-radius: calc(var(--kd-c-tag-sizing-height-large, 24px) / 2);
}
.kd-tag-shape-status {
  border: 1px solid var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
}
.kd-tag-shape-status:hover {
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: #fff;
}
.kd-tag-shape-status.kd-tag-process {
  border: 1px solid var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
}
.kd-tag-shape-status.kd-tag-process:hover {
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: #fff;
}
.kd-tag-shape-status.kd-tag-success {
  border: 1px solid var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-tag-shape-status.kd-tag-success:hover {
  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  color: #fff;
}
.kd-tag-shape-status.kd-tag-warning {
  border: 1px solid var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-tag-shape-status.kd-tag-warning:hover {
  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  color: #fff;
}
.kd-tag-shape-status.kd-tag-error {
  border: 1px solid var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-tag-shape-status.kd-tag-error:hover {
  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  color: #fff;
}
.kd-tag-shape-status.kd-tag-end {
  border: 1px solid var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
}
.kd-tag-shape-status.kd-tag-end:hover {
  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  color: #fff;
}
.kd-tag-shape-status.kd-tag-expired {
  border: 1px solid var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-tag-shape-status.kd-tag-expired:hover {
  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  color: #fff;
}
.kd-tag-shape-attribute {
  color: #fff;
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
}
.kd-tag-shape-attribute.kd-tag-process {
  color: #fff;
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
}
.kd-tag-shape-attribute.kd-tag-success {
  color: #fff;
  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-tag-shape-attribute.kd-tag-warning {
  color: #fff;
  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-tag-shape-attribute.kd-tag-error {
  color: #fff;
  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-tag-shape-attribute.kd-tag-end {
  color: #fff;
  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
}
.kd-tag-shape-attribute.kd-tag-expired {
  color: #fff;
  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-tag-shape-text {
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-process {
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-process.kd-tag-size-middle {
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-process.kd-tag-size-large {
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-success {
  color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-success.kd-tag-size-middle {
  color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-success.kd-tag-size-large {
  color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-warning {
  color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle {
  color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-warning.kd-tag-size-large {
  color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-error {
  color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-error.kd-tag-size-middle {
  color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-error.kd-tag-size-large {
  color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-end {
  color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-end.kd-tag-size-middle {
  color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-end.kd-tag-size-large {
  color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-expired {
  color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle {
  color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-text.kd-tag-expired.kd-tag-size-large {
  color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
}
.kd-tag-shape-edit {
  border: 1px solid var(--kd-c-tag-edit-color-border, var(--kd-g-color-text-placeholder, #ccc));
  border-radius: 2px;
  line-height: var(--kd-c-tag-sizing-height-middle, 20px);
  padding-left: 6px;
  padding-right: 6px;
  color: var(--kd-c-tag-edit-color-text, var(--kd-g-color-text-primary, #212121));
}
.kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover {
  border-color: var(--kd-c-tag-edit-color-border-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover .kd-tag-closeWrapper {
  color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-theme, #5582f3));
}
.kd-tag-shape-edit.kd-tag-closable {
  padding-right: 8px;
}
.kd-tag-clickable {
  cursor: pointer;
}
.kd-tag-has-color {
  color: var(--kd-c-tag-attribute-color-text, var(--kd-g-color-white, #fff));
}
.kd-tag-text {
  margin-left: 6px;
}
.kd-tag-closable-disabled {
  background-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  color: var(--kd-c-tag-edit-color-text-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kd-tag-closable.kd-tag-size-middle {
  line-height: var(--kd-c-tag-sizing-height-middle, 20px);
}
.kd-tag-closable.kd-tag-size-large {
  line-height: var(--kd-c-tag-sizing-height-large, 24px);
  padding-left: var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
}
.kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper .kd-tag-close-icon {
  font-size: 14px;
}
.kd-tag-closeWrapper {
  margin-left: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
  transition: color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tag-close-icon {
  cursor: pointer;
  font-size: 12px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  font-variant: tabular-nums;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0 4px;
  overflow: hidden;
  list-style: none;
}
.kd-timeline .kd-timeline-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  margin: 0;
  padding-bottom: var(--kd-c-timeline-spacing-padding-bottom, 24px);
  font-size: var(--kd-c-timeline-content-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-timeline .kd-timeline-item-tail {
  position: absolute;
  left: calc((var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2);
  height: calc(100% - var(--kd-c-timeline-dot-sizing, 9px) * 2 + 4px);
  border-left: var(--kd-c-timeline-sizing-width, 1px) solid var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
}
.kd-timeline .kd-timeline-item.pending .kd-timeline-item-dot {
  font-size: var(--kd-c-timeline-content-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-timeline .kd-timeline-item.pending .kd-timeline-item-tail {
  display: none;
}
.kd-timeline .kd-timeline-item-dot {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: var(--kd-c-timeline-dot-sizing, 9px);
  height: var(--kd-c-timeline-dot-sizing, 9px);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kd-timeline .kd-timeline-item-dot.blue {
  color: var(--kd-c-timeline-finished-color, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-timeline-finished-color, var(--kd-g-color-theme, #5582f3));
}
.kd-timeline .kd-timeline-item-dot.red {
  color: var(--kd-c-timeline-error-color, var(--kd-g-color-error, #fb2323));
  background-color: var(--kd-c-timeline-error-color, var(--kd-g-color-error, #fb2323));
}
.kd-timeline .kd-timeline-item-dot.green {
  color: var(--kd-c-timeline-success-color, var(--kd-g-color-success, #1ba854));
  background-color: var(--kd-c-timeline-success-color, var(--kd-g-color-success, #1ba854));
}
.kd-timeline .kd-timeline-item-dot.gray {
  color: var(--kd-c-timeline-disabled-color, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-timeline-disabled-color, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-timeline .kd-timeline-item-dot.custom {
  position: absolute;
  left: calc(var(--kd-c-timeline-dot-sizing, 9px) / 2);
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: transparent !important;
}
.kd-timeline .kd-timeline-item-content {
  position: relative;
  margin: 0 0 0 calc(2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px);
  word-break: break-word;
  color: var(--kd-c-timeline-content-color-text, var(--kd-g-color-text-primary, #212121));
}
.kd-timeline .kd-timeline-item-content > * {
  margin: 0;
  padding: 0;
}
.kd-timeline .kd-timeline-item.last > .kd-timeline-item-tail {
  display: none;
}
.kd-timeline .kd-timeline-item.last > .kd-timeline-item-content {
  min-height: 48px;
}
.kd-timeline.alternate .kd-timeline-item-tail,
.kd-timeline.alternate .kd-timeline-item-dot,
.kd-timeline.alternate .kd-timeline-item-dot.custom {
  left: 50%;
}
.kd-timeline.alternate .kd-timeline-item-dot {
  margin-left: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kd-timeline.alternate .kd-timeline-item-dot.custom {
  margin-left: 1px;
}
.kd-timeline.alternate .kd-timeline-item:nth-child(2n + 1) .kd-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 24px);
  text-align: left;
}
.kd-timeline.alternate .kd-timeline-item:nth-child(2n) .kd-timeline-item-content {
  width: calc(50% - 24px);
  margin: 0;
  text-align: right;
}
.kd-timeline.right .kd-timeline-item-tail,
.kd-timeline.right .kd-timeline-item-dot,
.kd-timeline.right .kd-timeline-item-dot.custom {
  left: auto;
  right: 4.5px;
}
.kd-timeline.right .kd-timeline-item-dot {
  margin-right: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kd-timeline.right .kd-timeline-item-dot.custom {
  margin-right: -18px;
}
.kd-timeline.right .kd-timeline-item .kd-timeline-item-content {
  left: 0;
  text-align: right;
  margin: 0 calc(2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px) 0 0;
  width: auto;
}
.kd-timeline.label.left .kd-timeline-item-tail,
.kd-timeline.label.left .kd-timeline-item-dot,
.kd-timeline.label.left .kd-timeline-item-dot.custom {
  left: calc((2 * 8px) + (var(--kd-c-timeline-dot-sizing, 9px) / 2));
}
.kd-timeline.label.left .kd-timeline-item-dot {
  margin-left: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kd-timeline.label.left .kd-timeline-item-dot.custom {
  margin-left: 1px;
}
.kd-timeline.label.left .kd-timeline-item .kd-timeline-item-label {
  position: absolute;
  text-align: right;
  color: var(--kd-c-timeline-label-color-text, #666666);
}
.kd-timeline.label.left .kd-timeline-item .kd-timeline-item-content {
  left: calc(var(--kd-c-timeline-dot-sizing, 9px) + 7.5px);
  text-align: left;
  margin-right: 16px;
}
.kd-timeline.label.right .kd-timeline-item-tail,
.kd-timeline.label.right .kd-timeline-item-dot,
.kd-timeline.label.right .kd-timeline-item-dot.custom {
  left: auto;
  right: calc((2 * 8px) + (var(--kd-c-timeline-dot-sizing, 9px) / 2));
}
.kd-timeline.label.right .kd-timeline-item-dot {
  margin-right: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kd-timeline.label.right .kd-timeline-item-dot.custom {
  right: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2);
}
.kd-timeline.label.right .kd-timeline-item .kd-timeline-item-label {
  position: absolute;
  right: 0;
  text-align: left;
}
.kd-timeline.label.right .kd-timeline-item .kd-timeline-item-content {
  left: auto;
  right: calc(var(--kd-c-timeline-dot-sizing, 9px) + 7.5px);
  text-align: right;
  margin-left: 17px;
}
.kd-timeline.label.alternate .kd-timeline-item:nth-child(2n + 1) .kd-timeline-item-label {
  position: absolute;
  width: calc(50% - 18px);
  text-align: right;
}
.kd-timeline.label.alternate .kd-timeline-item:nth-child(2n) .kd-timeline-item-label {
  position: absolute;
  left: calc(50% + (2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px) - var(--kd-c-timeline-dot-sizing, 9px) / 2);
  width: calc(50% - (2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px) + var(--kd-c-timeline-dot-sizing, 9px) / 2);
  text-align: left;
}
.kd-timeline.pending .kd-timeline-item.last .kd-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
}
.kd-timeline.reverse .kd-timeline-item.last .kd-timeline-item-tail {
  display: none;
}
.kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
}
.kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-content {
  min-height: 48px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  max-width: var(--kd-c-tooltip-sizing-max-width, 360px);
  padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-horizontal, 12px);
  color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
  border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
  font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
  line-height: 1.5;
  background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 1;
  z-index: var(--kd-g-z-index-popper, 1050);
  visibility: visible;
}
.kd-tooltip.hidden {
  opacity: 0;
  visibility: hidden;
}
.kd-tooltip.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kd-tooltip.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-g-radius-border, 2px);
}
.kd-tooltip.arrow.bottomLeft::before,
.kd-tooltip.arrow.bottom::before,
.kd-tooltip.arrow.bottomRight::before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
}
.kd-tooltip.arrow.topLeft::before,
.kd-tooltip.arrow.top::before,
.kd-tooltip.arrow.topRight::before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
  border-color: transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent;
}
.kd-tooltip.arrow.leftTop::before,
.kd-tooltip.arrow.left::before,
.kd-tooltip.arrow.leftBottom::before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
          box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
}
.kd-tooltip.arrow.rightTop::before,
.kd-tooltip.arrow.right::before,
.kd-tooltip.arrow.rightBottom::before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
  border-color: transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-transfer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.kd-transfer .kd-checkbox {
  background: transparent;
  margin-right: 6px;
}
.kd-transfer-disabled .kd-transfer-list {
  background: var(--kd-c-transfer-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-transfer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 250px;
  min-height: 300px;
  border: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.kd-transfer-list-header {
  height: var(--kd-c-transfer-header-sizing-height, 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: var(--kd-c-transfer-font-size, 12px);
  background-color: var(--kd-c-transfer-header-color-background, #f5f5f5);
  border-bottom: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px);
}
.kd-transfer-list-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.kd-transfer-list-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-transfer-list-header-select-all {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-transfer-list-search {
  height: var(--kd-c-transfer-search-sizing-height, 32px);
  position: relative;
}
.kd-transfer-list-search-prefix i {
  color: var(--kd-c-transfer-search-icon-color-text-prefix, #999);
}
.kd-transfer-list-search-suffix {
  cursor: pointer;
}
.kd-transfer-list-search-suffix i {
  color: var(--kd-c-transfer-search-icon-color-text-suffix, #bbb);
}
.kd-transfer-list-search-suffix i:hover {
  color: var(--kd-c-transfer-search-icon-color-text-suffix-hover, #999);
}
.kd-transfer-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  font-size: var(--kd-c-transfer-font-size, 12px);
}
.kd-transfer-list-body-search-wrapper {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 12px;
  margin: 8px 0;
}
.kd-transfer-list-content {
  height: var(--kd-c-transfer-list-item-content-sizing-height, 320px);
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
  padding-bottom: 8px;
}
.kd-transfer-list-content-item {
  height: var(--kd-c-transfer-list-item-sizing-height, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px);
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.kd-transfer-list-content-item-disabled {
  color: var(--kd-c-transfer-list-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-transfer-list-content-item:hover:not(.kd-transfer-list-content-item-disabled) {
  background: var(--kd-c-transfer-list-item-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
}
.kd-transfer-list-content-item-checked {
  color: var(--kd-c-transfer-list-item-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-transfer-list-content-item-text {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-transfer-list-content-item-remove {
  cursor: pointer;
}
.kd-transfer-list-content-item-remove i {
  color: var(--kd-c-transfer-search-icon-color-text-suffix, #bbb);
}
.kd-transfer-list-content-item-remove i:hover {
  color: var(--kd-c-transfer-search-icon-color-text-suffix-hover, #999);
}
.kd-transfer-list-pagination {
  height: var(--kd-c-transfer-pagination-sizing-height, 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px);
  border-top: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-transfer-list-footer {
  border-top: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-transfer-list-body-not-found {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 8px;
  color: #999999;
}
.kd-transfer-list-body-not-found-tip {
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.kd-transfer-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.kd-transfer-operation .kd-btn {
  display: block;
  height: 28px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 40px;
}
.kd-transfer-operation .kd-btn + .kd-btn {
  margin-top: 20px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.node-hover-hover {
  -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
}
.node-hover-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.node-selected {
  background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important;
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.node-selected .kd-tree-node-title {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.node-selected .kd-tree-node-icon {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree {
  position: relative;
  overflow: auto;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
  margin-left: var(--kd-c-tree-spacing-margin-left, 0px);
  padding: var(--kd-c-tree-spacing-padding-vertical, 3px) 0;
}
.kd-tree-root {
  min-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kd-tree-plantom {
  position: absolute;
  min-width: 100%;
  z-index: -1;
}
.kd-tree-node-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-tree-node-root .kd-spin-dot-spin {
  border: 2px solid transparent;
  width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px);
  height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px);
}
.kd-tree-node-root .kd-spin-dot-spin .kd-spin-dot-item {
  width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px);
  height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px);
}
.kd-tree-node-fb-children-pointerEvents * {
  pointer-events: none;
}
.kd-tree-node-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-tree-node-item-hover {
  -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tree-node-item-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.kd-tree-node-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  border-top: 0;
  border-left: 11px;
  border-bottom: 0;
  border-right: 10px;
  border-color: white;
  border-style: solid;
  height: 100%;
  cursor: default;
  opacity: 0;
}
.kd-tree-node-indent-line {
  background-color: black;
  opacity: 1;
}
.kd-tree-node-icon {
  cursor: pointer;
  height: var(--kd-c-tree-expand-icon-sizing-height, 16px);
  width: var(--kd-c-tree-expand-icon-sizing-width, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kd-c-tree-node-icon-font-size, 16px);
  color: var(--kd-c-tree-node-icon-color-text, #666666);
}
.kd-tree-node-icon-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.kd-tree-node-icon-hidden {
  height: var(--kd-c-tree-node-icon-sizing-height, 16px);
  width: var(--kd-c-tree-node-icon-sizing-width, 16px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0;
  cursor: default;
}
.kd-tree-node-animation-expand {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tree-node-animation-collapse {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tree-node-disabled {
  cursor: not-allowed !important;
  border-color: var(--kd-c-tree-node-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
}
.kd-tree-node-title-disabled {
  color: var(--kd-c-tree-node-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-tree-node-title-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 4px;
}
.kd-tree-node-title-wrap-hover {
  -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
  transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-tree-node-title-wrap-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer;
}
.kd-tree-node-title-wrap-selected {
  background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important;
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree-node-title-wrap-selected .kd-tree-node-title {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree-node-title-wrap-selected .kd-tree-node-icon {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree-node-title {
  white-space: nowrap;
}
.kd-tree-node-selected {
  background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important;
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree-node-selected .kd-tree-node-title {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree-node-selected .kd-tree-node-icon {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-tree-node-draggabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.kd-tree-node-drag-over {
  background-color: var(--kd-c-tree-node-drag-over-color-background, #E3EBFF);
  -webkit-box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3);
          box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3);
}
.kd-tree-node-drag-line-top,
.kd-tree-node-drag-line-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276FF5);
}
.kd-tree-node-drag-line-top::before,
.kd-tree-node-drag-line-bottom::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276FF5);
  position: absolute;
  top: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kd-tree-node-drag-line-top {
  top: 0;
}
.kd-tree-node-drag-line-bottom {
  top: 100%;
}
.kd-tree-node-leaf-icon {
  height: var(--kd-c-tree-node-icon-sizing-height, 16px);
  width: var(--kd-c-tree-node-icon-sizing-width, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-typography {
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  overflow-wrap: break-word;
  line-height: 2;
  max-width: var(--kd-c-typography-sizing-width-max, 830px);
}
.kd-typography.kd-typography-second {
  color: var(--kd-c-typography-color-text-secondary, var(--kd-g-color-text-secondary, #666));
}
.kd-typography.kd-typography-success {
  color: var(--kd-c-typography-color-success, var(--kd-g-color-success, #1ba854));
}
.kd-typography.kd-typography-warning {
  color: var(--kd-c-typography-color-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-typography.kd-typography-danger {
  color: var(--kd-c-typography-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-typography.kd-typography-disabled {
  color: var(--kd-c-typography-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kd-typography.kd-typography-assist {
  color: var(--kd-c-typography-color-text-third, var(--kd-g-color-text-third, #999));
}
.kd-typography + h1.kd-typography,
.kd-typography + h2.kd-typography,
.kd-typography + h3.kd-typography,
.kd-typography + h4.kd-typography,
.kd-typography + h5.kd-typography {
  margin-top: var(--kd-c-typography-title-spacing-margin-top, 1.2em);
}
article.kd-typography > div.kd-typography {
  margin-bottom: var(--kd-c-typography-paragraph-spacing-margin-bottom, 24px);
}
article.kd-typography > div.kd-typography:first-child {
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom, 80px);
}
article.kd-typography > div.kd-typography + div.kd-typography h2 {
  margin-top: var(--kd-c-typography-spacing-margin-bottom, 80px);
}
article.kd-typography h1 {
  margin-top: 0;
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom-1, 12px);
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  font-size: var(--kd-c-typography-font-size-1, 40px);
  line-height: 1.5;
}
article.kd-typography h2 {
  margin-top: 0;
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom-2, 24px);
  color: var(--kd-c-typography-title-color-text, #276ff5);
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  font-size: var(--kd-c-typography-font-size-2, 28px);
  line-height: 1.5;
}
article.kd-typography h3 {
  margin-top: 0;
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom-3, 12px);
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  font-size: var(--kd-c-typography-font-size-3, 18px);
  line-height: 1.5;
}
h1.kd-typography,
.kd-typography h1 {
  margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, 0.5em);
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  font-size: var(--kd-c-typography-font-size-1, 40px);
  line-height: 1.5;
}
h2.kd-typography,
.kd-typography h2 {
  margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, 0.5em);
  color: var(--kd-c-typography-title-color-text, #276ff5);
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  font-size: var(--kd-c-typography-font-size-2, 28px);
  line-height: 1.5;
}
h3.kd-typography,
.kd-typography h3 {
  margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, 0.5em);
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  font-size: var(--kd-c-typography-font-size-3, 18px);
  line-height: 1.5;
}
.kd-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.kd-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.kd-typography strong {
  font-weight: 600;
}
.kd-typography ul,
.kd-typography ol {
  margin: 0 0 var(--kd-c-typography-spacing-margin-bottom-2, 24px) 0;
  padding: 0;
}
.kd-typography ul li,
.kd-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.kd-typography ul {
  list-style-type: disc;
}
.kd-typography ul ul {
  list-style-type: disc;
}
.kd-typography ol {
  list-style-type: decimal;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-upload {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.kd-upload-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.kd-upload-drag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999));
  border: 1px dashed var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  background-color: var(--kd-c-upload-color-background, var(--kd-g-color-background-contain, #fafafa));
  -webkit-transition: border-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
  transition: border-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-upload-drag.hover,
.kd-upload-drag:hover,
.kd-upload-drag:active {
  border-color: var(--kd-c-upload-color-border-active, var(--kd-g-color-text-link, #0e5fd8));
  background-color: var(--kd-c-upload-color-background-ongoing, var(--kd-g-color-background-ongoing, #f2f9ff));
}
.kd-upload-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
}
.kd-upload-input input[type="file"] {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 120%;
  font-size: 0;
  cursor: pointer;
}
.kd-upload .kd-upload-text-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-top: var(--kd-c-upload-text-list-margin-top, 16px);
  font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
  border-top: 1px dashed var(--kd-c-upload-division-color, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-upload .kd-upload-text-list-item {
  position: relative;
  padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
  height: var(--kd-c-upload-list-item-height, 44px);
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
  transition: background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-upload .kd-upload-text-list-item:hover {
  background-color: var(--kd-c-upload-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
}
.kd-upload .kd-upload-text-list-item:hover .kd-upload-text-list-item-action {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.kd-upload .kd-upload-text-list-item.error i,
.kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name {
  color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323));
}
.kd-upload .kd-upload-text-list-item-icon > i {
  font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-upload .kd-upload-text-list-item-name {
  display: inline-block;
  margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kd-c-upload-panel-color, var(--kd-g-color-text-primary, #212121));
}
.kd-upload .kd-upload-text-list-item-size {
  color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999));
}
.kd-upload .kd-upload-text-list-item-action {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
  height: var(--kd-c-upload-list-item-height, 44px);
  line-height: var(--kd-c-upload-list-item-height, 44px);
  background: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-transition: -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
  transition: -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
  transition: transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-upload .kd-upload-text-list-item-action a {
  display: inline-block;
  vertical-align: middle;
  color: var(--kd-c-upload-panel-button-color, #0E5FD8);
}
.kd-upload .kd-upload-text-list-item-action a:not(:first-child) {
  margin-left: 20px;
}
.kd-upload .kd-upload-picture-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.kd-upload .kd-upload-picture-list-item {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 28px 28px 0;
  vertical-align: middle;
  overflow: hidden;
  border-radius: var(--kd-c-upload-radius-border, var(--kd-g-radius-border, 2px));
  border: 1px solid var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  background-color: var(--kd-c-upload-color-background, var(--kd-g-color-background-contain, #fafafa));
}
.kd-upload .kd-upload-picture-list-item .kd-upload-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px dashed var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  -webkit-transition: all var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
  transition: all var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s));
}
.kd-upload .kd-upload-picture-list-item .kd-upload-select:hover,
.kd-upload .kd-upload-picture-list-item .kd-upload-select:active {
  border-color: var(--kd-c-upload-color-border-active, var(--kd-g-color-text-link, #0e5fd8));
  background-color: var(--kd-c-upload-color-background-ongoing, var(--kd-g-color-background-ongoing, #f2f9ff));
}
.kd-upload .kd-upload-picture-list-item .kd-upload-select .kd-upload-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kd-upload .kd-upload-picture-list-item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.kd-upload .kd-upload-picture-list-item.error {
  border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #fc808B));
  background-color: var(--kd-c-upload-color-background-error, var(--kd-g-color-background-error, #fff2f4));
}
.kd-upload .kd-upload-picture-list-item-loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kd-upload .kd-upload-picture-list-item-loading > * {
  width: 80%;
}
.kd-upload .kd-upload-picture-list-item-error {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kd-upload .kd-upload-picture-list-item-error-text {
  margin-bottom: 4px;
  color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323));
}
.kd-upload .kd-upload-picture-list-item-error a {
  display: inline-block;
}
.kd-upload .kd-upload-picture-list-item-error a:not(:first-child) {
  margin-left: 10px;
}
.kd-upload .kd-upload-picture-list-item-action > a {
  color: var(--kd-c-upload-panel-button-color, #0E5FD8);
  font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px));
}


/*# sourceMappingURL=kdesign.css.map*/