/*! 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 */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-cascader-picker {
  position: relative;
  outline: none;
  cursor: pointer;
  background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
}
.kd-cascader-picker.disabled .kd-cascader-picker-input {
  cursor: not-allowed;
  border-color: var(--kd-g-color-border-strong, #d9d9d9);
}
.kd-cascader-picker.disabled .kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker.disabled .kd-cascader-picker-input i[class*='kdicon'] {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-cascader-picker-label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0 24px 0 0;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-cascader-picker-input {
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kd-cascader-picker-input > input {
  color: transparent !important;
  cursor: pointer;
}
.kd-cascader-picker-input.expand i[class*='kdicon'] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker-input i[class*='kdicon'] {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kd-cascader-picker.allowClear:hover .kd-cascader-picker-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}
.kd-cascader-picker.allowClear:hover .kd-input-suffix {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.kd-cascader-picker-close {
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.9) translateY(-50%);
          transform: scale(0.9) translateY(-50%);
}
.kd-cascader-picker-close:hover {
  color: var(--kd-c-cascader-icon-clear-color-text-hover, #999);
}
.kd-cascader-menus {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--kd-c-cascader-color-text, var(--kd-g-color-text-primary, #212121));
  border-radius: var(--kd-c-cascader-radius-border, var(--kd-g-radius-border, 2px));
  font-size: var(--kd-c-cascader-font-size, var(--kd-g-font-size-small, 12px));
  font-weight: var(--kd-c-cascader-font-weight, 'normal');
  background-color: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  opacity: 1;
  visibility: visible;
  z-index: var(--kd-g-z-index-popper, 1050);
}
.kd-cascader-menus.hidden {
  opacity: 0;
  visibility: hidden;
}
.kd-cascader-menus .kd-cascader-menu {
  display: inline-block;
  height: var(--kd-c-cascader-sizing-height, 192px);
  min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px);
  margin: 0;
  padding: var(--kd-c-cascader-menu-spacing-padding-vertical, 8px) 0;
  overflow-y: auto;
}
.kd-cascader-menus .kd-cascader-menu:not(:first-child) {
  border-left: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
}
.kd-cascader-menus .kd-cascader-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 var(--kd-c-cascader-menu-item-spacing-padding-horizontal, 12px);
  line-height: var(--kd-c-cascader-menu-item-sizing-height, 32px);
  cursor: pointer;
}
.kd-cascader-menus .kd-cascader-menu-item:not(.disabled, .selected):hover {
  background-color: var(--kd-c-cascader-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease, cubic-bezier(0.4, 0, 0.6, 1));
  transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease, cubic-bezier(0.4, 0, 0.6, 1));
}
.kd-cascader-menus .kd-cascader-menu-item.disabled {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
}
.kd-cascader-menus .kd-cascader-menu-item.selected {
  color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-cascader-color-background-selected, var(--kd-g-color-background-ongoing, #f2f9ff));
}
.kd-cascader-menus .kd-cascader-menu-item-label {
  width: var(--kd-c-cascader-menu-item-label-sizing-width, 72px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kd-cascader-menus .kd-cascader-menu-item.last .kd-cascader-menu-item-label {
  width: calc(var(--kd-c-cascader-menu-item-label-sizing-width, 72px) + 20px);
}
.kd-cascader-menus .kd-cascader-menu-item .kd-cascader-checkbox {
  margin-right: 5px;
}
.kd-cascader-menus .kd-empty {
  padding: 10px 0 20px;
}
.kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-label {
  padding-left: 9px;
}
.kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-close {
  right: 10px;
}
.kd-cascader-bordered.kd-cascader-multiple {
  border: 1px solid #d9d9d9;
  padding-left: 8px;
  border-radius: 2px;
}
.kd-cascader-bordered.kd-cascader-multiple .kd-cascader-suffix {
  right: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.kd-cascader-multiple {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  min-height: 30px;
  max-height: 100px;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
}
.kd-cascader-multiple:not(.kd-cascader-disabled):focus {
  border-color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3));
  outline: none;
}
.kd-cascader-multiple-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 1px 28px 1px 0;
  overflow-y: auto;
}
.kd-cascader-placeholder {
  position: absolute;
  font-size: 14px;
  color: var(--kd-c-cascader-placeholder-color, var(--kd-g-color-text-placeholder, #ccc));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kd-cascader-suffix {
  right: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
}
.kd-cascader-selection-tag {
  max-width: 100%;
}
.kd-cascader-multiple:hover .kd-cascader-icon-clear {
  opacity: 1;
}
.kd-cascader-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.kd-cascader-icon-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-cascader-icon-arrow-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-cascader-icon-clear {
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: #fff;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
}
.kd-cascader-icon-clear:hover {
  color: var(--kd-c-cascader-icon-clear-color-text-hover, #999);
}
.kd-cascader-tag-describe {
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  margin: 2px 8px 2px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kd-cascader-tag-describe-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  color: #212121;
}
.kd-cascader-disabled {
  cursor: not-allowed;
}
.kd-cascader-disabled .kd-cascader-picker-label {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-cascader-disabled .kd-cascader-picker-input {
  background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-cascader-disabled .kd-cascader-picker-input > input {
  background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-cascader-disabled.kd-cascader-multiple {
  background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
}
.kd-cascader-disabled .kd-cascader-suffix {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
}
.kd-cascader-disabled .kd-cascader-tag-describe-content {
  color: var(--kd-c-cascader-tag-disabled-color, #d9d9d9);
  border-color: var(--kd-c-cascader-tag-disabled-color, #d9d9d9);
}
.kd-cascader-picker:not(.kd-cascader-disabled):hover .kd-input-wrapper,
.kd-cascader-expand .kd-input-wrapper {
  border-color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3));
}
.kd-cascader-multiple:not(.kd-cascader-disabled):hover,
.kd-cascader-expand {
  border-color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3));
}
.kd-cascader-rtl {
  direction: rtl;
}
.kd-cascader-rtl .kd-cascader-picker-label {
  right: 0;
  left: auto;
  padding: 0 0 0 24px;
}
.kd-cascader-rtl .kd-cascader-picker-close {
  left: 0;
  right: auto;
}
.kd-cascader-rtl.kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-label {
  padding-left: 24px;
  padding-right: 9px;
}
.kd-cascader-rtl.kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-close {
  left: 10px;
  right: auto;
}
.kd-cascader-rtl.kd-cascader-multiple {
  padding-left: 0;
  padding-right: 8px;
}
.kd-cascader-rtl.kd-cascader-multiple .kd-cascader-multiple-wrapper {
  padding: 1px 0 1px 28px;
}
.kd-cascader-rtl.kd-cascader-multiple .kd-cascader-suffix {
  left: 0;
  right: auto;
  margin-right: 8px;
  margin-left: 0;
}
.kd-cascader-rtl.kd-cascader-bordered.kd-cascader-rtl.kd-cascader-multiple {
  padding-right: 8px;
  padding-left: 0;
}
.kd-cascader-rtl.kd-cascader-bordered.kd-cascader-rtl.kd-cascader-multiple .kd-cascader-suffix {
  left: 9px;
  right: auto;
}
.kd-cascader-rtl .kd-cascader-menu:not(:first-child) {
  border-right: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
  border-left: none;
}
.kd-cascader-rtl .kd-cascader-menu-item .kd-cascader-checkbox {
  margin-left: 5px;
  margin-right: 0;
}
/*! rtl:end:ignore */
