/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-safe-area {
  display: block;
  width: 100%;
}
.kdm-safe-area-position-top {
  padding-top: calc(constant(safe-area-inset-top) * var(--kdm-c-safe-area-sizing-multiple, 1));
  padding-top: calc(env(safe-area-inset-top) * var(--kdm-c-safe-area-sizing-multiple, 1));
}
.kdm-safe-area-position-bottom {
  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--kdm-c-safe-area-sizing-multiple, 1));
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--kdm-c-safe-area-sizing-multiple, 1));
}

/*! rtl:begin:ignore */
/* -----------  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 */
/* -----------  ColorPicker  ——————---- start */
/* -----------  ColorPicker  ——————---- 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):not(.kd-input-error):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input:not(.kd-input-disabled):not(.kd-input-error):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):not(.kd-input-error):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):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-textarea-mark-error {
  color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-input-no-resize {
  resize: none;
}
.kd-input-borderless {
  border: 0;
}
.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-g-color-text-primary, #212121);
  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-small .kd-input-suffix {
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-size-small .kd-input-prefix {
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-size-small.kd-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-size-small.kd-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.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-middle .kd-input-suffix {
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-size-middle .kd-input-prefix {
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-size-middle.kd-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-size-middle.kd-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.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-size-large .kd-input-suffix {
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-size-large .kd-input-prefix {
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-size-large.kd-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-size-large.kd-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-wrapper {
  padding-left: var(--kd-c-input-wrapper-padding-left, 0px);
  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):not(.kd-input-error):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):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: var(--kd-c-input-padding-left, 0px);
  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, #999);
}
.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-small .kd-input-suffix {
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-wrapper-size-small .kd-input-prefix {
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-wrapper-size-small.kd-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-wrapper-size-small.kd-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.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-middle .kd-input-suffix {
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-wrapper-size-middle .kd-input-prefix {
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-wrapper-size-middle.kd-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-wrapper-size-middle.kd-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.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-size-large .kd-input-suffix {
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-wrapper-size-large .kd-input-prefix {
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-wrapper-size-large.kd-input-underline {
  padding-right: 0;
  padding-left: 0;
}
.kd-input-wrapper-size-large.kd-input-wrapper-underline {
  padding-right: 0;
  padding-left: 0;
}
.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:not(.kd-input-error) {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper-disabled {
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kd-input-wrapper-disabled:not(.kd-input-wrapper-underline) {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.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):not(.kd-input-error):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):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);
  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-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;
  display: none;
}
.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, #999);
  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;
}
.kd-input-input-mark-inner {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
}
.kd-input-error:not(.kd-input-disabled):not(.kd-input-wrapper-disabled):not( .kd-input-group-addon-disabled) {
  border-color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
}
/*! rtl:begin:ignore */
.kd-input-rtl {
  direction: rtl;
}
.kd-input-rtl.kd-input-group .kd-input-group-addon:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  border-bottom-right-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  border-left: none;
  border-right: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-input-rtl.kd-input-group .kd-input-group-addon:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  border-bottom-left-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  border-right: none;
  border-left: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-input-rtl.kd-input-wrapper .kd-input-prefix {
  margin-right: 0;
  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-rtl.kd-input-wrapper .kd-input-suffix {
  margin-left: 0;
  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
}
.kd-input-rtl.kd-input-wrapper .kd-input-clear-icon-rightSpace {
  margin-left: 4px;
  margin-right: 0;
}
.kd-input-rtl .kd-input-textarea-mark {
  right: auto;
  left: 2px;
}
.kd-input-rtl .kd-input-textarea-mark-inner {
  top: auto;
  left: 8px;
  right: auto;
}
.kd-input-rtl .kd-input-textarea-clear-icon {
  left: 8px;
  right: auto;
}
.kd-input-rtl.kd-input-allowClear-spacing {
  padding-right: var(--kd-c-input-spacing-padding-horizontal-small, 9px);
  padding-left: 20px;
}
/*! rtl:end:ignore */

/*!
 * 
 *   kdesign-mobile v0.0.31
 * 
 *   Copyright 2020-present, Kingdee, Inc.
 *   All rights reserved.
 * 
 */
@font-face {
  font-family: "kdmicon";
  src: url(data:font/woff;base64, ) format("woff")
}
.kdmicon {
  font-family: 'kdmicon' !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.kdmicon-add-child:before { content: "\e6c0"; }
.kdmicon-add-indentation:before { content: "\e6a7"; }
.kdmicon-add-line:before { content: "\e6c5"; }
.kdmicon-add-solid:before { content: "\e643"; }
.kdmicon-add-word:before { content: "\e6ed"; }
.kdmicon-add:before { content: "\e628"; }
.kdmicon-address:before { content: "\e6cc"; }
.kdmicon-align-center:before { content: "\e69a"; }
.kdmicon-align-left:before { content: "\e6af"; }
.kdmicon-align-right:before { content: "\e67a"; }
.kdmicon-all-border:before { content: "\e677"; }
.kdmicon-allowance-workbench:before { content: "\e714"; }
.kdmicon-analysis:before { content: "\e6ce"; }
.kdmicon-arrow-down-solid:before { content: "\e656"; }
.kdmicon-arrow-down:before { content: "\e627"; }
.kdmicon-arrow-left-circle-solid:before { content: "\e720"; }
.kdmicon-arrow-left-solid:before { content: "\e657"; }
.kdmicon-arrow-left:before { content: "\e63f"; }
.kdmicon-arrow-right-circle-solid:before { content: "\e71f"; }
.kdmicon-arrow-right-solid:before { content: "\e655"; }
.kdmicon-arrow-right:before { content: "\e62c"; }
.kdmicon-arrow-up-solid:before { content: "\e654"; }
.kdmicon-arrow-up:before { content: "\e62b"; }
.kdmicon-arrow:before { content: "\e69c"; }
.kdmicon-attachment:before { content: "\e694"; }
.kdmicon-avatar-default:before { content: "\e717"; }
.kdmicon-avatar-head-default:before { content: "\e718"; }
.kdmicon-avatar-solid:before { content: "\e711"; }
.kdmicon-back:before { content: "\e6cd"; }
.kdmicon-bankcard:before { content: "\e705"; }
.kdmicon-bellOutlined:before { content: "\e71a"; }
.kdmicon-bold-solid:before { content: "\e668"; }
.kdmicon-border:before { content: "\e6f9"; }
.kdmicon-bottom-border:before { content: "\e704"; }
.kdmicon-business-type:before { content: "\e716"; }
.kdmicon-cancel:before { content: "\e68f"; }
.kdmicon-cell:before { content: "\e692"; }
.kdmicon-change:before { content: "\e6e2"; }
.kdmicon-chart-display:before { content: "\e710"; }
.kdmicon-chart:before { content: "\e6d0"; }
.kdmicon-classify:before { content: "\e6d4"; }
.kdmicon-close-bold:before { content: "\e647"; }
.kdmicon-close-full-screen:before { content: "\e679"; }
.kdmicon-close-solid:before { content: "\e644"; }
.kdmicon-close:before { content: "\e62f"; }
.kdmicon-cn:before { content: "\e6b5"; }
.kdmicon-code:before { content: "\e6ca"; }
.kdmicon-collect:before { content: "\e6ec"; }
.kdmicon-comment:before { content: "\e6bc"; }
.kdmicon-communication-solid:before { content: "\e65e"; }
.kdmicon-contract:before { content: "\e69f"; }
.kdmicon-cooperation:before { content: "\e6fb"; }
.kdmicon-copy-code:before { content: "\e6e1"; }
.kdmicon-copy:before { content: "\e678"; }
.kdmicon-counterclockwise:before { content: "\e6e5"; }
.kdmicon-customize:before { content: "\e707"; }
.kdmicon-dashboard:before { content: "\e71c"; }
.kdmicon-date-selection:before { content: "\e70f"; }
.kdmicon-date:before { content: "\e6eb"; }
.kdmicon-delete-indentation:before { content: "\e697"; }
.kdmicon-delete-line:before { content: "\e68c"; }
.kdmicon-delete-solid:before { content: "\e667"; }
.kdmicon-delete:before { content: "\e6ee"; }
.kdmicon-detail:before { content: "\e6c4"; }
.kdmicon-detect:before { content: "\e68e"; }
.kdmicon-division-solid:before { content: "\e65a"; }
.kdmicon-double-arrow-left:before { content: "\e64a"; }
.kdmicon-double-arrow-right:before { content: "\e649"; }
.kdmicon-download:before { content: "\e70a"; }
.kdmicon-edit-border:before { content: "\e6c8"; }
.kdmicon-edit-view:before { content: "\e6c7"; }
.kdmicon-edit:before { content: "\e6a6"; }
.kdmicon-education:before { content: "\e69d"; }
.kdmicon-eliminate-solid:before { content: "\e659"; }
.kdmicon-en:before { content: "\e6b6"; }
.kdmicon-enlarge:before { content: "\e6d5"; }
.kdmicon-equal:before { content: "\e6a3"; }
.kdmicon-exclamatory:before { content: "\e64e"; }
.kdmicon-expand:before { content: "\e651"; }
.kdmicon-experience:before { content: "\e6ff"; }
.kdmicon-fail:before { content: "\e6a5"; }
.kdmicon-feedback:before { content: "\e6d6"; }
.kdmicon-female:before { content: "\e684"; }
.kdmicon-filter-solid:before { content: "\e66a"; }
.kdmicon-filter-switch:before { content: "\e6b1"; }
.kdmicon-filter:before { content: "\e6a0"; }
.kdmicon-finish:before { content: "\e6dc"; }
.kdmicon-first:before { content: "\e630"; }
.kdmicon-fixed-shrink:before { content: "\e693"; }
.kdmicon-fixed-solid:before { content: "\e65f"; }
.kdmicon-fixed-window:before { content: "\e6d1"; }
.kdmicon-fixed:before { content: "\e6e3"; }
.kdmicon-fold:before { content: "\e71d"; }
.kdmicon-foldmenu:before { content: "\e70e"; }
.kdmicon-font-background-solid:before { content: "\e673"; }
.kdmicon-font-color-solid:before { content: "\e674"; }
.kdmicon-forbid:before { content: "\e69b"; }
.kdmicon-git:before { content: "\e6c1"; }
.kdmicon-graffiti:before { content: "\e6fe"; }
.kdmicon-greater-equal:before { content: "\e6d7"; }
.kdmicon-have-attachment:before { content: "\e6a8"; }
.kdmicon-hide:before { content: "\e6a9"; }
.kdmicon-hyperlink:before { content: "\e6c9"; }
.kdmicon-image:before { content: "\e687"; }
.kdmicon-import:before { content: "\e6cb"; }
.kdmicon-international:before { content: "\e719"; }
.kdmicon-job-info:before { content: "\e68d"; }
.kdmicon-last:before { content: "\e631"; }
.kdmicon-left-border:before { content: "\e708"; }
.kdmicon-left-extension:before { content: "\e6ae"; }
.kdmicon-left-unfold-solid:before { content: "\e675"; }
.kdmicon-left-unfold:before { content: "\e709"; }
.kdmicon-like:before { content: "\e67f"; }
.kdmicon-list:before { content: "\e6e6"; }
.kdmicon-little-k:before { content: "\e700"; }
.kdmicon-loadding-circle:before { content: "\e645"; }
.kdmicon-loadding:before { content: "\e62d"; }
.kdmicon-location-solid:before { content: "\e640"; }
.kdmicon-location:before { content: "\e695"; }
.kdmicon-lock-solid:before { content: "\e66b"; }
.kdmicon-lock:before { content: "\e68b"; }
.kdmicon-male:before { content: "\e683"; }
.kdmicon-material:before { content: "\e6db"; }
.kdmicon-medical-report:before { content: "\e703"; }
.kdmicon-menu:before { content: "\e6d8"; }
.kdmicon-merge-cell:before { content: "\e6f3"; }
.kdmicon-more-info-solid:before { content: "\e660"; }
.kdmicon-more-info:before { content: "\e6e4"; }
.kdmicon-more-item:before { content: "\e6f4"; }
.kdmicon-more:before { content: "\e6a1"; }
.kdmicon-mosaic-solid:before { content: "\e663"; }
.kdmicon-multiply:before { content: "\e65b"; }
.kdmicon-my-receipt:before { content: "\e715"; }
.kdmicon-no-border:before { content: "\e6f8"; }
.kdmicon-not-equal:before { content: "\e6dd"; }
.kdmicon-notice:before { content: "\e658"; }
.kdmicon-oblique-solid:before { content: "\e66e"; }
.kdmicon-operating-element:before { content: "\e6a4"; }
.kdmicon-order-facet:before { content: "\e713"; }
.kdmicon-order:before { content: "\e6d2"; }
.kdmicon-ordered-list:before { content: "\e6fa"; }
.kdmicon-person-solid:before { content: "\e669"; }
.kdmicon-phone:before { content: "\e6d3"; }
.kdmicon-platform:before { content: "\e6f1"; }
.kdmicon-preview-view:before { content: "\e6ba"; }
.kdmicon-preview:before { content: "\e6ac"; }
.kdmicon-print:before { content: "\e690"; }
.kdmicon-processing-solid:before { content: "\e665"; }
.kdmicon-project:before { content: "\e681"; }
.kdmicon-push-down:before { content: "\e702"; }
.kdmicon-put-bottom:before { content: "\e6b4"; }
.kdmicon-put-off:before { content: "\e685"; }
.kdmicon-put-on:before { content: "\e6bd"; }
.kdmicon-put-top:before { content: "\e6b3"; }
.kdmicon-qrcode:before { content: "\e6df"; }
.kdmicon-qualification-info:before { content: "\e6b2"; }
.kdmicon-quit:before { content: "\e6fc"; }
.kdmicon-quote-solid:before { content: "\e66d"; }
.kdmicon-reduce:before { content: "\e696"; }
.kdmicon-reduction:before { content: "\e6f2"; }
.kdmicon-refresh-solid:before { content: "\e642"; }
.kdmicon-refresh:before { content: "\e629"; }
.kdmicon-report-form:before { content: "\e712"; }
.kdmicon-reset:before { content: "\e6b9"; }
.kdmicon-resign-report:before { content: "\e699"; }
.kdmicon-return:before { content: "\e6e0"; }
.kdmicon-right-bold:before { content: "\e648"; }
.kdmicon-right-border:before { content: "\e67c"; }
.kdmicon-right-extension:before { content: "\e6aa"; }
.kdmicon-right-solid:before { content: "\e641"; }
.kdmicon-right-unfold-solid:before { content: "\e672"; }
.kdmicon-right-unfold:before { content: "\e6ab"; }
.kdmicon-right:before { content: "\e62e"; }
.kdmicon-rough-border:before { content: "\e6de"; }
.kdmicon-save:before { content: "\e6c2"; }
.kdmicon-scanning:before { content: "\e67d"; }
.kdmicon-search-border:before { content: "\e6da"; }
.kdmicon-search:before { content: "\e62a"; }
.kdmicon-setting:before { content: "\e652"; }
.kdmicon-share:before { content: "\e6cf"; }
.kdmicon-shoppingcart:before { content: "\e6bf"; }
.kdmicon-shrink:before { content: "\e6fd"; }
.kdmicon-shutdown:before { content: "\e686"; }
.kdmicon-sigma:before { content: "\e71b"; }
.kdmicon-spin:before { content: "\e6f7"; }
.kdmicon-split:before { content: "\e6c3"; }
.kdmicon-star:before { content: "\e653"; }
.kdmicon-stop:before { content: "\e691"; }
.kdmicon-strike-solid:before { content: "\e664"; }
.kdmicon-sun-solid:before { content: "\e670"; }
.kdmicon-switch-down:before { content: "\e698"; }
.kdmicon-switch-up:before { content: "\e680"; }
.kdmicon-switch:before { content: "\e6e7"; }
.kdmicon-table-setting:before { content: "\e6c6"; }
.kdmicon-task-process:before { content: "\e6ea"; }
.kdmicon-timezone-solid:before { content: "\e662"; }
.kdmicon-tips-solid:before { content: "\e66c"; }
.kdmicon-tips:before { content: "\e650"; }
.kdmicon-title-solid:before { content: "\e65c"; }
.kdmicon-top-border:before { content: "\e6ef"; }
.kdmicon-two-window:before { content: "\e6f6"; }
.kdmicon-underline-solid:before { content: "\e671"; }
.kdmicon-unfold-all:before { content: "\e6ad"; }
.kdmicon-unfold:before { content: "\e71e"; }
.kdmicon-unfoldmenu:before { content: "\e70d"; }
.kdmicon-unlock-solid:before { content: "\e666"; }
.kdmicon-unlock:before { content: "\e69e"; }
.kdmicon-upload-cloud:before { content: "\e632"; }
.kdmicon-upload:before { content: "\e70b"; }
.kdmicon-user-info:before { content: "\e682"; }
.kdmicon-vertical-center:before { content: "\e6f5"; }
.kdmicon-voice:before { content: "\e6d9"; }
.kdmicon-waiting:before { content: "\e64b"; }
.kdmicon-warning-solid:before { content: "\e64c"; }
.kdmicon-warning:before { content: "\e64d"; }
.kdmicon-workbench:before { content: "\e64f"; }
.kdmicon-wrap:before { content: "\e6b0"; }
.kdmicon-yunzhijia:before { content: "\e706"; }
.kdmicon-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 */
@-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 #276FF5;
            box-shadow: 0 0 0 6px #276FF5;
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 6px #276FF5;
            box-shadow: 0 0 0 6px #276FF5;
  }
}
@-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;
  }
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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);
}
.kdm-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 */
.kdm-avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: var(--kdm-c-avatar-color-background, #b2b2b2);
  width: var(--kdm-c-avatar-size-base, 40px);
  height: var(--kdm-c-avatar-size-base, 40px);
  line-height: var(--kdm-c-avatar-size-base, 40px);
  border-radius: 50%;
}
.kdm-avatar-image {
  background: transparent;
}
.kdm-avatar-disabled {
  cursor: not-allowed;
}
.kdm-avatar:hover:not(.kdm-avatar-disabled) {
  cursor: pointer;
}
.kdm-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdm-avatar.kdm-avatar-icon {
  font-size: var(--kdm-c-avatar-font-size-base, 22px);
}
.kdm-avatar.kdm-avatar-icon > .kdmicon {
  vertical-align: top;
}
.kdm-avatar-lg {
  width: var(--kdm-c-avatar-size-large, 60px);
  height: var(--kdm-c-avatar-size-large, 60px);
  line-height: var(--kdm-c-avatar-size-large, 60px);
  border-radius: 50%;
}
.kdm-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdm-avatar-lg.kdm-avatar-icon {
  font-size: var(--kdm-c-avatar-font-size-large, 36px);
}
.kdm-avatar-lg.kdm-avatar-icon > .kdmicon {
  vertical-align: top;
}
.kdm-avatar-sm {
  width: var(--kdm-c-avatar-size-small, 32px);
  height: var(--kdm-c-avatar-size-small, 32px);
  line-height: var(--kdm-c-avatar-size-small, 32px);
  border-radius: 50%;
}
.kdm-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdm-avatar-sm.kdm-avatar-icon {
  font-size: var(--kdm-c-avatar-font-size-small, 18px);
}
.kdm-avatar-sm.kdm-avatar-icon > .kdmicon {
  vertical-align: top;
}
.kdm-avatar-xs {
  width: var(--kdm-c-avatar-size-x-small, 24px);
  height: var(--kdm-c-avatar-size-x-small, 24px);
  line-height: var(--kdm-c-avatar-size-x-small, 24px);
  border-radius: 50%;
}
.kdm-avatar-xs-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.kdm-avatar-xs.kdm-avatar-icon {
  font-size: var(--kdm-c-avatar-font-size-x-small, 14px);
}
.kdm-avatar-xs.kdm-avatar-icon > .kdmicon {
  vertical-align: top;
}
.kdm-avatar-square {
  border-radius: var(--kdm-c-avatar-border-radius, 2px);
}
.kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: var(--kdm-c-badge-font-size-base, var(--kdm-g-font-size-middle, 14px));
}
.kdm-badge-count {
  z-index: auto;
  min-width: var(--kdm-c-badge-sizing-base, 16px);
  height: var(--kdm-c-badge-sizing-base, 16px);
  color: var(--kdm-c-badge-color, var(--kdm-g-color-background, #fff));
  font-weight: var(--kdm-c-badge-font-weight, 400);
  font-size: var(--kdm-g-font-size-small, 12px);
  line-height: var(--kdm-c-badge-sizing-base, 16px);
  white-space: nowrap;
  text-align: center;
  background: var(--kdm-c-badge-color-background, #fb2323);
  border-radius: calc(var(--kdm-c-badge-sizing-base, 16px) / 2);
}
.kdm-badge-count-sm {
  min-width: var(--kdm-c-badge-sizing-small, 14px);
  height: var(--kdm-c-badge-sizing-small, 14px);
  padding: 0;
  font-size: var(--kdm-c-badge-font-size-small, var(--kdm-g-font-size-small, 12px));
  line-height: var(--kdm-c-badge-sizing-small, 14px);
  border-radius: calc(var(--kdm-c-badge-sizing-small, 14px) / 2);
}
.kdm-badge-dot {
  z-index: auto;
  width: var(--kdm-c-badge-sizing-dot, 8px);
  min-width: var(--kdm-c-badge-sizing-dot, 8px);
  height: var(--kdm-c-badge-sizing-dot, 8px);
  background: var(--kdm-c-badge-color-background, #fb2323);
  border-radius: 100%;
}
.kdm-badge-dot,
.kdm-badge-custom-component,
.kdm-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%;
}
.kdm-badge-multiple-words {
  padding: 0 4px;
}
.kdm-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.kdm-badge-status-text {
  margin-left: 8px;
  color: var(--kdm-c-badge-color, var(--kdm-g-color-text-primary, #212121));
  font-size: var(--kdm-c-badge-font-size-base, var(--kdm-g-font-size-middle, 14px));
}
.kdm-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: var(--kdm-c-badge-sizing-status, 8px);
  height: var(--kdm-c-badge-sizing-status, 8px);
  vertical-align: middle;
  border-radius: 50%;
}
.kdm-badge-status-success {
  background-color: var(--kdm-c-badge-color-success, var(--kdm-g-color-success, #1ba854));
}
.kdm-badge-status-processing {
  background-color: var(--kdm-c-badge-color-ongoing, var(--kdm-g-color-ongoing, #276ff5));
}
.kdm-badge-status-processing::after {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--kdm-c-badge-color-ongoing, var(--kdm-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: '';
}
.kdm-badge-status-error {
  background-color: var(--kdm-c-badge-color-error, var(--kdm-g-color-error, #fb2323));
}
.kdm-badge-status-default {
  background-color: var(--kdm-c-badge-color-default, #d9d9d9);
}
.kdm-badge-status-warning {
  background-color: var(--kdm-c-badge-color-warning, var(--kdm-g-color-warning, #ff991c));
}
.kdm-badge-not-a-wrapper:not(.kdm-badge-status) {
  vertical-align: middle;
}
.kdm-badge-not-a-wrapper .kdm-badge-custom-component,
.kdm-badge-not-a-wrapper .kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-btn {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: var(--kdm-c-button-font-weight, var(--kdm-g-font-weight, 400));
  border: var(--kdm-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(--kdm-c-button-radius-border, var(--kdm-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;
}
.kdm-btn,
.kdm-btn:active,
.kdm-btn:focus {
  outline: 0;
}
.kdm-btn:not(.kdm-btn-text)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--kdm-g-color-theme, #276FF5);
          box-shadow: 0 0 0 0 var(--kdm-g-color-theme, #276FF5);
  opacity: 0.2;
  content: '';
  pointer-events: none;
  clear: both;
}
.kdm-btn:not(.kdm-btn-text)[click-animating-wave='true']::after {
  -webkit-animation: fadeEffect var(--kdm-c-button-motion-duration-fade, var(--kdm-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kdm-c-button-motion-duration-wave, var(--kdm-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect var(--kdm-c-button-motion-duration-fade, var(--kdm-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kdm-c-button-motion-duration-wave, var(--kdm-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdm-btn-second {
  border-color: var(--kdm-c-button-second-color-border, #ccc);
  background-color: var(--kdm-c-button-second-color-background, transparent);
  color: var(--kdm-c-button-second-color-text, #212121);
}
.kdm-btn-second:active:not(.kdm-btn-loading) {
  background-color: var(--kdm-c-button-second-color-background-active, var(--kdm-g-color-white, #fff));
  border-color: var(--kdm-c-button-second-color-border-active, var(--kdm-g-color-theme-7, #104ccc));
  color: var(--kdm-c-button-second-color-text-active, var(--kdm-g-color-theme-7, #104ccc));
}
.kdm-btn-second:disabled {
  border-color: var(--kdm-c-button-second-color-border-disabled, #ccc) !important;
  background-color: var(--kdm-c-button-second-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5)) !important;
  color: var(--kdm-c-button-second-color-text-disabled, #B2B2B2) !important;
}
.kdm-btn-primary {
  border-color: var(--kdm-c-button-primary-color-border, var(--kdm-g-color-theme, #276FF5));
  background-color: var(--kdm-c-button-primary-color-background, var(--kdm-g-color-theme, #276FF5));
  color: var(--kdm-c-button-primary-color-text, var(--kdm-g-color-white, #fff));
}
.kdm-btn-primary:active:not(.kdm-btn-loading) {
  border-color: var(--kdm-c-button-primary-color-border-active, var(--kdm-g-color-theme, #276FF5));
  background-color: var(--kdm-c-button-primary-color-background-active, var(--kdm-g-color-theme-7, #104ccc));
}
.kdm-btn-primary:disabled {
  background-color: var(--kdm-c-button-primary-color-background-disabled, var(--kdm-g-color-theme-4, #b5cfff)) !important;
  border-color: var(--kdm-c-button-primary-color-border-disabled, var(--kdm-g-color-theme-4, #b5cfff)) !important;
}
.kdm-btn-ghost {
  border-color: var(--kdm-c-button-ghost-color-border, var(--kdm-g-color-theme-6, #5582f3));
  background-color: var(--kdm-c-button-ghost-color-background, transparent);
  color: var(--kdm-c-button-ghost-color-text, var(--kdm-g-color-theme, #276FF5));
}
.kdm-btn-ghost:active:not(.kdm-btn-loading) {
  background-color: var(--kdm-c-button-ghost-color-background-active, var(--kdm-g-color-theme-7, #104ccc));
  border-color: var(--kdm-c-button-ghost-color-border-hover, transparent);
  color: var(--kdm-c-button-ghost-color-text-active, #ffffff);
}
.kdm-btn-ghost:disabled {
  background-color: var(--kdm-c-button-ghost-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kdm-c-button-ghost-color-border-disabled, #D9D9D9) !important;
  color: var(--kdm-c-button-ghost-color-text-disabled, #B2B2B2) !important;
}
.kdm-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;
}
.kdm-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;
}
.kdm-btn-loadingIcon {
  color: var(--kdm-c-button-text-color-loading, var(--kdm-g-color-theme, #276FF5));
}
.kdm-btn-primary-loadingIcon {
  color: var(--kdm-c-button-primary-color-text-loading, var(--kdm-g-color-white, #fff));
}
.kdm-btn-size-small {
  height: var(--kdm-c-button-sizing-height-small, 28px);
  min-width: var(--kdm-c-button-sizing-min-width-small, 72px);
  line-height: calc(var(--kdm-c-button-sizing-height-small, 28px) - (var(--kdm-c-button-spacing-padding-vertical-small, 6px) * 2) - (var(--kdm-c-button-sizing-border, 1px) * 2));
  font-size: var(--kdm-c-button-font-size-small, var(--kdm-g-font-size-small, 12px));
  padding: var(--kdm-c-button-spacing-padding-vertical-small, 6px) var(--kdm-c-button-spacing-padding-horizontal-small, 12px);
}
.kdm-btn-size-small.kdm-btn-icon-only {
  font-size: var(--kdm-c-button-icon-font-size-small, 16px);
  padding: 0 var(--kdm-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;
}
.kdm-btn-size-small .kdm-btn-group-basic-icon {
  font-size: var(--kdm-c-button-icon-font-size-small, 16px);
}
.kdm-btn-size-middle {
  height: var(--kdm-c-button-sizing-height-middle, 36px);
  min-width: var(--kdm-c-button-sizing-min-width-middle, 88px);
  line-height: calc(var(--kdm-c-button-sizing-height-middle, 36px) - (var(--kdm-c-button-spacing-padding-vertical-middle, 8px) * 2) - (var(--kdm-c-button-sizing-border, 1px) * 2));
  font-size: var(--kdm-c-button-font-size-middle, var(--kdm-g-font-size-small, 12px));
  padding: var(--kdm-c-button-spacing-padding-vertical-middle, 8px) var(--kdm-c-button-spacing-padding-horizontal-middle, 16px);
}
.kdm-btn-size-middle.kdm-btn-icon-only {
  font-size: var(--kdm-c-button-icon-font-size-middle, 16px);
  padding: 0 var(--kdm-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;
}
.kdm-btn-size-middle .kdm-btn-group-basic-icon {
  font-size: var(--kdm-c-button-icon-font-size-middle, 16px);
}
.kdm-btn-size-large {
  height: var(--kdm-c-button-sizing-height-large, 44px);
  min-width: var(--kdm-c-button-sizing-min-width-large, 96px);
  line-height: calc(var(--kdm-c-button-sizing-height-large, 44px) - (var(--kdm-c-button-spacing-padding-vertical-large, 10px) * 2) - (var(--kdm-c-button-sizing-border, 1px) * 2));
  font-size: var(--kdm-c-button-font-size-large, var(--kdm-g-font-size-large, 16px));
  padding: var(--kdm-c-button-spacing-padding-vertical-large, 10px) var(--kdm-c-button-spacing-padding-horizontal-large, 16px);
}
.kdm-btn-size-large.kdm-btn-icon-only {
  font-size: var(--kdm-c-button-icon-font-size-large, 18px);
  padding: 0 var(--kdm-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;
}
.kdm-btn-size-large .kdm-btn-group-basic-icon {
  font-size: var(--kdm-c-button-icon-font-size-large, 18px);
}
.kdm-btn-shape-circle {
  border-radius: 50%;
  min-width: auto;
}
.kdm-btn-shape-circle.kdm-btn-size-small {
  width: var(--kdm-c-button-sizing-height-small, 28px);
  padding: 0;
}
.kdm-btn-shape-circle.kdm-btn-size-middle {
  width: var(--kdm-c-button-sizing-height-middle, 36px);
  padding: 0;
}
.kdm-btn-shape-circle.kdm-btn-size-large {
  width: var(--kdm-c-button-sizing-height-large, 44px);
  padding: 0;
}
.kdm-btn-shape-round.kdm-btn-size-small {
  border-radius: var(--kdm-c-button-sizing-height-small, 28px);
}
.kdm-btn-shape-round.kdm-btn-size-middle {
  border-radius: var(--kdm-c-button-sizing-height-middle, 36px);
}
.kdm-btn-shape-round.kdm-btn-size-large {
  border-radius: var(--kdm-c-button-sizing-height-large, 44px);
}
.kdm-btn-shape-none {
  border-radius: 0;
}
.kdm-btn-text {
  height: auto;
  width: auto;
  color: var(--kdm-c-button-text-color-text, var(--kdm-g-color-theme-6, #5582f3));
  padding: 0;
  min-width: auto;
}
.kdm-btn-text:active {
  color: var(--kdm-c-button-text-color-text-active, var(--kdm-g-color-theme-7, #104ccc));
}
.kdm-btn-text[disabled] {
  color: var(--kdm-c-button-text-color-text-disabled, var(--kdm-g-color-theme-4, #b5cfff)) !important;
}
.kdm-btn-no-border {
  border: none;
}
.kdm-btn:disabled,
.kdm-btn[disabled] {
  cursor: not-allowed;
}
.kdm-btn-background-ghost,
.kdm-btn-background-ghost:active {
  background-color: transparent;
}
.kdm-btn-background-ghost.kdm-btn-primary {
  color: var(--kdm-c-button-background-ghost-color-text, var(--kdm-g-color-theme, #276FF5));
}
.kdm-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;
}
.kdm-btn-block {
  width: 100%;
}
.kdm-btn .btn-space {
  margin-left: 4px;
}
.kdm-btn-group {
  display: inline-block;
}
.kdm-btn-group-basic .kdm-btn {
  padding-top: 0;
  padding-bottom: 0;
}
.kdm-btn-group-basic-icon {
  margin-left: 4px;
}
.kdm-btn-group-similar .kdm-btn-group-trigger .kdm-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.kdm-btn-group-similar .kdm-btn-group-trigger .kdm-btn-primary {
  background: var(--kdm-c-button-group-trigger-color-background, var(--kdm-g-color-theme-7, #104ccc));
}
.kdm-btn-group-similar .kdm-btn-group-trigger .kdm-btn-primary:active {
  background: var(--kdm-c-button-group-trigger-color-background-active, var(--kdm-g-color-theme-8, #1f3ba1));
}
.kdm-btn-group-similar .kdm-btn-group-trigger .kdm-btn-primary:disabled {
  background: var(--kdm-c-button-group-trigger-color-background-disabled, var(--kdm-g-color-theme-5, #5797ff)) !important;
}
.kdm-btn-group-similar > .kdm-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kdm-btn-group .kdm-btn-size-small,
.kdm-btn-group .kdm-btn-size-middle,
.kdm-btn-group .kdm-btn-size-large {
  min-width: unset;
}
.kdm-btn-group .kdm-dropdown-menu {
  padding: 0;
}
.kdm-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(--kdm-c-button-group-dropdown-color-background, #fff);
  color: #333333;
  min-width: var(--kdm-c-button-group-dropdown-min-width, 80px);
}
.kdm-btn-group-dropdown-item {
  height: var(--kdm-c-button--group-dropdown-item-height, 30px);
  line-height: var(--kdm-c-button--group-dropdown-item-height, 30px);
  cursor: pointer;
  padding: 0 var(--kdm-c-button-group-dropdown-item-horizonta, 12px);
}
.kdm-btn-group-dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--kdm-c-button-group-dropdown-item-border-color, #E5E5E5);
}
.kdm-btn-group.topLeft.hidden,
.kdm-btn-group.bottomLeft.hidden,
.kdm-btn-group.topRight.hidden,
.kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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(--kdm-c-checkbox-font-size, 14px);
  color: var(--kdm-c-checkbox-color-text-primary, #212121);
  line-height: 20px;
}
.kdm-checkbox.kdm-checkbox-no-child {
  height: var(--kdm-c-checkbox-default-input-sizing-height, 20px);
  width: var(--kdm-c-checkbox-default-input-sizing-width, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0;
}
.kdm-checkbox-input {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
  opacity: 0;
}
.kdm-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;
  white-space: normal;
}
.kdm-checkbox-children .kd-input-underline {
  background-color: transparent;
  border-bottom: none;
}
.kdm-checkbox-square {
  border-radius: 2px;
  border: 1px solid var(--kdm-c-checkbox-color-border, #d9d9d9);
  padding: var(--kdm-c-checkbox-square-spacing-padding-horizontal, 7px) var(--kdm-c-checkbox-square-spacing-padding-vertical, 12px);
  -webkit-transition: color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)), border-color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)), border-color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-checkbox-square:not(.kdm-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(--kdm-c-checkbox-color-theme, var(--kdm-g-color-theme, #276FF5));
          box-shadow: 0 0 0 0 var(--kdm-c-checkbox-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-checkbox-square-triangle,
.kdm-checkbox-square-triangle-checked {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 var(--kdm-c-checkbox-square-triangle-sizing-height, 18px) var(--kdm-c-checkbox-square-triangle-sizing-width, 18px);
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: var(--kdm-c-checkbox-color-border-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-checkbox-square-triangle {
  -webkit-animation: kdZoomBounceLeaveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: kdZoomBounceLeaveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
  -webkit-transition: all var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  opacity: 0;
}
.kdm-checkbox-square-inner {
  position: absolute;
  height: 9px;
  width: 11px;
  color: var(--kdm-c-checkbox-square-input-icon-color, #fff);
  font-size: var(--kdm-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%);
}
.kdm-checkbox-square-inner-icon {
  font-size: inherit;
  line-height: 100%;
  -webkit-animation: kdZoomLeaveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomLeaveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdm-checkbox-square-triangle-disabled {
  border-bottom-color: var(--kdm-c-checkbox-color-text-disabled, #999999);
}
.kdm-checkbox-square-disabled {
  border-color: var(--kdm-c-checkbox-color-border, #d9d9d9);
  color: var(--kdm-c-checkbox-color-text-disabled, #999999);
  background-color: var(--kdm-c-checkbox-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed !important;
}
.kdm-checkbox-square-checked {
  border-color: var(--kdm-c-checkbox-color-border-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-checkbox-square-checked:not(.kdm-checkbox-square-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdm-checkbox-square-checked .kdm-checkbox-square-triangle-checked:not(.kdm-checkbox-square-disabled) {
  -webkit-animation: kdZoomBounceEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
          animation: kdZoomBounceEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kdm-checkbox-square-checked .kdm-checkbox-square-inner-icon:not(.kdm-checkbox-square-disabled) {
  -webkit-animation: kdZoomEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
          animation: kdZoomEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdm-checkbox-square-checked-disabled {
  background-color: var(--kdm-c-checkbox-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kdm-c-checkbox-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5)) !important;
  cursor: not-allowed !important;
}
.kdm-checkbox-square-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--kdm-c-checkbox-default-input-sizing-height, 20px);
  width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.kdm-checkbox-square.checked .kdm-checkbox-children {
  color: var(--kdm-c-checkbox-color-text-primary, #212121);
}
.kdm-checkbox-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  padding: var(--kdm-c-checkbox-default-spacing-padding, 8px 0 8px 12px);
  -webkit-transition: color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)), border-color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)), border-color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-checkbox-default-disabled {
  color: var(--kdm-c-checkbox-color-text-disabled, #999999);
  border-color: var(--kdm-c-checkbox-color-border, #d9d9d9);
  cursor: not-allowed !important;
}
.kdm-checkbox-default-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--kdm-c-checkbox-color-background, var(--kdm-g-color-background, #fff));
  border: var(--kdm-c-checkbox-default-input-border-width, 1px) solid var(--kdm-c-checkbox-color-border, #d9d9d9);
  border-radius: var(--kdm-c-checkbox-default-input-radius-border, 2px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)), border-color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)), border-color var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-checkbox-default-wrapper:not(.kdm-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(--kdm-c-checkbox-color-theme, var(--kdm-g-color-theme, #276FF5));
          box-shadow: 0 0 0 0 var(--kdm-c-checkbox-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-checkbox-default-wrapper-size {
  height: var(--kdm-c-checkbox-default-input-sizing-height, 20px);
  width: var(--kdm-c-checkbox-default-input-sizing-width, 20px);
}
.kdm-checkbox-default-margin {
  margin-right: var(--kdm-c-checkbox-default-input-spacing-margin-right, 8px);
}
.kdm-checkbox-default-checked-disabled {
  background-color: var(--kdm-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
  border-color: var(--kdm-c-checkbox-default-color-background-disabled, #d9d9d9) !important;
  cursor: not-allowed !important;
}
.kdm-checkbox-default-checked-disabled .kdm-checkbox-default-inner {
  color: var(--kdm-c-checkbox-color-text-disabled, #999999);
}
.kdm-checkbox-default-checked {
  background-color: var(--kdm-c-checkbox-color-border-active, var(--kdm-g-color-theme, #276FF5));
  border-color: var(--kdm-c-checkbox-color-border-active, var(--kdm-g-color-theme, #276FF5));
  -webkit-transition: background-color calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
  transition: background-color calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
}
.kdm-checkbox-default-checked:not(.kdm-checkbox-default-checked-disabled)::after {
  -webkit-animation: fadeEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
          animation: fadeEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
}
.kdm-checkbox-default-inner:not(.kdm-checkbox-default-checked-disabled .kdm-checkbox-default-inner) {
  -webkit-animation: kdZoomBounceDefaultEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
          animation: kdZoomBounceDefaultEffect calc(var(--kdm-c-checkbox-motion-duration, var(--kdm-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.kdm-checkbox-default-inner {
  position: absolute;
  color: var(--kdm-c-checkbox-default-input-icon-color, #fff);
  font-size: var(--kdm-c-checkbox-default-input-icon-font-size, 18px);
  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;
}
.kdm-checkbox-default-inner-icon {
  font-size: inherit;
  line-height: 100%;
}
.kdm-checkbox-default-indeterminate::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--kdm-c-checkbox-default-indeterminate-sizing-square, 6px);
  height: var(--kdm-c-checkbox-default-indeterminate-sizing-square, 6px);
  background-color: var(--kdm-c-checkbox-color-border-active, var(--kdm-g-color-theme, #276FF5));
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.kdm-checkbox-default.checked:not(.kdm-checkbox-default-disabled) .kdm-checkbox-children {
  color: var(--kdm-c-checkbox-color-text-primary, #212121);
}
.kdm-checkbox-default-indeterminate .kdm-checkbox-children {
  color: var(--kdm-c-checkbox-color-text-primary, #212121);
}
.kdm-checkbox-group {
  border-radius: var(--kdm-c-checkbox-group-radius-border, 4px);
  border: var(--kdm-c-checkbox-group-border-width, 0.5px) solid var(--kdm-c-checkbox-group-border-color, #D9D9D9);
  background-color: var(--kdm-c-checkbox-group-color-background, #fff);
}
.kdm-checkbox-group .kdm-checkbox:not(:last-of-type)::after {
  content: '';
  position: absolute;
  border-bottom: var(--kdm-c-checkbox-group-split-line-border-width, 0.5px) solid var(--kdm-c-checkbox-group-split-line-border-color, #E5E5E5);
  left: 12px;
  right: 0;
  bottom: calc(-1 * var(--kdm-c-checkbox-group-split-line-border-width, 0.5px) / 2);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-collapse-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: var(--kdm-c-collapse-spacing-padding-horizontal, 12px);
  margin-left: var(--kdm-c-collapse-spacing-padding-horizontal, 12px);
  height: var(--kdm-c-collapse-sizing-height, 48px);
  font-size: var(--kdm-c-collapse-font-size, var(--kdm-g-font-size-middle, 14px));
  border-top: 0.5px solid var(--kdm-c-collapse-border-color, #fafafa);
}
.kdm-collapse-panel-header-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--kdm-c-collapse-title-color, #212121);
}
.kdm-collapse-panel-header-extra {
  font-size: 14px;
  color: var(--kdm-c-collapse-title-extra-color, #999);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-collapse-panel-header-extra > div {
  margin-right: 5px;
}
.kdm-collapse-panel-header.kdm-collapse-panel-disabled .kdm-collapse-panel-header-title {
  color: var(--kdm-c-collapse-disabeld-title-color, #b2b2b2);
}
.kdm-collapse-arrow {
  color: var(--kdm-c-collapse-title-extra-color, #ccc);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.kdm-collapse-arrow-active {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.kdm-collapse-panel-content {
  overflow: hidden;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- 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 */
.kdm-date-picker-footer {
  padding: 6px 12px;
  border-top: 0.5px solid #e5e5e5;
}
.kdm-date-picker-footer button {
  width: 100%;
}
.kdm-date-picker .kdm-date-picker-ranges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.kdm-date-picker .kdm-date-picker-ranges-input {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 28px;
  background: #F2F2F2;
  border-radius: 4px;
  font-size: 12px;
  color: #212121;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  border: 0.5px solid transparent;
  -webkit-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
.kdm-date-picker .kdm-date-picker-ranges-input-active {
  border-color: #276FF5;
}
.kdm-date-picker .kdm-date-picker-ranges-divide {
  width: 12px;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kdm-date-picker-view {
  height: 240px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.kdm-date-picker-view-column {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
  position: relative;
  z-index: 0;
}
.kdm-date-picker-view-column-wheel {
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  top: calc(50% - 34px / 2);
  left: 0;
}
.kdm-date-picker-view-column-wheel::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: -100vh;
}
.kdm-date-picker-view-column-wheel::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  bottom: -100vh;
}
.kdm-date-picker-view-column-item {
  font-size: 14px;
  padding: 0 6px;
  height: 34px;
  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;
}
.kdm-date-picker-view-column-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kdm-date-picker-view-column-accessible {
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  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;
  top: calc(34px * -1);
  z-index: 0;
  padding-bottom: 1px;
}
.kdm-date-picker-view-column-accessible > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-overflow: ellipsis;
}
.kdm-date-picker-view-column-accessible-current {
  position: absolute;
  width: 100%;
  height: 100%;
}
.kdm-date-picker-view-column-accessible-button {
  width: 100%;
  height: 100%;
}
.kdm-date-picker-view-mask {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  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;
  pointer-events: none;
}
.kdm-date-picker-view-mask-top,
.kdm-date-picker-view-mask-bottom {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.kdm-date-picker-view-mask-middle {
  height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.kdm-date-picker-view-mask-top {
  background: #fff;
  -webkit-mask: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.8)), to(#000000));
  -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.8)), to(#000000));
          mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.kdm-date-picker-view-mask-bottom {
  background: #fff;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.8)), to(#000000));
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.8)), to(#000000));
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.kdm-date-picker-view-loading-content {
  width: 100%;
  height: 100%;
  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;
}
.kdm-date-picker-view-item-height-measure {
  position: relative;
  left: 0;
  top: 0;
  height: 34px;
  width: 0;
  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 */
.overall-postion {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-dropdown {
  position: relative;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 26px 32px;
  overflow-y: auto;
}
.kdm-empty-img-middle {
  width: var(--kdm-c-empty-image-middle-width, 224px);
  height: var(--kdm-c-empty-image-middle-width, 128px);
  margin-bottom: 16px;
}
.kdm-empty-img-small {
  width: var(--kdm-c-empty-image-middle-width, 112px);
  height: var(--kdm-c-empty-image-middle-width, 64px);
  margin-bottom: 8px;
}
.kdm-empty-desc {
  margin: 0 0 24px;
  font-size: var(--kdm-c-empty-description-font-size, 14px);
  color: var(--kdm-c-empty-description-color-text, #999);
  text-align: center;
  font-weight: var(--kdm-c-empty-description-font-weight, 400);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-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);
}
.kdm-row.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.kdm-row.sogou-row {
  margin-bottom: calc(-1 * var(--rgap));
}
.kdm-col {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 calc(var(--cgap) / 2);
}
.kdm-col.sogou-col {
  margin-bottom: var(--rgap);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
[class^="kdmicon"] {
  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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-image {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--kdm-c-image-radius-border, 4px);
}
.kdm-image.error .kdm-image-img {
  cursor: auto;
}
.kdm-image-img {
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.kdm-image-preview-content {
  width: 100vw;
  height: 100vh;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kdm-image-preview-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.kdm-image-preview-group {
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: none;
      touch-action: none;
}
.kdm-image-preview-group-inner {
  height: 100%;
  white-space: nowrap;
}
.kdm-image-preview-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.kdm-image-preview-control {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: none;
      touch-action: none;
}
.kdm-image-preview-wrapper {
  width: 100%;
  height: 100%;
  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;
}
.kdm-image-preview-wrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.kdm-image-preview-indicator {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #e6e6e6;
  font-size: var(--kdm-c-image-preview-indicator-font-size, 16px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-index-bar {
  overflow: hidden;
  height: 100%;
  position: relative;
  background-color: var(--kdm-c-index-bar-color-background, var(--kdm-g-color-white, #fff));
}
.kdm-index-bar-body {
  overflow: scroll;
  height: 100%;
  width: 100%;
}
.kdm-index-bar-body::-webkit-scrollbar {
  display: none;
}
.kdm-index-bar-anchor-title {
  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: var(--kdm-c-index-bar-title-sizing-height, 36px);
  padding: 0 var(--kdm-c-index-bar-title-spacing-padding-horizontal, 12px);
  color: var(--kdm-c-index-bar-color-text, #666);
  font-size: var(--kdm-c-index-bar-title-font-size, var(--kdm-g-font-size-middle, 14px));
  background-color: var(--kdm-c-index-bar-title-color-background, #f2f2f2);
}
.kdm-index-bar-sidebar {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: calc(var(--kdm-c-index-bar-sidebar-z-index, 910) + 1);
  overflow: visible;
  color: var(--kdm-c-index-bar-color-text, #666);
  font-size: var(--kdm-c-index-bar-sidebar-font-size, 10px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
}
.kdm-index-bar-sidebar-bubble {
  position: absolute;
  top: 50%;
  right: 48px;
  width: var(--kdm-c-index-bar-bubble-sizing-default, 48px);
  height: var(--kdm-c-index-bar-bubble-sizing-default, 48px);
  color: var(--kdm-c-index-bar-bubble-color-text, var(--kdm-g-color-white, #fff));
  font-size: var(--kdm-c-index-bar-sidebar-font-size, 20px);
  line-height: var(--kdm-c-index-bar-bubble-sizing-default, 48px);
  text-align: center;
  background: var(--kdm-c-index-bar-bubble-color-background, #ccc);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdm-index-bar-sidebar-row {
  cursor: pointer;
  width: auto;
  text-align: right;
  position: relative;
  padding: 0 var(--kdm-c-index-bar-bubble-spacing-padding-right, 4px) 0 var(--kdm-c-index-bar-bubble-spacing-padding-left, 12px);
  line-height: var(--kdm-c-index-bar-sidebar-sizing-default, 12px);
  margin-bottom: 4px;
}
.kdm-index-bar-sidebar-row > * {
  pointer-events: none;
}
.kdm-index-bar-sidebar-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--kdm-c-index-bar-sidebar-sizing-default, 12px);
  height: var(--kdm-c-index-bar-sidebar-sizing-default, 12px);
  line-height: var(--kdm-c-index-bar-sidebar-sizing-default, 12px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-index-bar-sidebar-item-active {
  color: var(--kdm-c-index-bar-sidebar-color-text-active, var(--kdm-g-color-white, #fff));
  background-color: var(--kdm-c-index-bar-sidebar-color-background-active, var(--kdm-g-color-theme, #276FF5));
  border-radius: 50%;
}
.kdm-index-bar-sidebar-interacting {
  width: 100%;
}
.kdm-index-bar-sticky .kdm-index-bar-anchor-title {
  position: sticky;
  z-index: var(--kdm-c-index-bar-sticky-z-index, 910);
  top: 0;
  left: 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-infinite-scroll {
  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;
  height: 68px;
  padding: 0 12px;
  background: #F2F2F2;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  font-weight: 400;
}
.kdm-infinite-scroll-loading {
  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;
}
.kdm-infinite-scroll-loading .kdm-spin {
  margin-right: 4px;
}
.kdm-infinite-scroll-loading .kdm-spin .kdm-spin-dot-spin {
  width: 16px;
  height: 16px;
}
.kdm-infinite-scroll-loading .kdm-spin .kdm-spin-dot-spin .kdm-spin-dot-item {
  width: 16px;
  height: 16px;
}
.kdm-infinite-scroll-no-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 100%;
}
.kdm-infinite-scroll-no-more::before,
.kdm-infinite-scroll-no-more::after {
  width: 50%;
  content: '';
  border-top-width: 1px;
  border-block-start-style: solid;
  border-top-color: #d9d9d9;
}
.kdm-infinite-scroll-no-more::after {
  margin-left: 8px;
}
.kdm-infinite-scroll-no-more::before {
  margin-right: 8px;
}
.kdm-infinite-scroll-error {
  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;
}
.kdm-infinite-scroll-error-retry {
  margin-left: 6px;
  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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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;
}
.kdm-inputNumber-baseStep-small {
  width: var(--kdm-c-input-number-sizing-height-small, 20px);
}
.kdm-inputNumber-baseStep-middle {
  width: var(--kdm-c-input-number-sizing-height-middle, 30px);
}
.kdm-inputNumber-baseStep-large {
  width: var(--kdm-c-input-number-sizing-height-large, 36px);
}
.kdm-inputNumber-baseStep .kdm-inputNumber-icon {
  color: var(--kdm-c-input-number-color-text-baseStep, var(--kdm-g-color-text-secondary, #666));
  -webkit-transition: color var(--kdm-g-duration, 0.3s);
  transition: color var(--kdm-g-duration, 0.3s);
}
.kdm-inputNumber-baseStep:hover .kdm-inputNumber-icon {
  color: var(--kdm-c-input-number-color-theme-5, var(--kdm-g-color-theme-5, #5797ff));
}
.kdm-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kdm-c-input-number-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
}
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-baseStep-small,
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-embedStep-small {
  margin-left: -9px;
}
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-baseStep-middle,
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-embedStep-middle {
  margin-left: -9px;
}
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-baseStep-large,
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-embedStep-large {
  margin-left: -9px;
}
.kdm-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kdm-c-input-number-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
}
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-baseStep-small,
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-baseStep-middle,
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-baseStep-large,
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kdm-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(--kdm-c-input-number-color-text, #f6f7f9);
  overflow: hidden;
  border-left: 1px solid var(--kdm-c-input-number-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
  border: none;
}
.kdm-inputNumber-embedStep.kdm-inputNumber-baseStep-small,
.kdm-inputNumber-embedStep.kdm-inputNumber-embedStep-small {
  margin-right: -9px;
}
.kdm-inputNumber-embedStep.kdm-inputNumber-baseStep-middle,
.kdm-inputNumber-embedStep.kdm-inputNumber-embedStep-middle {
  margin-right: -9px;
}
.kdm-inputNumber-embedStep.kdm-inputNumber-baseStep-large,
.kdm-inputNumber-embedStep.kdm-inputNumber-embedStep-large {
  margin-right: -9px;
}
.kdm-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(--kdm-c-input-number-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kdm-c-input-number-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px;
}
.kdm-inputNumber-embedStep span .kdm-inputNumber-icon {
  -webkit-transition: color var(--kdm-g-duration, 0.3s);
  transition: color var(--kdm-g-duration, 0.3s);
}
.kdm-inputNumber-embedStep span:hover .kdm-inputNumber-icon {
  color: var(--kdm-c-input-number-color-theme-5, var(--kdm-g-color-theme-5, #5797ff));
}
.kdm-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 */
/* -----------  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;
}
.kdm-input {
  width: 100%;
  min-width: 0;
  border: var(--kdm-c-input-sizing-border, 1px) solid var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdm-c-input-radius-border, var(--kdm-g-radius-border, 2px));
  color: var(--kdm-c-input-color-text, var(--kdm-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdm-c-input-color-background, var(--kdm-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(--kdm-c-input-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: border-color var(--kdm-c-input-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-input::-webkit-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input::-moz-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input::-ms-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdm-input:not(.kdm-input-disabled):hover {
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input:not(.kdm-input-disabled):focus {
  color: var(--kdm-g-color-text-primary, #212121);
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-countWrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.kdm-input-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kdm-c-input-sizing-border, 1px) solid var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdm-c-input-radius-border, var(--kdm-g-radius-border, 2px));
  color: var(--kdm-c-input-color-text, var(--kdm-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdm-c-input-color-background, var(--kdm-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(--kdm-c-input-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: border-color var(--kdm-c-input-motion-duration, var(--kdm-g-duration, 0.3s));
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.kdm-input-textarea::-webkit-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-textarea::-moz-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-textarea::-ms-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdm-input-textarea:not(.kdm-input-disabled):hover {
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-textarea:not(.kdm-input-disabled):focus {
  color: var(--kdm-g-color-text-primary, #212121);
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-textarea-mark {
  position: absolute;
  right: 0;
  top: calc(100% + 1px);
  z-index: 1;
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc));
  font-size: var(--kdm-c-input-font-size-small, var(--kdm-g-font-size-small, 12px));
  line-height: 18px;
  background-color: #fff;
}
.kdm-input-textarea-mark-inner {
  top: auto;
  bottom: 5px;
  right: 8px;
}
.kdm-input-no-resize {
  resize: none;
}
.kdm-input-borderless {
  border: 0;
  padding-left: 0 !important;
}
.kdm-input-borderless:focus {
  border: 0;
}
.kdm-input-underline {
  border: none;
  border-bottom: 1px solid var(--kdm-c-input-color-border, #999);
  border-radius: 0;
  padding-left: 0 !important;
}
.kdm-input-disabled {
  background-color: var(--kdm-c-input-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  color: var(--kdm-c-input-affix-color-text, #666);
  cursor: not-allowed;
}
.kdm-input-underline.kdm-input-disabled {
  color: var(--kdm-c-input-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  background-color: var(--kdm-c-input-color-background, var(--kdm-g-color-white, #fff));
  border-color: var(--kdm-c-input-underline-color-border-disabled, var(--kdm-g-color-border-weak, #e5e5e5));
}
.kdm-input-size-small {
  height: var(--kdm-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kdm-c-input-sizing-height-small, 20px) - (var(--kdm-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdm-c-input-font-size-small, var(--kdm-g-font-size-small, 12px));
  padding: var(--kdm-c-input-spacing-padding-vertical-small, 3px) var(--kdm-c-input-spacing-padding-horizontal-small, 9px);
}
.kdm-input-size-middle {
  height: var(--kdm-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kdm-c-input-sizing-height-middle, 30px) - (var(--kdm-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdm-c-input-font-size-middle, var(--kdm-g-font-size-middle, 14px));
  padding: var(--kdm-c-input-spacing-padding-vertical-small, 3px) var(--kdm-c-input-spacing-padding-horizontal-middle, 12px);
}
.kdm-input-size-large {
  height: var(--kdm-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kdm-c-input-sizing-height-large, 36px) - (var(--kdm-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdm-c-input-font-size-large, var(--kdm-g-font-size-large, 16px));
  padding: var(--kdm-c-input-spacing-padding-vertical-small, 3px) var(--kdm-c-input-spacing-padding-horizontal-small, 9px);
}
.kdm-input-wrapper {
  padding-left: var(--kdm-c-input-wrapper-padding-left, 0px) !important;
  width: 100%;
  min-width: 0;
  border: var(--kdm-c-input-sizing-border, 1px) solid var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdm-c-input-radius-border, var(--kdm-g-radius-border, 2px));
  color: var(--kdm-c-input-color-text, var(--kdm-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdm-c-input-color-background, var(--kdm-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(--kdm-c-input-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: border-color var(--kdm-c-input-motion-duration, var(--kdm-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;
}
.kdm-input-wrapper::-webkit-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-wrapper::-moz-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-wrapper::-ms-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-wrapper:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdm-input-wrapper:not(.kdm-input-wrapper-disabled):hover {
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-wrapper:not(.kdm-input-wrapper-disabled):focus {
  color: var(--kdm-g-color-text-primary, #212121);
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-wrapper .kdm-input {
  border: none;
  padding-left: var(--kdm-c-input-padding-left, 9px);
  padding-right: 0;
  height: 100%;
}
.kdm-input-wrapper .kdm-input-suffix,
.kdm-input-wrapper .kdm-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(--kdm-c-input-affix-color-text, #666);
}
.kdm-input-wrapper .kdm-input-suffix {
  margin-left: 4px;
}
.kdm-input-wrapper .kdm-input-prefix {
  margin-right: 4px;
}
.kdm-input-wrapper-size-small {
  height: var(--kdm-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kdm-c-input-sizing-height-small, 20px) - (var(--kdm-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdm-c-input-font-size-small, var(--kdm-g-font-size-small, 12px));
  padding: var(--kdm-c-input-spacing-padding-vertical-small, 3px) var(--kdm-c-input-spacing-padding-horizontal-small, 9px);
}
.kdm-input-wrapper-size-middle {
  height: var(--kdm-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kdm-c-input-sizing-height-middle, 30px) - (var(--kdm-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdm-c-input-font-size-middle, var(--kdm-g-font-size-middle, 14px));
  padding: var(--kdm-c-input-spacing-padding-vertical-small, 3px) var(--kdm-c-input-spacing-padding-horizontal-middle, 12px);
}
.kdm-input-wrapper-size-large {
  height: var(--kdm-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kdm-c-input-sizing-height-large, 36px) - (var(--kdm-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
  font-size: var(--kdm-c-input-font-size-large, var(--kdm-g-font-size-large, 16px));
  padding: var(--kdm-c-input-spacing-padding-vertical-small, 3px) var(--kdm-c-input-spacing-padding-horizontal-large, 9px);
}
.kdm-input-wrapper-borderless {
  border: none !important;
}
.kdm-input-wrapper-underline {
  border: none;
  border-bottom: 1px solid var(--kdm-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0;
}
.kdm-input-wrapper-focused {
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-wrapper-focused .kdm-input-clear-icon,
.kdm-input-wrapper-focused .kdm-input-textarea-clear-icon {
  cursor: pointer;
  color: var(--kdm-c-input-clear-color, #d9d9d9);
}
.kdm-input-wrapper-focused .kdm-input-clear-icon:hover,
.kdm-input-wrapper-focused .kdm-input-textarea-clear-icon:hover {
  color: var(--kdm-c-input-clear-color-hover, #999);
}
.kdm-input-wrapper-focused .kdm-input-clear-icon:active,
.kdm-input-wrapper-focused .kdm-input-textarea-clear-icon:active {
  color: var(--kdm-c-input-clear-color-hover, #212121);
}
.kdm-input-wrapper-focused .kdm-input-clear-icon i,
.kdm-input-wrapper-focused .kdm-input-textarea-clear-icon i {
  vertical-align: middle;
  font-size: 16px;
}
.kdm-input-wrapper-disabled {
  background-color: var(--kdm-c-input-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kdm-input-wrapper-disabled .kdm-input-suffix,
.kdm-input-wrapper-disabled .kdm-input-prefix {
  color: var(--kdm-c-input-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
}
.kdm-input-wrapper-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kdm-c-input-sizing-border, 1px) solid var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdm-c-input-radius-border, var(--kdm-g-radius-border, 2px));
  color: var(--kdm-c-input-color-text, var(--kdm-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kdm-c-input-color-background, var(--kdm-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;
}
.kdm-input-wrapper-textarea::-webkit-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-wrapper-textarea::-moz-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-wrapper-textarea::-ms-input-placeholder {
  color: var(--kdm-c-input-placeholder-color-text, var(--kdm-g-color-text-placeholder, #ccc)) !important;
}
.kdm-input-wrapper-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.kdm-input-wrapper-textarea:not(.kdm-input-disabled):hover {
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-wrapper-textarea:not(.kdm-input-disabled):focus {
  color: var(--kdm-g-color-text-primary, #212121);
  border-color: var(--kdm-c-input-color-border-focused, var(--kdm-g-color-theme, #276FF5));
}
.kdm-input-wrapper-textarea .kdm-input-textarea-clear-icon {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 3px;
}
.kdm-input-wrapper-textarea-focused .kdm-input-textarea-clear-icon {
  cursor: pointer;
  color: var(--kdm-c-input-clear-color, #d9d9d9);
}
.kdm-input-wrapper-textarea-focused .kdm-input-textarea-clear-icon:hover {
  color: var(--kdm-c-input-clear-color-hover, #999);
}
.kdm-input-wrapper-textarea-focused .kdm-input-textarea-clear-icon:active {
  color: var(--kdm-c-input-clear-color-hover, #212121);
}
.kdm-input-wrapper-textarea-focused .kdm-input-textarea-clear-icon i {
  vertical-align: middle;
  font-size: 16px;
}
.kdm-input-clear-icon-hidden {
  visibility: hidden;
}
.kdm-input-clear-icon-rightSpace {
  margin-right: 4px;
}
.kdm-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.kdm-input-group-wrapper .kdm-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;
}
.kdm-input-group-wrapper .kdm-input-group > .kdm-input-wrapper:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.kdm-input-group-wrapper .kdm-input-group > .kdm-input-wrapper:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kdm-input-group-wrapper .kdm-input-group > .kdm-input-wrapper:not(:first-child):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.kdm-input-group-wrapper .kdm-input-group .kdm-input-group-addon {
  position: relative;
  color: var(--kdm-c-input-affix-color-text, #666);
  padding: 0 9px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  border-radius: var(--kdm-c-input-radius-border, var(--kdm-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(--kdm-c-input-sizing-height-middle, 30px);
}
.kdm-input-group-wrapper .kdm-input-group .kdm-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.kdm-input-group-wrapper .kdm-input-group .kdm-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.kdm-input-group-wrapper .kdm-input-group .kdm-input-group-addon-borderless {
  border: none !important;
}
.kdm-input-group-wrapper .kdm-input-group .kdm-input-group-addon-underline {
  border: none;
  border-bottom: 1px solid var(--kdm-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0;
}
.kdm-input-group-wrapper .kdm-input-group .kdm-input-group-addon-disabled {
  background-color: var(--kdm-c-input-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kdm-c-input-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  color: var(--kdm-c-input-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kdm-input-group-wrapper .kdm-input-group-size-small .kdm-input-group-addon {
  height: var(--kdm-c-input-sizing-height-small, 20px);
}
.kdm-input-group-wrapper .kdm-input-group-middle-small .kdm-input-group-addon {
  height: var(--kdm-c-input-sizing-height-middle, 30px);
}
.kdm-input-group-wrapper .kdm-input-group-large-small .kdm-input-group-addon {
  height: var(--kdm-c-input-sizing-height-large, 36px);
}
.kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--kdm-c-mask-z-index, var(--kdm-g-z-index-masker, 3000));
  display: block;
  width: 100%;
  height: 100%;
}
.kdm-mask-content {
  z-index: 1;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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(--kdm-c-message-z-index, var(--kdm-g-z-index-apex, 9999));
}
.kdm-message {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: var(--kdm-c-message-sizing-min-width, 88px);
  max-width: var(--kdm-c-message-sizing-max-width, 284px);
  margin: 0 auto var(--kdm-c-message-spacing-margin-bottom, 16px);
  padding: var(--kdm-c-message-spacing-padding-horizontal, 10px) var(--kdm-c-message-spacing-padding-vertical, 20px);
  color: var(--kdm-c-message-info-color-text, #0e5fd8);
  border: 1px solid var(--kdm-c-message-info-color-border, #b3d5ff);
  border-radius: var(--kdm-c-message-border-radius, 4px);
  background-color: var(--kdm-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;
}
.kdm-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(--kdm-c-message-font-size, 14px);
  line-height: var(--kdm-c-message-line-height, 20px);
}
.kdm-message-content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdm-message-content-icon-wrapper {
  font-size: var(--kdm-c-message-icon-font-size, 16px);
  margin-right: var(--kdm-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;
}
.kdm-message-content-text {
  max-height: var(--kdm-c-message-text-sizing-max-height, 160px);
  overflow: auto;
}
.kdm-message-content-close {
  cursor: pointer;
  color: var(--kdm-c-message-close-color-text, #666);
  font-size: var(--kdm-c-message-font-size, 16px);
  margin-left: var(--kdm-c-message-close-spacing-margin-left, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kdm-message-content-close:hover {
  color: var(--kdm-c-message-close-color-text-hover, var(--kdm-g-color-theme-5, #5797ff));
}
.kdm-message-success {
  color: var(--kdm-c-message-success-color-text, #1BA854);
  background: var(--kdm-c-message-success-color-background, #dcfae4);
  border: 1px solid var(--kdm-c-message-success-color-border, #a1e6b5);
}
.kdm-message-warning {
  color: var(--kdm-c-message-warning-color-text, #FF991C);
  background: var(--kdm-c-message-warning-color-background, #fff1d4);
  border: 1px solid var(--kdm-c-message-warning-color-border, #ffe0a6);
}
.kdm-message-error {
  color: var(--kdm-c-message-error-color-text, #FB2323);
  background: var(--kdm-c-message-error-color-background, #ffdbe0);
  border: 1px solid var(--kdm-c-message-error-color-border, #ffadb6);
}
.kdm-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;
}
.kdm-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);
}
.kdm-message-leave-after.kdm-message-success,
.kdm-message-leave-after.kdm-message-warning,
.kdm-message-leave-after.kdm-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;
}
.kdm-message-leave-after div,
.kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-modal {
  z-index: 1050;
  position: fixed;
}
.kdm-modal-mask {
  z-index: 0;
}
.kdm-modal-auto-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdm-modal-auto-center-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdm-modal-warp {
  z-index: 1;
  position: fixed;
  min-width: var(--kdm-c-modal-sizing-min-width, 280px);
  max-width: var(--kdm-c-modal-sizing-max-width, 75vw);
  top: 50%;
  left: 50%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.kdm-modal-body {
  max-height: 80vh;
  background-color: #fff;
  border-radius: var(--kdm-c-modal-radius-border, 4px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdm-modal-body:not(.kdm-modal-with-image) {
  padding-top: 16px;
}
.kdm-modal-body-close {
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 100;
}
.kdm-modal-image {
  margin-bottom: 16px;
  width: 100%;
  max-height: 40vh;
  overflow-y: auto;
}
.kdm-modal-image img {
  width: 100%;
}
.kdm-modal-header {
  padding: 0 16px;
  line-height: 1;
  margin-bottom: 8px;
}
.kdm-modal-title {
  margin-bottom: 8px;
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #212121;
}
.kdm-modal-title-noContainer {
  margin-bottom: 16px;
}
.kdm-modal-content {
  color: #333333;
  font-size: 14px;
  padding: 0 16px;
  margin-bottom: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 80vh;
}
.kdm-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
}
.kdm-modal-footer-action-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 0.5px solid #e5e5e5;
  --kdm-c-button-sizing-border: 0;
}
.kdm-modal-footer-action-item-primary {
  color: #276ff5;
}
.kdm-modal-footer-action-item:not(:first-of-type) {
  border-left: 0.5px solid #e5e5e5;
}
.kdm-modal-footer-action-item .kdm-btn {
  padding: 0;
  width: 100%;
  height: 100%;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-notice-bar {
  height: var(--kdm-c-notice-bar-sizing-height, 40px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--kdm-c-notice-bar-font-size, var(--kdm-g-font-size-middle, 14px));
  padding: 0 12px;
  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;
  border: solid var(--kdm-c-notice-bar-sizing-border-width, 1px) var(--kdm-c-notice-bar-border-color, #FF991C);
  border-left-width: 0;
  border-right-width: 0;
  background-color: var(--kdm-c-notice-bar-background-color, #FFFBF2);
  color: var(--kdm-c-notice-bar-text-color, #FF991C);
}
.kdm-notice-bar > span[role='img'] {
  color: var(--kdm-c-notice-bar-text-color, #FF991C);
}
.kdm-notice-bar .kdm-notice-bar-left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
  font-size: var(--kdm-c-notice-bar-icon-font-size, 21px);
  margin-top: 3px;
}
.kdm-notice-bar .kdm-notice-bar-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-notice-bar .kdm-notice-bar-content .kdm-notice-bar-content-inner {
  width: auto;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  white-space: nowrap;
}
.kdm-notice-bar-wrap.kdm-notice-bar .kdm-notice-bar-content .kdm-notice-bar-content-inner {
  white-space: normal;
}
.kdm-notice-bar .kdm-notice-bar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 12px;
}
.kdm-notice-bar-close {
  width: 24px;
  height: 24px;
  margin-right: -3px;
  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(--adm-font-size-10);
}
.kdm-notice-bar-wrap {
  height: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 22px;
}
.kdm-notice-bar-neutral {
  border-radius: var(--kdm-c-notice-bar-radius-border, 40px);
}
.kdm-notice-bar-rounded {
  border-radius: 1000px;
}
.kdm-notice-bar-bordered {
  border-left-width: var(--kdm-c-notice-bar-sizing-border-width, 1px);
  border-right-width: var(--kdm-c-notice-bar-sizing-border-width, 1px);
}
.kdm-notice-bar-without-border {
  border-top-width: 0;
  border-bottom-width: 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- 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 */
.kdm-popup {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: var(--kdm-g-z-index-dialog, 1050);
}
.kdm-popup-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(--kdm-c-popup-color-background, var(--kdm-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(--kdm-g-duration, 0.3s) - 0.1s) var(--kdm-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: all calc(var(--kdm-g-duration, 0.3s) - 0.1s) var(--kdm-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  z-index: calc(var(--kdm-g-z-index-masker, 3000) + 1);
}
.kdm-popup-container-box .kdm-popup-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(--kdm-c-popup-header-sizing-padding-vertical, 12px) var(--kdm-c-popup-header-sizing-padding-horizontal, 12px);
  border-bottom: var(--kdm-c-popup-dividing-sizing-width, 0.5px) solid var(--kdm-c-popup-dividing-color-border, #e5e5e5);
}
.kdm-popup-container-box .kdm-popup-header .kdm-popup-title {
  letter-spacing: 0;
  line-height: 24px;
  font-size: var(--kdm-c-popup-title-font-size, var(--kdm-g-font-size-large, 16px));
  color: var(--kdm-c-popup-title-color-text, var(--kdm-g-color-text-primary, #212121));
  font-weight: bold;
}
.kdm-popup-container-box .kdm-popup-close-icon {
  position: absolute;
  top: 18px;
  right: 12px;
  cursor: pointer;
}
.kdm-popup-container-box .kdm-popup-close-icon i {
  color: var(--kdm-c-popup-close-icon-color-text, var(--kdm-g-color-text-secondary, #666));
  font-size: var(--kdm-c-popup-close-icon-font-size, var(--kdm-g-font-size-large, 16px));
}
.kdm-popup-container-box .kdm-popup-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--kdm-c-popup-body-sizing-padding, 12px);
  font-size: var(--kdm-g-font-size-middle, 14px);
  color: var(--kdm-g-color-text-primary, #212121);
}
.kdm-popup-container-box .kdm-popup-footer {
  position: relative;
  min-height: 40px;
  font-size: var(--kdm-g-font-size-small, 12px);
  color: var(--kdm-g-color-text-primary, #212121);
}
.kdm-popup-hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all calc(var(--kdm-g-duration, 0.3s) - 0.1s) var(--kdm-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
  transition: all calc(var(--kdm-g-duration, 0.3s) - 0.1s) var(--kdm-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1));
}
.kdm-popup-not-at-body {
  position: absolute;
}
.kdm-popup-container-left,
.kdm-popup-container-right {
  top: 0;
  bottom: 0;
}
.kdm-popup-container-top,
.kdm-popup-container-bottom {
  left: 0;
  right: 0;
}
.kdm-popup-container-top .kdm-popup-body,
.kdm-popup-container-bottom .kdm-popup-body {
  max-height: var(--kdm-c-popup-body-max-height-vertical, 470px);
  overflow-y: auto;
}
.kdm-popup-container-radius.kdm-popup-container-top {
  border-radius: 0 0 var(--kdm-c-popup-body-radius, 8px) var(--kdm-c-popup-body-radius, 8px);
}
.kdm-popup-container-radius.kdm-popup-container-bottom {
  border-radius: var(--kdm-c-popup-body-radius, 8px) var(--kdm-c-popup-body-radius, 8px) 0 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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;
}
.kdm-progress-show-info {
  font-size: var(--kdm-c-progress-line-text-font-size, 16px);
}
.kdm-progress-type-line {
  width: 100%;
  color: var(--kdm-c-progress-line-color-font, #212121);
}
.kdm-progress-type-line .kdm-progress-special-text {
  margin-top: var(--kdm-c-progress-line-text-spacing-margin-top, 12px);
  line-height: 24px;
}
.kdm-progress-type-circle {
  color: var(--kdm-c-progress-circle-color-font, #666);
}
.kdm-progress-type-circle .kdm-progress-special-text {
  margin-top: var(--kdm-c-progress-circle-text-spacing-margin-top, 8px);
  padding: 0;
  line-height: 24px;
}
.kdm-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;
}
.kdm-progress-show-info:not(.kdm-progress-position-bottom) .kdm-progress-outer {
  margin-right: calc(-1 * var(--kdm-c-progress-line-text-font-size, 16px) * 2 - 8px);
  padding-right: calc(var(--kdm-c-progress-line-text-font-size, 16px) * 2 + 8px);
}
.kdm-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0;
  border-radius: var(--kdm-c-progress-radius-border, 100px);
  background-color: var(--kdm-c-progress-color-remaining, #e5e5e5);
}
.kdm-progress-success-bg,
.kdm-progress-bg {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--kdm-c-progress-radius-border, 100px);
  background-color: var(--kdm-c-progress-color-default, #5582f3);
  height: var(--kdm-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);
}
.kdm-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kdm-c-progress-color-success, var(--kdm-g-color-success, #1ba854));
}
.kdm-progress-text {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(var(--kdm-c-progress-line-text-font-size, 16px)*2);
  margin-left: var(--kdm-c-progress-line-text-spacing-margin-left, 8px);
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.kdm-progress-special-text {
  font-size: var(--kdm-c-progress-line-special-text-font-size, 16px);
  text-align: center;
  overflow: hidden;
  padding-right: calc(var(--kdm-c-progress-line-text-font-size, 16px)*2 + 8px);
}
.kdm-progress-position-bottom .kdm-progress-special-text {
  padding-right: 0;
}
.kdm-progress-status-success .kdm-progress-bg {
  background-color: var(--kdm-c-progress-color-success, var(--kdm-g-color-success, #1ba854));
}
.kdm-progress-status-success .kdm-progress-text,
.kdm-progress-status-success .kdm-progress-special-text {
  color: var(--kdm-c-progress-color-success, var(--kdm-g-color-success, #1ba854));
}
.kdm-progress-status-success .kdm-progress-text {
  font-size: 0;
}
.kdm-progress-status-success .kdm-progress-icon {
  font-size: var(--kdm-c-progress-line-icon-font-size, 16px);
  color: var(--kdm-c-progress-color-success, var(--kdm-g-color-success, #1ba854));
}
.kdm-progress-status-success .kdm-progress-circle-box:not(.kdm-progress-circle-gradient) .kdm-progress-circle-path {
  stroke: var(--kdm-c-progress-color-success, var(--kdm-g-color-success, #1ba854));
}
.kdm-progress-status-failure .kdm-progress-bg {
  background-color: var(--kdm-c-progress-color-failure, var(--kdm-g-color-error, #fb2323));
}
.kdm-progress-status-failure .kdm-progress-text,
.kdm-progress-status-failure .kdm-progress-special-text {
  color: var(--kdm-c-progress-color-failure, var(--kdm-g-color-error, #fb2323));
}
.kdm-progress-status-failure .kdm-progress-text {
  font-size: 0;
}
.kdm-progress-status-failure .kdm-progress-icon {
  font-size: var(--kdm-c-progress-line-icon-font-size, 16px);
  color: var(--kdm-c-progress-color-failure, var(--kdm-g-color-error, #fb2323));
}
.kdm-progress-status-failure .kdm-progress-circle-box:not(.kdm-progress-circle-gradient) .kdm-progress-circle-path {
  stroke: var(--kdm-c-progress-color-failure, var(--kdm-g-color-error, #fb2323));
}
.kdm-progress-circle-box {
  position: relative;
}
.kdm-progress-circle-box .kdm-progress-circle-trail {
  stroke: var(--kdm-c-progress-color-remaining, #e5e5e5);
}
.kdm-progress-circle-box .kdm-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);
}
.kdm-progress-circle-box .kdm-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%);
}
.kdm-progress-circle-box .kdm-progress-text-percent,
.kdm-progress-circle-box .kdm-progress-text-unit {
  display: inline-block;
  vertical-align: top;
}
.kdm-progress-circle-box .kdm-progress-text-percent {
  line-height: var(--kdm-c-progress-circle-percent-line-height, 48px);
}
.kdm-progress-circle-box .kdm-progress-text-unit {
  line-height: var(--kdm-c-progress-circle-unit-line-height, 18px);
  font-size: 12px;
  margin-top: var(--kdm-c-progress-circle-unit-spacing-margin-top, 18px);
}
.kdm-progress-circle-box .kdm-progress-icon {
  font-size: 48px;
}
.kdm-progress-circle-box:not(.kdm-progress-circle-gradient) .kdm-progress-circle-path {
  stroke: var(--kdm-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 */
.kdm-pull-to-refresh-head {
  overflow: hidden;
  position: relative;
}
.kdm-pull-to-refresh-head-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #999;
  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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-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;
  cursor: pointer;
  vertical-align: middle;
  color: var(--kdm-c-radio-color-font, var(--kdm-g-color-text-primary, #212121));
  font-size: var(--kdm-c-radio-font-size, var(--kdm-g-font-size-small, 12px));
  min-height: var(--kdm-c-radio-square-sizing-height, 36px);
  display: block;
  max-width: 100%;
  word-break: break-all;
  padding: 8px 12px 8px calc(var(--kdm-c-radio-font-size, var(--kdm-g-font-size-small, 12px)) + 20px);
}
.kdm-radio::before {
  position: absolute;
  top: 8px;
  left: 12px;
  height: var(--kdm-c-radio-square-sizing-width-height, 20px);
  width: var(--kdm-c-radio-square-sizing-width-height, 20px);
  content: '';
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kdm-c-radio-radius-border-width, 1px) solid var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
  background-color: var(--kdm-c-radio-color-background, var(--kdm-g-color-white, #fff));
  -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;
}
.kdm-radio::after {
  position: absolute;
  top: calc(var(--kdm-c-radio-radius-border-width-active, 6px) + 8px);
  left: calc(var(--kdm-c-radio-radius-border-width-active, 6px) + 12px);
  width: calc(var(--kdm-c-radio-square-sizing-width-height, 20px) - 11px);
  height: calc(var(--kdm-c-radio-square-sizing-width-height, 20px) - 11px);
  content: '';
  border-radius: 100%;
  background-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
  -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;
}
.kdm-radio-input {
  position: absolute;
  opacity: 0;
}
.kdm-radio-checked::before {
  border: var(--kdm-c-radio-radius-border-width-active, 6px) solid var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-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);
}
.kdm-radio-checked::after {
  opacity: 1;
  visibility: visible;
}
.kdm-radio-disabled {
  cursor: not-allowed;
  color: var(--kdm-c-radio-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
}
.kdm-radio-disabled::before {
  border-color: var(--kdm-c-radio-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  border-width: 1px;
  background-color: var(--kdm-c-radio-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kdm-radio-disabled.kdm-radio-checked::after {
  background-color: var(--kdm-c-radio-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
  visibility: visible;
  opacity: 1;
}
.kdm-radio-text {
  line-height: 1.5;
  white-space: unset;
  margin-left: 8px;
}
.kdm-radio-line {
  position: absolute;
  top: 0;
  left: 12px;
  height: 0.3px;
  width: calc(100% - 24px);
  background: #e5e5e5;
  visibility: hidden;
  opacity: 0;
}
.kdm-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(--kdm-c-radio-square-sizing-height, 32px);
  padding-top: var(--kdm-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kdm-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kdm-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kdm-c-radio-square-spacing-padding-horizontal, 12px);
  margin-right: var(--kdm-c-radio-spacing-margin-right, 8px);
  line-height: calc(var(--kdm-c-radio-square-sizing-height, 32px) - (var(--kdm-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kdm-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kdm-c-radio-color-font, var(--kdm-g-color-text-primary, #212121));
  font-size: var(--kdm-c-radio-font-size, var(--kdm-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kdm-c-radio-color-background, var(--kdm-g-color-white, #fff));
  overflow: hidden;
  border-radius: 2px;
  border: var(--kdm-c-radio-radius-border-width, 1px) solid var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.kdm-radio-square::after {
  position: absolute;
  right: calc(-1 * (var(--kdm-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kdm-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kdm-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kdm-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
  -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;
}
.kdm-radio-square-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.kdm-radio-square-input[disabled] {
  cursor: not-allowed;
}
.kdm-radio-square-checked {
  border-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-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);
}
.kdm-radio-square-checked::after {
  position: absolute;
  right: calc(-1 * (var(--kdm-c-radio-square-sizing-height, 32px) - 10px) / 2);
  bottom: calc(-1 * (var(--kdm-c-radio-square-sizing-height, 32px) - 10px) / 2);
  width: calc(var(--kdm-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kdm-c-radio-square-sizing-height, 32px) - 10px);
  content: '';
  background-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
  -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;
}
.kdm-radio-square-disabled {
  color: var(--kdm-c-radio-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  border-color: var(--kdm-c-radio-color-border-disabled, var(--kdm-g-color-border-strong, #d9d9d9));
  background-color: var(--kdm-c-radio-color-background-disabled, var(--kdm-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.kdm-radio-square-disabled::after {
  background-color: var(--kdm-c-radio-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
          animation: none;
}
.kdm-radio-square-disabled.kdm-radio-square-checked {
  color: var(--kdm-c-radio-color-font, var(--kdm-g-color-text-primary, #212121));
}
.kdm-radio-square-text {
  line-height: 1.5;
}
.kdm-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(--kdm-c-radio-square-sizing-height, 32px);
  padding-top: var(--kdm-c-radio-square-spacing-padding-vertical, 6px);
  padding-right: var(--kdm-c-radio-square-spacing-padding-horizontal, 12px);
  padding-bottom: var(--kdm-c-radio-square-spacing-padding-vertical, 6px);
  padding-left: var(--kdm-c-radio-square-spacing-padding-horizontal, 12px);
  line-height: calc(var(--kdm-c-radio-square-sizing-height, 32px) - (var(--kdm-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kdm-c-radio-radius-border-width, 1px) * 2));
  vertical-align: middle;
  color: var(--kdm-c-radio-color-font, var(--kdm-g-color-text-primary, #212121));
  font-size: var(--kdm-c-radio-font-size, var(--kdm-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kdm-c-radio-color-background, var(--kdm-g-color-white, #fff));
  border: var(--kdm-c-radio-radius-border-width, 1px) solid var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
  border-left: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.kdm-radio-button:first-child {
  border-radius: 2px 0 0 2px;
  border-left: var(--kdm-c-radio-radius-border-width, 1px) solid var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
}
.kdm-radio-button:first-child::before {
  content: none;
}
.kdm-radio-button:last-child {
  border-radius: 0 2px 2px 0;
}
.kdm-radio-button::before {
  z-index: 10;
  position: absolute;
  top: calc(-1 * var(--kdm-c-radio-radius-border-width, 1px));
  left: calc(-1 * var(--kdm-c-radio-radius-border-width, 1px));
  height: var(--kdm-c-radio-square-sizing-height, 32px);
  width: var(--kdm-c-radio-radius-border-width, 1px);
  content: '';
  background-color: var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
}
.kdm-radio-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.kdm-radio-button-input[disabled] {
  cursor: not-allowed;
}
.kdm-radio-button-checked {
  z-index: 1;
  color: var(--kdm-c-radio-color-background, var(--kdm-g-color-white, #fff));
  border-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
  background-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-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);
}
.kdm-radio-button-checked:not(.kdm-radio-button-disabled)::before {
  background-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-radio-button-checked:first-child {
  border-left-color: var(--kdm-c-radio-color-theme, var(--kdm-g-color-theme, #276FF5));
}
.kdm-radio-button-checked:first-child::before {
  content: none;
}
.kdm-radio-button-checked + .kdm-radio-button::before {
  content: none;
}
.kdm-radio-button-checked.kdm-radio-button-disabled {
  background-color: var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
  border-left-color: var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kdm-radio-button-disabled,
.kdm-radio-button-disabled:hover {
  color: var(--kdm-c-radio-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
  border-color: var(--kdm-c-radio-color-border, var(--kdm-g-color-border-strong, #d9d9d9));
  cursor: not-allowed;
}
.kdm-radio-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5;
}
.kdm-radio-group {
  border: 0.5px solid #d9d9d9;
  border-radius: 4px;
}
.kdm-radio-group .kdm-radio:not(:nth-child(1)) .kdm-radio-line {
  visibility: visible;
  opacity: 1;
}
.kdm-radio-group .kdm-radio:active {
  background: #f5f5f5;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--kdm-c-section-color-text, var(--kdm-g-color-theme, #276FF5));
}
.kdm-section-large {
  font-size: var(--kdm-c-section-font-size-large, 14px);
  height: var(--kdm-c-section-sizing-large-height, 28px);
}
.kdm-section-large .kdm-section-item {
  line-height: calc(var(--kdm-c-section-sizing-large-height, 28px) - 2px);
}
.kdm-section-small {
  font-size: var(--kdm-c-section-font-size-small, 12px);
  height: var(--kdm-c-section-sizing-small-height, 24px);
}
.kdm-section-small .kdm-section-item {
  line-height: calc(var(--kdm-c-section-sizing-small-height, 24px) - 2px);
}
.kdm-section-disabled {
  opacity: 0.5;
}
.kdm-section-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid var(--kdm-c-section-border-color, var(--kdm-g-color-theme, #276FF5));
  margin-right: -1px;
  padding: 0 var(--kdm-c-section-item-padding-horizontal, 8px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kdm-section-item-active {
  background-color: var(--kdm-c-section-item-color-bg-active, var(--kdm-g-color-theme, #276FF5));
  color: var(--kdm-c-section-color-text-active, #fff);
}
.kdm-section-item-disabled {
  opacity: 0.5;
}
.kdm-section-item:first-of-type {
  border-radius: var(--kdm-c-section-radius-border, 4px) 0 0 var(--kdm-c-section-radius-border, 4px);
}
.kdm-section-item:last-of-type {
  border-radius: 0 var(--kdm-c-section-radius-border, 4px) var(--kdm-c-section-radius-border, 4px) 0;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-selector-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdm-selector-view-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  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: 0 12px;
  border-bottom: 1px solid var(--kdm-c-selector-view-color-border, var(--kdm-g-color-border-weak, #e5e5e5));
  background-color: var(--kdm-c-selector-view-color-header-bg, #ffffff);
}
.kdm-selector-view-header-title {
  font-size: var(--kdm-c-selector-view-font-size-large, 16px);
  color: var(--kdm-c-selector-view-color-text, #212121);
  line-height: 24px;
  font-weight: 500;
}
.kdm-selector-view-header-close-icon {
  color: var(--kdm-c-selector-view-color-icon, #999999);
}
.kdm-selector-view-content {
  overflow-y: auto;
  overflow-x: hidden;
}
.kdm-selector-view-content-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  padding: 12px;
  background-color: var(--kdm-c-selector-view-color-header-bg, #ffffff);
}
.kdm-selector-view-content-item-disabled {
  cursor: not-allowed;
}
.kdm-selector-view-content-item-disabled .kdm-selector-view-content-item-radio-active-icon path {
  fill: var(--kdm-c-selector-view-color-disabled, #999999);
}
.kdm-selector-view-content-item-disabled .kdm-checkbox-default-disabled {
  border-radius: 50%;
  background-color: var(--kdm-c-selector-view-color-disabled, #f5f5f5);
}
.kdm-selector-view-content-item-disabled .kdm-checkbox-default-checked-disabled {
  background-color: var(--kdm-c-selector-view-color-disabled, #f5f5f5) !important;
}
.kdm-selector-view-content-item-disabled .kdm-selector-view-content-item-text-core {
  color: var(--kdm-c-selector-view-color-disabled, #999999);
}
.kdm-selector-view-content-item-radio-active {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 12px;
}
.kdm-selector-view-content-item-radio-active path {
  fill: var(--kdm-c-selector-view-color-mutilple-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-selector-view-content-item-multiple {
  margin-right: 12px;
  padding: 0;
}
.kdm-selector-view-content-item-multiple .kdm-checkbox-default-no-child {
  width: var(--kdm-c-selector-view-size-multiple-icon, 20px);
  height: var(--kdm-c-selector-view-size-multiple-icon, 20px);
  border-radius: 50%;
}
.kdm-selector-view-content-item-multiple .kdm-checkbox-default-no-child.kdm-checkbox-default-checked {
  background-color: var(--kdm-c-selector-view-color-mutilple-active, var(--kdm-g-color-theme, #276FF5));
  border-color: var(--kdm-c-selector-view-color-mutilple-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-selector-view-content-item-multiple .kdm-checkbox-default-no-child .kdm-checkbox-default-inner-icon {
  font-size: var(--kdm-c-selector-view-font-size-small, 14px);
}
.kdm-selector-view-content-item-multiple .kdm-checkbox-default-no-child .kdm-checkbox-input {
  width: var(--kdm-c-selector-view-size-multiple-icon, 20px);
  height: var(--kdm-c-selector-view-size-multiple-icon, 20px);
}
.kdm-selector-view-content-item-avatar {
  width: var(--kdm-c-selector-view-size-avatar, 32px);
  height: var(--kdm-c-selector-view-size-avatar, 32px);
  margin-right: 12px;
}
.kdm-selector-view-content-item-text {
  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;
}
.kdm-selector-view-content-item-text-core {
  font-size: var(--kdm-c-selector-view-font-size-small, 14px);
  color: var(--kdm-c-selector-view-color-text, #212121);
  line-height: 20px;
  font-weight: 400;
}
.kdm-selector-view-content-item-text-sub {
  margin-top: 4px;
  font-size: 12px;
  color: var(--kdm-c-selector-view-color-sub-text, #999999);
  line-height: 16px;
  font-weight: 400;
}
.kdm-selector-view-content-item-underline {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 12px;
  background-color: var(--kdm-c-selector-view-color-border, var(--kdm-g-color-border-weak, #e5e5e5));
}
.kdm-selector-view-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  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: 0 12px;
  border-top: 1px solid var(--kdm-c-selector-view-color-border, var(--kdm-g-color-border-weak, #e5e5e5));
  background-color: var(--kdm-c-selector-view-color-header-bg, #ffffff);
}
.kdm-selector-view-footer-left {
  font-size: var(--kdm-c-selector-view-font-size-small, 14px);
  color: var(--kdm-c-selector-view-color-clear-tex, #276ff5);
  line-height: 20px;
  font-weight: 400;
}
.kdm-selector-view-footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdm-selector-view-footer-right-count,
.kdm-selector-view-footer-right-ok {
  width: 92px;
  height: 36px;
  border-radius: var(--kdm-c-selector-view-border-radius-button, 4px);
  font-size: var(--kdm-c-selector-view-font-size-small, 14px);
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
}
.kdm-selector-view-footer-right-count {
  margin-right: 12px;
  color: var(--kdm-c-selector-view-color-text, #212121);
}
.kdm-selector-view-popup .kdm-popup-body {
  padding: 0;
}
.kdm-selector-view-popup-content {
  padding-left: 12px;
}
.kdm-selector-view-popup-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  border-bottom: 1px solid var(--kdm-c-selector-view-color-border, var(--kdm-g-color-border-weak, #e5e5e5));
}
.kdm-selector-view-popup-content-item:last-child {
  border-bottom: unset;
}
.kdm-selector-view-popup-content-item-icon {
  font-size: var(--kdm-c-selector-view-font-size-clear-one-icon, 24px);
  margin-right: 12px;
  color: var(--kdm-c-selector-view-color-clear-tex, #ff1e30);
}
.kdm-selector-view-popup-content-item-text {
  font-size: var(--kdm-c-selector-view-font-size-small, 14px);
  color: var(--kdm-c-selector-view-color-text, #212121);
  line-height: 20px;
  font-weight: 400;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-side-bar {
  width: var(--kdm-c-side-bar-sizing-width, 105px);
  height: var(--kdm-c-side-bar-sizing-height, 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--kdm-c-side-bar-font-size, var(--kdm-g-font-size-middle, 14px));
  overflow-y: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-color: var(--kdm-c-side-bar-color-background, #fafafa);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdm-side-bar-items {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: hidden;
}
.kdm-side-bar-extra-space {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
  position: relative;
}
.kdm-side-bar-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.kdm-side-bar-item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--kdm-c-side-bar-color-background, #fafafa);
  overflow: visible;
  padding: 16px 12px;
  position: relative;
}
.kdm-side-bar-item-second {
  padding: 12px 12px 12px 20px;
  font-size: var(--kdm-c-side-bar-font-size, 12px);
  letter-spacing: 0;
  line-height: 16px;
  background-color: var(--kdm-g-color-white, #fff);
}
.kdm-side-bar-item-second-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kdm-side-bar-item-second-title-dot {
  margin-right: 2px;
}
.kdm-side-bar-item-second.kdm-side-bar-item-second-active {
  color: var(--kdm-c-side-bar-active-color, var(--kdm-g-color-theme, #276FF5));
  font-size: var(--kdm-c-side-bar-font-size, 12px);
}
.kdm-side-bar-item-active .kdm-side-bar-item-main {
  color: var(--kdm-c-side-bar-active-color, var(--kdm-g-color-theme, #276FF5));
  background-color: var(--kdm-c-side-bar-active-color-background, var(--kdm-g-color-white, #fff));
}
.kdm-side-bar-item-active.kdm-side-bar-item-parent .kdm-side-bar-item-main {
  background-color: var(--kdm-c-side-bar-active-color-background, var(--kdm-g-color-theme-2, #f2f8ff));
}
.kdm-side-bar-item-highlight {
  position: absolute;
  height: 20px;
  width: 2px;
  left: -12px;
  top: -2px;
  background: var(--kdm-c-side-bar-active-color, var(--kdm-g-color-theme, #276FF5));
  border-radius: 2px;
}
.kdm-side-bar-item-corner {
  width: var(--kdm-c-side-bar-radius-corner, 0px);
  height: var(--kdm-c-side-bar-radius-corner, 0px);
  position: absolute;
  z-index: 100;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.kdm-side-bar-item-corner-top {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.kdm-side-bar-item-corner-bottom {
  bottom: 0;
}
.kdm-side-bar-item-disabled {
  cursor: not-allowed;
}
.kdm-side-bar-item-disabled .kdm-side-bar-item-title {
  opacity: 0.4;
}
.kdm-side-bar-badge .kdm-badge-count {
  right: -4px;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: var(--rgap);
}
.kdm-space.kdm-space-horizontal > *:not(:last-child) {
  margin-right: var(--cgap);
}
.kdm-space.kdm-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdm-space.kdm-space-vertical > *:not(:last-child) {
  margin-bottom: var(--cgap);
}
.kdm-space.kdm-space-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kdm-space.kdm-space-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kdm-space.kdm-space-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-space.kdm-space-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kdm-space.kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-spin-page .kdm-spin-dot-spin {
  width: var(--kdm-c-spin-page-dot-spin-sizing-square, 48px);
  height: var(--kdm-c-spin-page-dot-spin-sizing-square, 48px);
  padding: var(--kdm-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;
}
.kdm-spin-page .kdm-spin-dot-item {
  width: var(--kdm-c-spin-page-dot-item-sizing-square, 16px);
  height: var(--kdm-c-spin-page-dot-item-sizing-square, 16px);
  background-color: var(--kdm-c-spin-dot-color-backgroung-first, var(--kdm-g-color-logo-1, #2486ee));
  border-radius: 50%;
}
.kdm-spin-page .kdm-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;
}
.kdm-spin-page .kdm-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kdm-c-spin-dot-color-backgroung-second, var(--kdm-g-color-logo-2, #02ccfe));
  -webkit-animation: pageLoading 1s 0.2s ease-in-out infinite;
          animation: pageLoading 1s 0.2s ease-in-out infinite;
}
.kdm-spin-page .kdm-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kdm-c-spin-dot-color-backgroung-third, var(--kdm-g-color-logo-3, #05c8c7));
  -webkit-animation: pageLoading 1s 0.1s ease-in-out infinite;
          animation: pageLoading 1s 0.1s ease-in-out infinite;
}
.kdm-spin-page .kdm-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kdm-c-spin-dot-color-backgroung-fourth, var(--kdm-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);
  }
}
.kdm-spin-container .kdm-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;
}
.kdm-spin-container .kdm-spin-dot-spin .kdm-spin-dot-item {
  width: var(--kdm-c-spin-dot-container-sizing-square, 5px);
  height: var(--kdm-c-spin-dot-container-sizing-square, 5px);
  background-color: var(--kdm-c-spin-dot-color-backgroung-first, var(--kdm-g-color-logo-1, #2486ee));
  border-radius: 50%;
}
.kdm-spin-container .kdm-spin-dot-spin .kdm-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;
}
.kdm-spin-container .kdm-spin-dot-spin .kdm-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kdm-c-spin-dot-color-backgroung-second, var(--kdm-g-color-logo-2, #02ccfe));
  -webkit-animation: containerLoading 1s 0.45s ease-in-out infinite;
          animation: containerLoading 1s 0.45s ease-in-out infinite;
}
.kdm-spin-container .kdm-spin-dot-spin .kdm-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kdm-c-spin-dot-color-backgroung-third, var(--kdm-g-color-logo-3, #05c8c7));
  -webkit-animation: containerLoading 1s 0.3s ease-in-out infinite;
          animation: containerLoading 1s 0.3s ease-in-out infinite;
}
.kdm-spin-container .kdm-spin-dot-spin .kdm-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kdm-c-spin-dot-color-backgroung-fourth, var(--kdm-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);
  }
}
.kdm-spin-component .kdm-spin-dot-spin {
  width: var(--kdm-c-spin-dot-component-sizing-square, 24px);
  height: var(--kdm-c-spin-dot-component-sizing-square, 24px);
  border: var(--kdm-c-spin-dot-component-sizing-border, 2px) solid var(--kdm-c-spin-component-dot-color-border, #ebebeb);
  border-radius: 50%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdm-spin-component .kdm-spin-dot-spin .kdm-spin-dot-item {
  width: var(--kdm-c-spin-dot-component-sizing-square, 24px);
  height: var(--kdm-c-spin-dot-component-sizing-square, 24px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--kdm-c-spin-dot-component-sizing-border, 2px) solid transparent;
  border-right-color: var(--kdm-c-spin-component-dot-item-color-border, var(--kdm-g-color-theme, #276FF5));
  border-radius: 50%;
  position: absolute;
  top: calc(-1 * var(--kdm-c-spin-dot-component-sizing-border, 2px));
  left: calc(-1 * var(--kdm-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);
  }
}
.kdm-spin-children-wrapper {
  position: relative;
}
.kdm-spin-has-children {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.kdm-spin-children-container {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-inputNumber {
  --kdm-c-input-wrapper-padding-left: 9px;
  --kdm-c-input-padding-left: 0;
}
.kdm-inputNumber input {
  text-align: left;
  color: var(--kdm-c-stepper-input-color, var(--kdm-g-color-text-primary, #212121));
  margin: 0 4px;
  font-size: var(--kdm-c-stepper-input-font-size, 12px);
}
.kdm-inputNumber-icon {
  font-size: 14px;
}
.kdm-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;
}
.kdm-inputNumber-baseStep-small {
  width: var(--kdm-c-stepper-input-small-sizing-height, 20px);
}
.kdm-inputNumber-baseStep-middle {
  width: var(--kdm-c-stepper-input-middle-sizing-height, 28px);
}
.kdm-inputNumber-baseStep-large {
  width: var(--kdm-c-stepper-input-large-sizing-height, 36px);
}
.kdm-inputNumber-baseStep .kdm-inputNumber-icon {
  color: var(--kdm-c-stepper-icon-color, var(--kdm-g-color-text-secondary, #666));
  -webkit-transition: color var(--kdm-c-stepper-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: color var(--kdm-c-stepper-motion-duration, var(--kdm-g-duration, 0.3s));
  font-size: 16px;
}
.kdm-inputNumber-baseStep .kdm-inputNumber-icon:hover {
  color: var(--kdm-c-stepper-icon-color-hover, var(--kdm-g-color-theme, #276FF5));
}
.kdm-inputNumber-baseStep:hover:not(.kdm-inputNumber-baseStep-disabled) .kdm-inputNumber-icon {
  color: var(--kdm-c-stepper-icon-color-hover, var(--kdm-g-color-theme, #276FF5));
}
.kdm-inputNumber-baseStep-disabled {
  cursor: not-allowed;
  color: var(--kdm-c-stepper-icon-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
}
.kdm-inputNumber-baseStep-disabled .kdm-inputNumber-icon {
  color: unset !important;
}
.kdm-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kdm-c-stepper-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
}
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-baseStep-small,
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-embedStep-small {
  margin-left: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-baseStep-middle,
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-embedStep-middle {
  margin-left: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-baseStep-large,
.kdm-inputNumber-baseStep-decrease.kdm-inputNumber-embedStep-large {
  margin-left: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kdm-c-stepper-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
}
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-baseStep-small,
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-baseStep-middle,
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-baseStep-large,
.kdm-inputNumber-baseStep-increase.kdm-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-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(--kdm-c-stepper-embed-icon-color-background, transparent);
  overflow: hidden;
  border-left: 1px solid var(--kdm-c-stepper-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
  border: none;
}
.kdm-inputNumber-embedStep.kdm-inputNumber-baseStep-small,
.kdm-inputNumber-embedStep.kdm-inputNumber-embedStep-small {
  margin-right: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-embedStep.kdm-inputNumber-baseStep-middle,
.kdm-inputNumber-embedStep.kdm-inputNumber-embedStep-middle {
  margin-right: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-inputNumber-embedStep.kdm-inputNumber-baseStep-large,
.kdm-inputNumber-embedStep.kdm-inputNumber-embedStep-large {
  margin-right: calc(-1 * var(--kdm-c-stepper-input-spacing-padding-horizontal, 9px));
}
.kdm-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(--kdm-c-stepper-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kdm-c-stepper-color-border-strong, var(--kdm-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px;
}
.kdm-inputNumber-embedStep span .kdm-inputNumber-icon {
  -webkit-transition: color var(--kdm-c-stepper-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: color var(--kdm-c-stepper-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-inputNumber-embedStep span:hover .kdm-inputNumber-icon {
  color: var(--kdm-c-stepper-icon-color-hover, var(--kdm-g-color-theme, #276FF5));
}
.kdm-inputNumber-embedStep span:last-child {
  border-bottom: none;
}
.kdm-inputNumber-embedStep-disabled {
  cursor: not-allowed !important;
  color: var(--kdm-c-stepper-icon-color-disabled, var(--kdm-g-color-disabled, #b2b2b2));
}
.kdm-inputNumber-embedStep-disabled .kdm-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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-swipe-action {
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.kdm-swipe-action-track {
  position: relative;
  overflow: visible;
}
.kdm-swipe-action-actions {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: auto;
  white-space: nowrap;
}
.kdm-swipe-action-actions-right {
  left: 100%;
  top: 0;
  height: 100%;
}
.kdm-swipe-action-actions-left {
  right: 100%;
  top: 0;
  height: 100%;
}
.kdm-swipe-action-actions-button {
  font-size: var(--kdm-c-swipe-action-font-size, var(--kdm-g-font-size-middle, 14px));
  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: var(--kdm-c-swipe-action-font-color, var(--kdm-g-color-white, #fff));
  padding-left: var(--kdm-c-swipe-action-spacing-padding-horizontal, 20px);
  padding-right: var(--kdm-c-swipe-action-spacing-padding-horizontal, 20px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-swiper {
  display: block;
  width: var(--kdm-c-swiper-sizing-width, 100%);
  height: var(--kdm-c-swiper-sizing-height, 100%);
  position: relative;
  border-radius: var(--kdm-c-swiper-radius-border, 0);
  z-index: 0;
  overflow: hidden;
}
.kdm-swiper-track {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  padding: var(--kdm-c-swiper-track-spacing-padding, 0);
}
.kdm-swiper-track-allow-touch-move {
  cursor: -webkit-grab;
  cursor: grab;
}
.kdm-swiper-track-inner {
  width: 100%;
  height: 100%;
  overflow: visible;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.kdm-swiper-slide {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  white-space: unset;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.kdm-swiper-item {
  display: block;
  width: 100%;
  height: 100%;
  white-space: normal;
}
.kdm-swiper-horizontal .kdm-swiper-track-allow-touch-move {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.kdm-swiper-horizontal .kdm-swiper-indicator-wrapper {
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.kdm-swiper-horizontal .kdm-swiper-track {
  -webkit-transform: translateX(calc(var(--kdm-c-swiper-track-spacing-offset, 0)));
          transform: translateX(calc(var(--kdm-c-swiper-track-spacing-offset, 0)));
}
.kdm-swiper-horizontal .kdm-swiper-track-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: var(--kdm-c-swiper-indicator-track-inner-sizing-width, 100%);
}
.kdm-swiper-vertical .kdm-swiper-track-allow-touch-move {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.kdm-swiper-vertical .kdm-swiper-indicator {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdm-swiper-vertical .kdm-swiper-track {
  -webkit-transform: translateX(calc(var(--kdm-c-swiper-track-spacing-offset, 0)));
          transform: translateX(calc(var(--kdm-c-swiper-track-spacing-offset, 0)));
}
.kdm-swiper-vertical .kdm-swiper-track-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: var(--kdm-c-swiper-indicator-track-inner-sizing-width, 100%);
}
.kdm-swiper-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.kdm-swiper-indicator-dot {
  display: block;
  width: var(--kdm-c-swiper-indicator-dot-sizing, 3px);
  height: var(--kdm-c-swiper-indicator-dot-sizing, 3px);
  border-radius: var(--kdm-c-swiper-indicator-dot--radius-border, 1px);
  background: var(--kdm-c-swiper-indicator-dot-color-background-active, #dddddd);
}
.kdm-swiper-indicator-dot:last-child {
  margin-right: 0;
}
.kdm-swiper-indicator-dot-active {
  border-radius: var(--kdm-c-swiper-indicator-dot--radius-border-active, 1px);
  background: var(--kdm-c-swiper-indicator-dot-color-background-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-swiper-indicator-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kdm-swiper-indicator-horizontal .kdm-swiper-indicator-dot {
  margin-right: var(--kdm-c-swiper-track-spacing-margin, 3px);
}
.kdm-swiper-indicator-horizontal .kdm-swiper-indicator-dot-active {
  width: var(--kdm-c-swiper-indicator-dot-sizing-avtive, 13px);
}
.kdm-swiper-indicator-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kdm-swiper-indicator-vertical .kdm-swiper-indicator-dot {
  margin-bottom: var(--kdm-c-swiper-track-spacing-margin, 3px);
}
.kdm-swiper-indicator-vertical .kdm-swiper-indicator-dot-active {
  height: var(--kdm-c-swiper-indicator-dot-sizing-avtive, 13px);
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-table {
  overflow: hidden;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
}
.kdm-table * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdm-table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: var(--kdm-c-table-font-size, 14px);
  overflow-y: auto;
  position: relative;
  border: var(--kdm-c-table-border-sizing-width, 0.5px) solid var(--kdm-c-table-border-color, #e5e5e5);
}
.kdm-table-wrapper-sticky {
  overflow-x: auto;
}
.kdm-table-wrapper-noData {
  height: 200px;
}
.kdm-table-main {
  display: table;
  overflow-x: auto;
  background-color: #fff;
  table-layout: fixed;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  position: relative;
}
.kdm-table-main-striped .kdm-table-main-body-tr:nth-child(even):not(.kdm-table-main-body-tr-selected) {
  background-color: var(--kdm-c-table-striped-background-color, #fafafa);
}
.kdm-table-main-head,
.kdm-table-main-body,
.kdm-table-main-footer {
  background: inherit;
}
.kdm-table-main-head-tr,
.kdm-table-main-body-tr,
.kdm-table-main-footer-tr {
  display: table-row;
  background: inherit;
}
.kdm-table-main-head-tr-selected,
.kdm-table-main-body-tr-selected,
.kdm-table-main-footer-tr-selected {
  background-color: var(--kdm-c-table-tr-background-color-selected, #e0efff);
}
.kdm-table-main-head-tr:last-child .kdm-table-main-body-tr-td,
.kdm-table-main-body-tr:last-child .kdm-table-main-body-tr-td,
.kdm-table-main-footer-tr:last-child .kdm-table-main-body-tr-td {
  border-bottom: none;
}
.kdm-table-main-head-tr:last-child .kdm-table-main-footer-tr-td,
.kdm-table-main-body-tr:last-child .kdm-table-main-footer-tr-td,
.kdm-table-main-footer-tr:last-child .kdm-table-main-footer-tr-td {
  border-bottom: none;
}
.kdm-table-main-head-tr:first-child .kdm-table-main-footer-tr-td,
.kdm-table-main-body-tr:first-child .kdm-table-main-footer-tr-td,
.kdm-table-main-footer-tr:first-child .kdm-table-main-footer-tr-td {
  border-top: var(--kdm-c-table-border-sizing-width, 0.5px) solid var(--kdm-c-table-border-color, #e5e5e5);
}
.kdm-table-main-head-tr-th,
.kdm-table-main-body-tr-th,
.kdm-table-main-footer-tr-th {
  display: table-cell;
  padding: var(--kdm-c-table-head-cols-spacing-padding, 0 8px);
  table-layout: fixed;
  background: inherit;
  position: sticky;
  top: 0;
}
.kdm-table-main-head-tr-th.kdm-table-fixed-left,
.kdm-table-main-body-tr-th.kdm-table-fixed-left,
.kdm-table-main-footer-tr-th.kdm-table-fixed-left,
.kdm-table-main-head-tr-th.kdm-table-fixed-right,
.kdm-table-main-body-tr-th.kdm-table-fixed-right,
.kdm-table-main-footer-tr-th.kdm-table-fixed-right {
  z-index: 4;
}
.kdm-table-main-head-tr-th:last-child,
.kdm-table-main-body-tr-th:last-child,
.kdm-table-main-footer-tr-th:last-child {
  border-right: none;
}
.kdm-table-main-head-tr-td,
.kdm-table-main-body-tr-td,
.kdm-table-main-footer-tr-td {
  display: table-cell;
  padding: var(--kdm-c-table-cols-spacing-padding, 8px);
  table-layout: fixed;
  background: inherit;
}
.kdm-table-main-head-tr-td:last-child,
.kdm-table-main-body-tr-td:last-child,
.kdm-table-main-footer-tr-td:last-child {
  border-right: none;
}
.kdm-table-main-head-tr-td-nodata,
.kdm-table-main-body-tr-td-nodata,
.kdm-table-main-footer-tr-td-nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kdm-table-main-head-tr-border,
.kdm-table-main-body-tr-border,
.kdm-table-main-footer-tr-border {
  border-bottom: var(--kdm-c-table-border-sizing-width, 0.5px) solid var(--kdm-c-table-border-color, #e5e5e5);
}
.kdm-table-main-head-tr-border-cell,
.kdm-table-main-body-tr-border-cell,
.kdm-table-main-footer-tr-border-cell {
  border-right: var(--kdm-c-table-border-sizing-width, 0.5px) solid var(--kdm-c-table-border-color, #e5e5e5);
}
.kdm-table-main-head-tr-alignleft,
.kdm-table-main-body-tr-alignleft,
.kdm-table-main-footer-tr-alignleft,
.kdm-table-main-head-tr-align,
.kdm-table-main-body-tr-align,
.kdm-table-main-footer-tr-align {
  text-align: start;
}
.kdm-table-main-head-tr-aligncenter,
.kdm-table-main-body-tr-aligncenter,
.kdm-table-main-footer-tr-aligncenter {
  text-align: center;
}
.kdm-table-main-head-tr-alignright,
.kdm-table-main-body-tr-alignright,
.kdm-table-main-footer-tr-alignright {
  text-align: end;
}
.kdm-table-main-head {
  color: var(--kdm-c-table-head-color-text, #666666);
  background-color: var(--kdm-c-table-head-background-color, #fafafa);
  display: table-header-group;
}
.kdm-table-main-head-checkbox {
  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;
  --kdm-c-checkbox-default-indeterminate-sizing-square: 10px;
}
.kdm-table-main-head-tr-th {
  line-height: var(--kdm-c-table-head-cell-sizing-line-height, 18px);
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: var(--kdm-c-table-body-cell-sizing-height, 36px);
}
.kdm-table-main-body {
  display: table-row-group;
  color: var(--kdm-c-table-body-color-text, #212121);
}
.kdm-table-main-body-checkbox,
.kdm-table-main-body-radio {
  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;
}
.kdm-table-main-body-checkbox {
  --kdm-c-checkbox-default-input-icon-font-size: 16px;
}
.kdm-table-main-body-radio {
  --kdm-c-radio-square-sizing-height: 20px;
}
.kdm-table-main-body-radio .kdm-radio {
  padding: 0 0 0 20px;
}
.kdm-table-main-body-radio .kdm-radio::before {
  top: 0;
  left: 0;
}
.kdm-table-main-body-radio .kdm-radio::after {
  display: none;
}
.kdm-table-main-body > .kdm-table-main-body-tr:active {
  background-color: var(--kdm-c-table-tr-background-color-active, #f5f5f5);
}
.kdm-table-main-body-tr-td {
  line-height: var(--kdm-c-table-body-cell-sizing-line-height, 18px);
  vertical-align: middle;
  height: var(--kdm-c-table-body-cell-sizing-height, 36px);
  min-height: var(--kdm-c-table-body-cell-sizing-height, 36px);
}
.kdm-table-main-footer {
  display: table-footer-group;
  color: var(--kdm-c-table-body-color-text, #212121);
  background-color: var(--kdm-c-table-head-background-color, #ffe7d6);
}
.kdm-table-main-footer-tr-td {
  line-height: var(--kdm-c-table-body-cell-sizing-line-height, 18px);
  vertical-align: middle;
  height: var(--kdm-c-table-body-cell-sizing-height, 36px);
  min-height: var(--kdm-c-table-body-cell-sizing-height, 36px);
}
.kdm-table-sticky-left,
.kdm-table-sticky-right {
  position: absolute;
  top: 0;
  width: 8px;
  bottom: -1px;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: none;
      touch-action: none;
  pointer-events: none;
  z-index: 3;
  background: transparent;
}
.kdm-table-sticky-left {
  left: 1px;
}
.kdm-table-sticky-left-shadow {
  -webkit-box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.1);
}
.kdm-table-sticky-right {
  right: 1px;
}
.kdm-table-sticky-right-shadow {
  -webkit-box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.1);
}
.kdm-table-fixed-left,
.kdm-table-fixed-right {
  position: sticky;
  z-index: 2;
}
.kdm-table-fixed-left-last {
  border-right: none;
}
.kdm-table-empty {
  text-align: center;
  top: calc(50% + 18px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  pointer-events: none;
}
.kdm-table-summary {
  color: var(--kdm-c-table-body-color-text, #212121);
  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: 30px;
  padding: var(--kdm-c-table-cols-spacing-padding, 8px);
  position: relative;
  z-index: 5;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-tabs {
  position: relative;
  min-width: 0;
}
.kdm-tabs-small .kdm-tabs-tab {
  font-size: var(--kdm-c-tabs-font-size-small, 14px);
}
.kdm-tabs-small .kdm-tabs-tab-line {
  width: var(--kdm-c-tabs-line-small-sizing-height, 28px);
}
.kdm-tabs-large .kdm-tabs-tab {
  font-size: var(--kdm-c-tabs-font-size-large, 16px);
}
.kdm-tabs-large .kdm-tabs-tab-line {
  width: var(--kdm-c-tabs-line-large-sizing-height, 32px);
}
.kdm-tabs-dropdown-tab {
  background-color: var(--kdm-c-tabs-dropdown-tab-color-background, #f2f2f2);
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  border: 0.5px solid transparent;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 6px;
}
.kdm-tabs-dropdown-tab-active {
  border: 0.5px solid var(--kdm-c-tabs-dropdown-tab-color-border-active, #276ff5);
  background: var(--kdm-c-tabs-dropdown-tab-color-background-active, #f2f9ff);
}
.kdm-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--kdm-c-tabs-color-border, #e6e6e6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kdm-tabs-more-btn {
  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;
  cursor: pointer;
  width: 44px;
  position: relative;
  font-size: var(--kdm-c-tabs-more-btn-font-size, 12px);
}
.kdm-tabs-more-btn-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);
  color: var(--kdm-c-tabs-more-btn-up-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-tabs-more-btn-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);
}
.kdm-tabs-more-btn::before {
  content: '';
  height: 28px;
  position: absolute;
  width: 0.5px;
  top: 50%;
  left: 0;
  background: var(--kdm-g-color-border-weak, #e5e5e5);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kdm-tabs-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.kdm-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.kdm-tabs-tab-wrapper {
  padding: 0 var(--kdm-c-tabs-tab-wrapper-padding-horizontal, 12px);
}
.kdm-tabs-tab-wrapper-stretch {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.kdm-tabs-tab {
  padding: var(--kdm-c-tabs-tab-spacing-padding-vertical, 12px) 0;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  line-height: 20px;
  margin: 0 auto;
  font-size: var(--kdm-c-tabs-font-size-small, 14px);
  position: relative;
  cursor: pointer;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kdm-c-tabs-tab-color-text, #404040);
}
.kdm-tabs-tab-active {
  color: var(--kdm-c-tabs-color-text-active, var(--kdm-g-color-theme, #276FF5));
}
.kdm-tabs-tab-disabled {
  color: var(--kdm-c-tabs-color-text-disabled, #999999);
  cursor: not-allowed;
}
.kdm-tabs-tab-line {
  position: absolute;
  bottom: 0;
  height: var(--kdm-c-tabs-line-sizing-height, 2px);
  background: var(--kdm-c-tabs-line-color-active, var(--kdm-g-color-theme, #276FF5));
  border-radius: var(--kdm-c-tabs-line-radius-border, 2px);
}
.kdm-tabs-content {
  padding: var(--kdm-c-tabs-spacing-padding, 12px);
}
.kdm-tabs-header-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-toast-mask .kdm-toast-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kdm-toast-mask .kdm-toast-main {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  max-width: 204px;
  max-height: 70%;
  overflow: auto;
  color: white;
  word-break: break-all;
  background-color: var(--kdm-c-toast-color-background, rgba(0, 0, 0, 0.7));
  border-radius: var(--kdm-c-toast-radius-border, 8px);
  pointer-events: all;
  font-size: var(--kdm-c-toast-font-size, 14px);
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdm-toast-mask .kdm-toast-main-text {
  padding: 12px;
  min-width: 0;
}
.kdm-toast-mask .kdm-toast-main-icon {
  padding: 35px 12px;
  min-width: 150px;
}
.kdm-toast-mask .kdm-toast-main-icon .kdm-toast-icon {
  text-align: center;
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
}
.kdm-toast-mask .kdm-toast-auto-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-toast-mask .kdm-toast-auto-center-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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(--kdm-c-tooltip-sizing-max-width, 284px);
  padding: var(--kdm-c-tooltip-spacing-padding-vertical, 8px) var(--kdm-c-tooltip-spacing-padding-horizontal, 12px);
  color: var(--kdm-c-tooltip-color-text, var(--kdm-g-color-text-primary, #212121));
  border-radius: var(--kdm-c-tooltip-radius-border, var(--kdm-g-radius-border, 2px));
  font-size: var(--kdm-c-tooltip-font, var(--kdm-g-font-size-small, 12px));
  line-height: 1.5;
  background-color: var(--kdm-c-tooltip-color-background, var(--kdm-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(--kdm-g-z-index-popper, 1050);
  visibility: visible;
  word-wrap: break-word;
}
.kdm-tooltip.hidden {
  opacity: 0;
  visibility: hidden;
}
.kdm-tooltip.arrow::before {
  position: absolute;
  z-index: -2;
  background: var(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff));
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.kdm-tooltip.arrow::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: var(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff));
  border-radius: var(--kdm-g-radius-border, 2px);
}
.kdm-tooltip.arrow.bottomLeft::before,
.kdm-tooltip.arrow.bottom::before,
.kdm-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(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff)) transparent transparent var(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff));
}
.kdm-tooltip.arrow.topLeft::before,
.kdm-tooltip.arrow.top::before,
.kdm-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(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff)) var(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff)) transparent;
}
.kdm-tooltip.arrow.leftTop::before,
.kdm-tooltip.arrow.left::before,
.kdm-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(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff)) var(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff)) transparent transparent;
}
.kdm-tooltip.arrow.rightTop::before,
.kdm-tooltip.arrow.right::before,
.kdm-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(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff)) var(--kdm-c-tooltip-color-background, var(--kdm-g-color-background, #fff));
}
.kdm-tooltip-title {
  font-size: var(--kdm-c-tooltip-title-font, var(--kdm-g-font-size-large, 16px));
  color: var(--kdm-c-tooltip-color-text, var(--kdm-g-color-text-primary, #212121));
  letter-spacing: 0;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 4px;
  display: none;
}
.kdm-tooltip-title-visible {
  display: block;
}
@media screen and (max-width: 375px) {
  .kdm-tooltip {
    max-width: calc(var(--kdm-c-tooltip-sizing-max-width, 284px) - 39px);
  }
}
@media screen and (min-width: 376px) and (max-width: 390px) {
  .kdm-tooltip {
    max-width: calc(var(--kdm-c-tooltip-sizing-max-width, 284px) - 24px);
  }
}

/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kdm-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';
}
.kdm-upload-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.kdm-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(--kdm-c-upload-color, var(--kdm-g-color-text-third, #999));
  border: 1px dashed var(--kdm-c-upload-color-border, var(--kdm-g-color-border-weak, #e5e5e5));
  background-color: var(--kdm-c-upload-color-background, var(--kdm-g-color-background-contain, #fafafa));
  -webkit-transition: border-color var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s)), background-color var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: border-color var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s)), background-color var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-upload-drag.hover,
.kdm-upload-drag:hover,
.kdm-upload-drag:active {
  border-color: var(--kdm-c-upload-color-border-active, var(--kdm-g-color-text-link, #0e5fd8));
  background-color: var(--kdm-c-upload-color-background-ongoing, var(--kdm-g-color-background-ongoing, #f2f9ff));
}
.kdm-upload-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
}
.kdm-upload-input input[type="file"] {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 120%;
  font-size: 0;
  cursor: pointer;
}
.kdm-upload .kdm-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(--kdm-c-upload-text-list-margin-top, 16px);
  font-size: var(--kdm-c-upload-font-size, var(--kdm-g-font-size-middle, 14px));
}
.kdm-upload .kdm-upload-text-list-item {
  position: relative;
  padding: 0 var(--kdm-c-upload-text-list-item-padding-horizontal, 12px);
  height: var(--kdm-c-upload-list-item-height, 56px);
  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(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: background-color var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s));
  border: 0.5px solid var(--kdm-c-upload-division-color, var(--kdm-g-color-border-strong, #d9d9d9));
  margin-bottom: 8px;
  background: #F5F5F5;
  border-radius: 4px;
}
.kdm-upload .kdm-upload-text-list-item.error .kdm-upload-text-list-item-icon {
  color: var(--kdm-c-upload-error-color, var(--kdm-g-color-error, #fb2323));
}
.kdm-upload .kdm-upload-text-list-item-icon {
  width: 32px;
  height: 32px;
  background: #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: 4px;
  margin-right: var(--kdm-c-upload-text-list-item-padding-horizontal, 12px);
}
.kdm-upload .kdm-upload-text-list-item-icon > i {
  font-size: 24px;
}
.kdm-upload .kdm-upload-text-list-item-img {
  width: 32px;
  height: 32px;
}
.kdm-upload .kdm-upload-text-list-item-name {
  display: inline-block;
  margin: 0 var(--kdm-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kdm-c-upload-text-list-item-name-padding-left, 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kdm-c-upload-panel-color, var(--kdm-g-color-text-primary, #212121));
}
.kdm-upload .kdm-upload-text-list-item-size {
  color: var(--kdm-c-upload-color, var(--kdm-g-color-text-third, #999));
}
.kdm-upload .kdm-upload-text-list-item-detail {
  font-size: 14px;
  color: #212121;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kdm-upload .kdm-upload-text-list-item-detail > div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #999999;
}
.kdm-upload .kdm-upload-text-list-item-detail > div:nth-child(2) > div:nth-child(1) {
  margin-right: 12px;
}
.kdm-upload .kdm-upload-text-list-item-detail-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdm-upload .kdm-upload-text-list-item-detail-error > div:nth-child(1) {
  color: #FB2323;
  margin-right: 8px;
}
.kdm-upload .kdm-upload-text-list-item-detail-error > div:nth-child(2) a {
  color: #276FF5;
}
.kdm-upload .kdm-upload-text-list-item .kdm-progress,
.kdm-upload .kdm-upload-text-list-item .kdm-progress-circle-box {
  width: 24px !important;
  height: 24px !important;
}
.kdm-upload .kdm-upload-text-list-item .kdm-progress-circle-box .kdm-progress-text {
  display: none;
}
.kdm-upload .kdm-upload-text-list-item-action > i {
  font-size: 16px;
  color: #999999;
}
.kdm-upload .kdm-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';
}
.kdm-upload .kdm-upload-picture-list-item {
  position: relative;
  width: 112px;
  height: 112px;
  display: inline-block;
  margin: 0 28px 28px 0;
  vertical-align: middle;
  overflow: hidden;
  border-radius: var(--kdm-c-upload-radius-border, var(--kdm-g-radius-border, 2px));
  background-color: var(--kdm-c-upload-color-background, var(--kdm-g-color-background-contain, #fafafa));
}
.kdm-upload .kdm-upload-picture-list-item .kdm-upload-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  color: var(--kdm-c-upload-color, var(--kdm-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;
  -webkit-transition: all var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s));
  transition: all var(--kdm-c-upload-motion-duration, var(--kdm-g-duration, 0.3s));
}
.kdm-upload .kdm-upload-picture-list-item .kdm-upload-select:hover,
.kdm-upload .kdm-upload-picture-list-item .kdm-upload-select:active {
  border-color: var(--kdm-c-upload-color-border-active, var(--kdm-g-color-text-link, #0e5fd8));
  background-color: var(--kdm-c-upload-color-background-ongoing, var(--kdm-g-color-background-ongoing, #f2f9ff));
}
.kdm-upload .kdm-upload-picture-list-item .kdm-upload-select .kdm-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;
}
.kdm-upload .kdm-upload-picture-list-item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.kdm-upload .kdm-upload-picture-list-item.error {
  border: 0.5px solid #fb2323;
  border-radius: 4px;
  background: #fafafa;
}
.kdm-upload .kdm-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;
}
.kdm-upload .kdm-upload-picture-list-item-loading > * {
  width: 80%;
}
.kdm-upload .kdm-upload-picture-list-item-loading-text {
  text-align: center;
  font-size: 12px;
  margin-top: 8px;
}
.kdm-upload .kdm-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;
}
.kdm-upload .kdm-upload-picture-list-item-error-text {
  color: var(--kdm-c-upload-error-color, var(--kdm-g-color-error, #fb2323));
  text-align: center;
  font-size: 12px;
}
.kdm-upload .kdm-upload-picture-list-item-error-text > i {
  font-size: 24px;
}
.kdm-upload .kdm-upload-picture-list-item-error-text > div {
  margin-top: 5px;
}
.kdm-upload .kdm-upload-picture-list-item-error a {
  display: inline-block;
}
.kdm-upload .kdm-upload-picture-list-item-error a:not(:first-child) {
  margin-left: 10px;
}
.kdm-upload .kdm-upload-picture-list-item-action > a {
  color: var(--kdm-c-upload-panel-button-color, #0E5FD8);
  font-size: var(--kdm-c-upload-picture-action-font-size, var(--kdm-g-font-size-small, 12px));
}
.kdm-upload .kdm-upload-picture-list-item-delete {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 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;
}
.kdm-upload .kdm-upload-picture-list-item-delete > div {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(6, 6, 6, 0.6);
  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;
}
.kdm-upload .kdm-upload-picture-list-item-delete i {
  color: #fff;
  font-size: 12px;
}
.kdm-upload .kdm-upload-picture-list-item .kdm-progress,
.kdm-upload .kdm-upload-picture-list-item .kdm-progress-circle-box {
  width: 24px !important;
  height: 24px !important;
}
.kdm-upload .kdm-upload-picture-list-item .kdm-progress-circle-box .kdm-progress-text {
  display: none;
}

/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
body.kdm-overflow-hidden {
  overflow: hidden;
}
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kdm-safe-area {
  display: block;
  width: 100%;
}
.kdm-safe-area-position-top {
  padding-top: calc(constant(safe-area-inset-top) * var(--kdm-c-safe-area-sizing-multiple, 1));
  padding-top: calc(env(safe-area-inset-top) * var(--kdm-c-safe-area-sizing-multiple, 1));
}
.kdm-safe-area-position-bottom {
  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--kdm-c-safe-area-sizing-multiple, 1));
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--kdm-c-safe-area-sizing-multiple, 1));
}


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