@charset "UTF-8";
@keyframes zent-cp-ani-spin-vv2x3x1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.zent-cascader[data-cp-zv="v2.3.1"] {
  display: inline-block;
}
.zent-cascader--open[data-cp-zv="v2.3.1"] .zent-cascader__select-text {
  border-color: #114bae;
  border-color: var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-spec-focus, 0 2px 8px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));
}
.zent-cascader--open[data-cp-zv="v2.3.1"] .zent-cascader__select-text .zenticon {
  transform: rotate(180deg) translateY(50%);
}
.zent-cascader--disabled[data-cp-zv="v2.3.1"] .zent-cascader__select .zent-cascader__select-text {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
  cursor: not-allowed;
}
.zent-cascader__select[data-cp-zv="v2.3.1"] {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  position: relative;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
  width: 260px;
  vertical-align: middle;
}
.zent-cascader__select-text[data-cp-zv="v2.3.1"] {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  display: inline-block;
  min-height: 30px;
  line-height: 1.5;
  max-height: 76px;
  padding: 5px 30px 5px 10px;
  transition: border-color 0.25s;
  width: 100%;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.zent-cascader__select-text-content[data-cp-zv="v2.3.1"] {
  line-height: inherit;
}
.zent-cascader__select-text[data-cp-zv="v2.3.1"].zent-cascader--placeholder {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
}
.zent-cascader__select-text[data-cp-zv="v2.3.1"] .zenticon {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.25s;
  font-size: 20px;
}
.zent-cascader__menu[data-cp-zv="v2.3.1"] {
  border-right: #e0e0e0;
  border-right: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  display: inline-block;
  vertical-align: top;
  min-width: 111px;
  height: 180px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right-width: 1px;
  border-right-style: solid;
  overflow: auto;
}
.zent-cascader__menu-item[data-cp-zv="v2.3.1"] {
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s;
  position: relative;
  height: 32px;
  line-height: 30px;
  text-align: left;
  padding-left: 10px;
  padding-right: 30px;
  box-sizing: border-box;
}
.zent-cascader__menu-item-icon[data-cp-zv="v2.3.1"] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ccc;
  font-size: 12px;
}
.zent-cascader__menu-item-loading[data-cp-zv="v2.3.1"] {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  display: inline-block;
  animation: zent-cp-ani-spin-vv2x3x1 1s infinite linear;
  border: 1px solid #ccc;
  border-radius: 50%;
  right: 10px;
  top: 50%;
  border-top-color: transparent;
  box-sizing: border-box;
}
.zent-cascader__menu-item[data-cp-zv="v2.3.1"]:hover {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-cascader__menu-item--active[data-cp-zv="v2.3.1"] {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  font-weight: 600;
}
.zent-cascader__list[data-cp-zv="v2.3.1"] {
  font-size: 0;
  padding: 10px 4px;
  min-height: 80px;
}
.zent-cascader__list-item[data-cp-zv="v2.3.1"] {
  display: inline-block;
  line-height: 30px;
  height: 30px;
  width: 108px;
  box-sizing: border-box;
}
.zent-cascader__list-link[data-cp-zv="v2.3.1"] {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 0 5px;
  line-height: 24px;
  vertical-align: middle;
  max-width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zent-cascader__list-link[data-cp-zv="v2.3.1"]:hover:not(.zent-cascader__list-link--active) {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-cascader__list-link--active[data-cp-zv="v2.3.1"] {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  font-weight: 500;
  border-radius: 2px;
}
.zent-cascader__tabs[data-cp-zv="v2.3.1"] .zent-tabs-nav {
  margin-bottom: 0;
}
.zent-cascader__tabs[data-cp-zv="v2.3.1"] .zent-tabs-nav-content {
  height: auto;
}
.zent-cascader__tabs[data-cp-zv="v2.3.1"] .zent-tabs-tab {
  border-radius: 0;
}
.zent-cascader__popup[data-cp-zv="v2.3.1"] {
  z-index: 2000;
}
.zent-cascader__popup-inner[data-cp-zv="v2.3.1"] {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));
  width: 440px;
  box-sizing: border-box;
}
.zent-cascader__popup-inner-menu[data-cp-zv="v2.3.1"] {
  width: auto;
  white-space: nowrap;
}
.zent-cascader__loading[data-cp-zv="v2.3.1"] {
  position: relative;
  vertical-align: middle;
}
.zent-cascader__loading-label[data-cp-zv="v2.3.1"] {
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.zent-cascader__loading-icon[data-cp-zv="v2.3.1"] {
  border-color: #114bae;
  border-color: var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  margin-left: 5px;
}
.zent-cascader__loading-icon[data-cp-zv="v2.3.1"]:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 10px;
  width: 4px;
  background: white;
  animation: 1s linear zent-cascader-ani-spin infinite;
  transform-origin: 8px 3px;
  left: -1px;
  top: 4px;
}

.zent-datetime-picker[data-cp-zv="v2.3.1"] {
  box-sizing: border-box;
  display: inline-block;
  line-height: normal;
  position: relative;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-seperator {
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  font-size: 14px;
  padding: 0 10px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input {
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: relative;
  box-sizing: border-box;
  width: 190px;
  font-size: 14px;
  border-radius: 2px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--icon {
  font-size: 18px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--combine {
  border-color: #ccc;
  border-color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  border-width: 1px;
  border-style: solid;
  padding: 0 10px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--combine.picker-input--disabled {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input .zent-input {
  color: inherit;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input .zenticon {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: 0;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input .zenticon-calendar-o {
  display: block;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input .zenticon-clock-o {
  display: block;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input .zenticon-close-circle {
  display: none;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--range {
  width: 240px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--showTime {
  width: 320px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--show-clear-icon {
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--show-clear-icon:hover .zenticon-close-circle {
  display: block;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--show-clear-icon:hover .zenticon-calendar-o {
  display: none;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--show-clear-icon:hover .zenticon-clock-o {
  display: none;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--disabled {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
  color: #e0e0e0;
  color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  cursor: not-allowed;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--disabled:hover .zenticon-close-circle {
  display: none;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--disabled:hover .zenticon-calendar-o {
  display: block;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .picker-input--disabled:hover .zenticon-clock-o {
  display: block;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] {
  line-height: 1;
  z-index: 2000;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .month-picker,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .year-picker,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .quarter-picker {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  width: 240px;
  font-size: 14px;
  border-radius: 2px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .grid-cell {
  vertical-align: middle;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker {
  width: 480px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker .date-picker {
  display: inline-block;
  vertical-align: top;
  box-shadow: none;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker .date-picker + .date-picker {
  border-left-color: #e0e0e0;
  border-left-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  position: relative;
  box-sizing: border-box;
  border-left-width: 1px;
  border-left-style: solid;
  left: -1px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker .date-picker .month-panel .grid-cell {
  height: 47.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker .date-picker .year-panel .grid-cell {
  height: 47.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker .date-picker.small .month-panel .grid-cell {
  height: 41.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker .date-picker.small .year-panel .grid-cell {
  height: 41.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker--showTime .date-picker .month-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker--showTime .date-picker .year-panel .grid-cell {
  height: 56px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker--showTime .date-picker.small .month-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker--showTime .date-picker.small .year-panel .grid-cell {
  height: 56px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .range-picker--showTime .date-picker .time-panel .panel-content {
  height: 265px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-panel,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .month-panel,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .quarter-panel,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .year-panel {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  position: relative;
  width: 240px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker .date-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker .date-panel .grid-cell {
  padding: 4px 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker .month-panel,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker .month-panel {
  position: absolute;
  top: 0;
  left: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker .month-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker .month-panel .grid-cell {
  height: 47.5px;
  vertical-align: middle;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker .year-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker .year-panel .grid-cell {
  height: 47.5px;
  vertical-align: middle;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker.small .date-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker.small .date-panel .grid-cell {
  padding: 2px 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker.small .month-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker.small .month-panel .grid-cell {
  height: 55.5px;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .date-picker.small .year-panel .grid-cell,
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .week-picker.small .year-panel .grid-cell {
  height: 55.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .month-picker .month-panel .grid-cell {
  height: 47.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .month-picker .month-panel .year-panel .grid-cell {
  height: 47.5px;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .month-picker.small .month-panel .grid-cell {
  height: 36px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .year-picker .year-panel {
  position: relative;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .year-picker .year-panel .grid-cell {
  height: 47.5px;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .year-picker.small .year-panel .grid-cell {
  height: 41.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .quarter-picker .quarter-panel {
  height: 240px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .quarter-picker .quarter-panel .grid-cell {
  height: 47.5px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .quarter-picker .year-panel .grid-cell {
  height: 47.5px;
  padding: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__header {
  border-bottom-color: #e0e0e0;
  border-bottom-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  position: relative;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  box-sizing: border-box;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__header .zenticon-right {
  font-size: 10px;
  vertical-align: middle;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__header .link--prev {
  cursor: pointer;
  position: absolute;
  left: 25px;
  padding: 0 10px;
  font-size: 8px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__header .link--prev .zenticon {
  transform: rotate(180deg);
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__header .link--next {
  cursor: pointer;
  position: absolute;
  right: 25px;
  padding: 0 10px;
  font-size: 8px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__header .panel__title {
  cursor: pointer;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__footer {
  border-top-color: #e0e0e0;
  border-top-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  padding-right: 10px;
  text-align: right;
  border-top-width: 1px;
  border-top-style: solid;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__footer .btn--confirm {
  margin-left: 15px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__footer .link--current {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  cursor: pointer;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__footer .link--disabled {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel__footer .error-tips {
  color: #d42f15;
  color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
  font-size: 14px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table {
  padding: 6px;
  justify-content: center;
  align-items: center;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table__row {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table__row li {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table__head {
  padding: 6px 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell:hover {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--current {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  border-color: #155bd4;
  border-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  border-width: 1px;
  border-style: solid;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--different {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  background: none;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--different:before, .zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--different:after {
  display: none;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--in-range {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  border: 0;
  border-radius: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--in-range:before {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  content: "";
  display: block;
  width: 8px;
  height: 20px;
  position: absolute;
  right: -8px;
  top: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--in-range:after {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  content: "";
  display: block;
  width: 8px;
  height: 20px;
  position: absolute;
  left: -8px;
  top: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--in-selected {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  border: 0;
  border-radius: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--in-selected:before {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  content: "";
  display: block;
  width: 8px;
  height: 20px;
  position: absolute;
  right: -8px;
  top: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--in-selected:after {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
  content: "";
  display: block;
  width: 8px;
  height: 20px;
  position: absolute;
  left: -8px;
  top: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--disabled {
  color: #e0e0e0;
  color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  background-color: #e0e0e0;
  background-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  cursor: not-allowed;
  background: transparent;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--disabled:hover {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--disabled:before, .zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--disabled:after {
  display: none;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--selected {
  background-color: #155bd4;
  background-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  color: #fff;
  color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell--selected:hover {
  background-color: #155bd4;
  background-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.date-panel__cell {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.date-panel__cell.panel__cell--current:not(.panel__cell--in-range) {
  line-height: 18px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.month-panel__cell {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.month-panel__cell.panel__cell--current {
  line-height: 30px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.year-panel__cell {
  width: 50px;
  height: 30px;
  line-height: 30px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.year-panel__cell.panel__cell--current {
  line-height: 28px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.quarter-panel__cell {
  height: 32px;
  line-height: 32px;
  width: 100%;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .panel-table .panel__cell.quarter-panel__cell.panel__cell--current {
  line-height: 30px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .year-panel {
  position: absolute;
  top: 0;
  left: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel__cell {
  padding: 3px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel .panel-table__row:last-child {
  display: block;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel .panel-table__row:last-child .grid-cell {
  width: 14.28%;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel .panel-content {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: absolute;
  top: 0;
  left: 0;
  height: 327px;
  width: 240px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel__preview {
  border-color: #ccc;
  border-color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  margin: 12px 10px;
  height: 31px;
  line-height: 31px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-align: center;
  display: flex;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel__preview .time__number {
  border-right-color: #ccc;
  border-right-color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  flex: 1;
  cursor: pointer;
  border-right-width: 1px;
  border-right-style: solid;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-panel__preview .time__number:last-child {
  border-right: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__header {
  height: 50px;
  display: flex;
  align-items: center;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group {
  margin: 12px 60px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  display: flex;
  flex: 1;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group.show-second {
  margin: 12px 30px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group .time__number {
  border-color: #ccc;
  border-color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  flex: 1;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-right-width: 0;
  -webkit-user-select: none;
          user-select: none;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group .time__number:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group .time__number:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-width: 1px;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group .time__number.checked {
  border-color: #155bd4;
  border-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  border-width: 1px;
  border-style: solid;
  outline: none;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__tab-group .time__number.checked + .time__number {
  border-left-width: 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__content {
  height: 210px;
  padding: 6px 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__content .grid-cell {
  padding: 2px 0;
}
.zent-datetime-picker-popover[data-cp-zv="v2.3.1"] .time-picker-panel__footer .panel__footer {
  border-top: 0;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .time-picker-input {
  width: 120px;
}
.zent-datetime-picker[data-cp-zv="v2.3.1"] .week-picker-input {
  width: 228px;
}

.zent-date-range-picker__filter[data-cp-zv="v2.3.1"] {
  display: inline-block;
}

.zent-date-range-picker__btn[data-cp-zv="v2.3.1"] {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  margin-left: 10px;
  display: inline-block;
  padding: 2px 4px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.zent-date-range-picker__btn[data-cp-zv="v2.3.1"]:first-child {
  margin-left: 15px;
}
.zent-date-range-picker__btn[data-cp-zv="v2.3.1"]:hover, .zent-date-range-picker__btn[data-cp-zv="v2.3.1"].active {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  border-color: #155bd4;
  border-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}

.zent-form {
  margin-bottom: 30px;
  width: auto;
}
.zent-form select[readonly],
.zent-form textarea[readonly] {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  cursor: text;
}

.zent-form__fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.zent-form__legend {
  border-bottom-color: #e0e0e0;
  border-bottom-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  padding-bottom: 8px;
  margin-bottom: 20px;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 14px;
  font-weight: bold;
}

.zent-form__control-group {
  margin-bottom: 24px;
}
.zent-form__control-group.has-error {
  /* form error style about input */
  /* form error style about input end */
  /* form error style about select */
  /* form error style about select end */
}
.zent-form__control-group.has-error .zent-form__error-desc,
.zent-form__control-group.has-error .zent-form__help-block {
  color: #d42f15;
  color: var(--theme-danger-color, var(--theme-error-4, #d42f15));
}
.zent-form__control-group.has-error .zent-input-wrapper {
  border-color: #d42f15;
  border-color: var(--theme-danger-color, var(--theme-error-4, #d42f15));
  border-width: 1px;
  border-style: solid;
}
.zent-form__control-group.has-error .zent-input-wrapper.zent-input--has-focus:not(.zent-input-wrapper__not-editable) {
  border-color: #d42f15;
  border-color: var(--theme-danger-color, var(--theme-error-4, #d42f15));
  box-shadow: none;
}
.zent-form__control-group.has-error .zent-input-wrapper__not-editable {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
}
.zent-form__control-group.has-error :not(.no-error) > .zent-select-input, .zent-form__control-group.has-error :not(.no-error) > .zent-select-text, .zent-form__control-group.has-error :not(.no-error) > .zent-select-tags {
  border-color: #d42f15;
  border-color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
  border-width: 1px;
  border-style: solid;
}

.zent-form__static-value {
  padding-top: 5px;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 5px;
  word-break: break-all;
}

.zent-form__control-action {
  padding-top: 5px;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
}

.zent-form__required {
  color: #d42f15;
  color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
  margin-right: 6px;
  font-size: 16px;
  vertical-align: middle;
}

.zent-form__help-block,
.zent-form__error-desc,
.zent-form__help-desc,
.zent-form__notice-desc {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  line-height: 14px;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
}
.zent-form__help-block ul li,
.zent-form__error-desc ul li,
.zent-form__help-desc ul li,
.zent-form__notice-desc ul li {
  font-size: 12px;
  line-height: 12px;
}
.zent-form__help-block a,
.zent-form__error-desc a,
.zent-form__help-desc a,
.zent-form__notice-desc a {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-form__help-block:empty,
.zent-form__error-desc:empty,
.zent-form__help-desc:empty,
.zent-form__notice-desc:empty {
  margin-top: 0;
}

.zent-form__notice-desc {
  background-color: #ffefe6;
  background-color: var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  display: inline-block;
  padding: 5px;
}

.zent-form--horizontal .zent-form__control-label {
  display: inline-block;
  width: 120px;
  font-size: 14px;
  line-height: 30px;
  text-align: right;
  vertical-align: top;
}
.zent-form--horizontal .zent-form__control-label + .zent-form__controls {
  margin-left: 10px;
}
.zent-form--horizontal .zent-form__controls {
  display: inline-block;
  word-break: break-all;
  vertical-align: top;
}
.zent-form--horizontal .zent-form__form-actions {
  padding: 0 0 0 130px;
  margin: 25px 0 10px;
  background: none;
  border: 0;
}
.zent-form--horizontal .zent-form__checkbox-group {
  font-size: 0;
  line-height: 28px;
}
.zent-form--horizontal .zent-form__checkbox {
  line-height: 28px;
}
.zent-form--horizontal .zent-form__radio-group {
  line-height: 28px;
}

.zent-form--inline .zent-form__control-group {
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
}
.zent-form--inline .zent-form__control-group .zent-form__control-label {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.zent-form--inline .zent-form__control-group .zent-form__control-label + .zent-form__controls {
  display: inline-block;
  margin-left: 10px;
}

.zent-form--vertical .zent-form__control-label {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}

.zent-pop[data-cp-zv="v2.3.1"] {
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  border-radius: 2px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  z-index: 2000;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-inner,
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-header {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  position: relative;
  border-radius: 2px;
  padding: 13px 12px;
  z-index: 2;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-header {
  font-size: 16px;
  line-height: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0;
  font-weight: 600;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-buttons {
  text-align: right;
  vertical-align: top;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-buttons .zent-btn + .zent-btn {
  margin-left: 8px;
}
.zent-pop[data-cp-zv="v2.3.1"] .zent-pop-arrow {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: absolute;
  z-index: 1;
  width: 6px;
  height: 6px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.zent-pop[data-cp-zv="v2.3.1"]::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
}
.zent-pop--no-header[data-cp-zv="v2.3.1"] .zent-pop-buttons {
  display: inline-block;
  margin-left: 24px;
}
.zent-pop--has-header[data-cp-zv="v2.3.1"] .zent-pop-buttons {
  margin-top: 16px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right .zent-pop-arrow {
  top: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right::after {
  top: -11px;
  width: 100%;
  left: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left .zent-pop-arrow {
  transform: translateY(-50%) rotate(45deg);
  left: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center .zent-pop-arrow {
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right .zent-pop-arrow {
  transform: translateY(-50%) rotate(45deg);
  right: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right .zent-pop-arrow {
  bottom: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-right::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right::after {
  bottom: -11px;
  width: 100%;
  left: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-left .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left .zent-pop-arrow {
  transform: translateY(50%) rotate(45deg);
  left: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center .zent-pop-arrow {
  transform: translate(-50%, 50%) rotate(45deg);
  left: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-top-right .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right .zent-pop-arrow {
  transform: translateY(50%) rotate(45deg);
  right: 12px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom .zent-pop-arrow {
  right: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom::after {
  right: -11px;
  height: 100%;
  top: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top .zent-pop-arrow {
  transform: translateX(50%) rotate(45deg);
  top: 6px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center .zent-pop-arrow {
  transform: translate(50%, -50%) rotate(45deg);
  top: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom .zent-pop-arrow {
  transform: translateX(50%) rotate(45deg);
  bottom: 6px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom .zent-pop-arrow {
  left: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center::after, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom::after {
  left: -11px;
  height: 100%;
  top: 0;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-top .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top .zent-pop-arrow {
  transform: translateX(-50%) rotate(45deg);
  top: 6px;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-center .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center .zent-pop-arrow {
  transform: translate(-50%, -50%) rotate(45deg);
  top: 50%;
}
.zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom .zent-pop-arrow, .zent-pop[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom .zent-pop-arrow {
  transform: translateX(-50%) rotate(45deg);
  bottom: 6px;
}

.zent-select[data-cp-zv="v2.3.1"] {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: 1.5;
  margin-right: 10px;
  outline: none;
  position: relative;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
  width: 240px;
  vertical-align: middle;
}
.zent-select--disabled[data-cp-zv="v2.3.1"] {
  color: #e0e0e0;
  color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  cursor: not-allowed;
}
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-input,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-text,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-tags {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-input::after,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-text::after,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-tags::after {
  opacity: 0.25;
}
.zent-select[data-cp-zv="v2.3.1"] .zent-select-text,
.zent-select[data-cp-zv="v2.3.1"] .zent-select-popup,
.zent-select[data-cp-zv="v2.3.1"] .zent-select-input,
.zent-select[data-cp-zv="v2.3.1"] .zent-select-tags {
  font-size: 14px;
  line-height: 18px;
}
.zent-select__popover[data-cp-zv="v2.3.1"] {
  width: 240px;
  line-height: 1.5;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
}
.zent-select__popover[data-cp-zv="v2.3.1"].zent-select-auto-width {
  width: auto;
}

.zent-select-input[data-cp-zv="v2.3.1"],
.zent-select-text[data-cp-zv="v2.3.1"],
.zent-select-tags[data-cp-zv="v2.3.1"] {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  display: inline-block;
  min-height: 30px;
  max-height: 76px;
  outline: none;
  padding: 5px 10px;
  transition: border-color 0.25s;
  width: 100%;
  position: relative;
}
.zent-select-input[data-cp-zv="v2.3.1"]::after,
.zent-select-text[data-cp-zv="v2.3.1"]::after,
.zent-select-tags[data-cp-zv="v2.3.1"]::after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZG93bjwvdGl0bGU+CiAgICA8ZyBpZD0iZG93biIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iIzk5OTk5OSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMzMwMSwgNi4xOTk3NDcpIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtOC4wMDMzMDEsIC02LjE5OTc0NykgIiBwb2ludHM9IjExLjc1MzMwMDkgMi40NDk3NDc0NyAxMS43NTMzMDA5IDkuOTQ5NzQ3NDcgNC4yNTMzMDA4NiA5Ljk0OTc0NzQ3IDQuMjUzMzAwODYgOC45NDk3NDc0NyAxMC43NTI1NTM0IDguOTQ5IDEwLjc1MzMwMDkgMi40NDk3NDc0NyI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 8px;
  width: 16px;
  content: "";
  height: 16px;
  position: absolute;
  transform: translateY(-50%);
  transition: transform 0.25s;
}
.zent-select-input[data-cp-zv="v2.3.1"].zent-select--visible,
.zent-select-text[data-cp-zv="v2.3.1"].zent-select--visible,
.zent-select-tags[data-cp-zv="v2.3.1"].zent-select--visible {
  border-color: #155bd4;
  border-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.zent-select-input[data-cp-zv="v2.3.1"].zent-select--visible::after,
.zent-select-text[data-cp-zv="v2.3.1"].zent-select--visible::after,
.zent-select-tags[data-cp-zv="v2.3.1"].zent-select--visible::after {
  transform: rotate(180deg) translateY(50%);
}

.zent-select-placeholder[data-cp-zv="v2.3.1"] {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
}

.zent-select-simple[data-cp-zv="v2.3.1"] {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-select-simple[data-cp-zv="v2.3.1"]::after {
  border-top-color: #155bd4;
  border-top-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  content: "";
  border-left: 4px solid transparent;
  border-top-width: 6px;
  border-top-style: solid;
  border-right: 4px solid transparent;
  display: inline-block;
  margin-left: 5px;
  height: 1px;
  transition: transform 0.25s;
}

.zent-select-text[data-cp-zv="v2.3.1"] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 6px 25px 6px 12px;
}

.zent-select-tags[data-cp-zv="v2.3.1"] {
  padding: 4px 25px 4px 12px;
  max-height: none;
}
.zent-select-tags[data-cp-zv="v2.3.1"]::-webkit-scrollbar {
  display: none;
}
.zent-select-tags__empty[data-cp-zv="v2.3.1"] {
  padding: 6px 25px 6px 12px;
  line-height: 18px;
}
.zent-select-tags[data-cp-zv="v2.3.1"] .zent-select-inner {
  border: 0;
  display: inline-block;
  outline: none;
}
.zent-select-tags[data-cp-zv="v2.3.1"] .zent-select-tag {
  border-color: #ccc;
  border-color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 0 18px 0 4px;
  line-height: 16px;
  font-size: 12px;
  position: relative;
}
.zent-select-tags[data-cp-zv="v2.3.1"] .zent-select-delete {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.zent-select-popup[data-cp-zv="v2.3.1"] {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  left: 0;
  outline: none;
  overflow-y: auto;
  position: relative;
  width: 100%;
  z-index: 2000;
  max-height: 224px;
  border-radius: 3px;
  font-size: 14px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option,
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-filter,
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-empty {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  display: block;
  outline: none;
  padding: 7px 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-search {
  position: relative;
  box-sizing: border-box;
  border-width: 0 0 1px;
  padding-left: 20px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-search.zent-input--has-focus {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  box-shadow: none;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-search::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAM1BMVEUAAABmZmZmZmZnZ2dnZ2dmZmZnZ2dmZmZsbGxnZ2dmZmZoaGhnZ2dmZmZnZ2dmZmZmZmYOy3DdAAAAEHRSTlMAVttEnOWJNwzzpVHsz8ZQ9cP58AAAAItJREFUKM+FkdsSgCAIRFXEa7f//9okSsqRaZ8WjrOoGJYtLmdXrPmquuOWq+9+OF4KQ39C6lX6mFL0l33SKB+BPSDNYW/pEPWZUMV3K5QjAymt9KQoIPas3FwSkFqZNbBoUZs23GvXBeWBq/YlQT5xkP0nsqg1dCKrXTYPzQkZxGTXCJoZ0YDZEeEEs9MNoPE7LN4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  width: 12px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-filter {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  border-style: solid;
  border-width: 0 0 1px;
  padding-left: 30px;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.current, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.hover, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option:hover {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
  font-weight: 500;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active:hover, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active.hover, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active.current {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.current {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active.current {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-empty {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
}

.has-error[data-cp-zv="v2.3.1"] :not(.no-error) > .zent-select-input, .has-error[data-cp-zv="v2.3.1"] :not(.no-error) > .zent-select-text, .has-error[data-cp-zv="v2.3.1"] :not(.no-error) > .zent-select-tags {
  border-color: #d42f15;
  border-color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
  border-width: 1px;
  border-style: solid;
}

.zent-table-container[data-cp-zv="v2.3.1"] {
  margin-bottom: 20px;
}

.zent-table[data-cp-zv="v2.3.1"] {
  box-sizing: border-box;
  width: 100%;
}
.zent-table[data-cp-zv="v2.3.1"] a {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  cursor: pointer;
}
.zent-table[data-cp-zv="v2.3.1"] a:hover {
  cursor: pointer;
  text-decoration: none;
}
.zent-table[data-cp-zv="v2.3.1"] .tr {
  border-bottom-color: #e0e0e0;
  border-bottom-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  display: flex;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.zent-table[data-cp-zv="v2.3.1"] .expanded-item {
  width: 70px;
  text-align: center;
  position: relative;
}
.zent-table[data-cp-zv="v2.3.1"] .expanded-item i {
  height: 100%;
}
.zent-table[data-cp-zv="v2.3.1"] .expanded-item i::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.zent-table[data-cp-zv="v2.3.1"] .thead .tr {
  border-bottom-color: #e0e0e0;
  border-bottom-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .tr .cell {
  font-size: 14px;
  font-weight: 500;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col .sort-col-title {
  vertical-align: middle;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col .sort-col-icon {
  position: relative;
  width: 10px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col .caret-up {
  border-bottom-color: #999;
  border-bottom-color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom-width: 7.5px;
  border-bottom-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col .caret-down {
  border-top-color: #999;
  border-top-color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 7.5px;
  border-top-style: solid;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col .caret-up.sort-active {
  border-bottom-color: #155bd4;
  border-bottom-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col .caret-down.sort-active {
  border-top-color: #155bd4;
  border-top-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col:hover .sort-col-icon {
  visibility: visible;
  opacity: 0.8;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col--active {
  cursor: pointer;
}
.zent-table[data-cp-zv="v2.3.1"] .thead .sort-col--active .sort-col-icon {
  visibility: visible;
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr:hover {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr:hover .empty-data {
  background: transparent;
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr--expanded {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr .td {
  padding: 16px 0 8px;
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr .td .expandable-btn {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 10px;
  border-width: 1px;
  border-style: solid;
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr .td .expandable-btn.expand-btn::after {
  content: "+";
  box-sizing: border-box;
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .tr .td .expandable-btn.collapse-btn::after {
  content: "-";
  box-sizing: border-box;
}
.zent-table[data-cp-zv="v2.3.1"] .tbody .cell {
  min-height: 56px;
  font-size: 14px;
}
.zent-table[data-cp-zv="v2.3.1"] .tfoot {
  margin-top: 16px;
  box-sizing: border-box;
}
.zent-table[data-cp-zv="v2.3.1"] .tfoot__batchcomponents {
  float: left;
  padding-left: 10px;
}
.zent-table[data-cp-zv="v2.3.1"] .tfoot__batchcomponents--has-children {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  margin-bottom: 10px;
}
.zent-table[data-cp-zv="v2.3.1"] .tfoot__batchcomponents--fixed {
  position: fixed;
  bottom: 0;
}
.zent-table[data-cp-zv="v2.3.1"] .tfoot__batchcomponents .subcomponent-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.zent-table[data-cp-zv="v2.3.1"] .tfoot__page {
  float: right;
}
.zent-table[data-cp-zv="v2.3.1"] .cell {
  position: relative;
  display: flex;
  flex: auto;
  flex-basis: 0;
  box-sizing: border-box;
  padding: 8px 10px;
  padding-left: 0;
  min-height: 56px;
  align-items: center;
  text-align: left;
  font-size: 14px;
}
.zent-table[data-cp-zv="v2.3.1"] .cell__child-container {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.zent-table[data-cp-zv="v2.3.1"] .cell:first-child {
  padding-left: 10px;
}
.zent-table[data-cp-zv="v2.3.1"] .cell:last-child {
  justify-content: flex-end;
}
.zent-table[data-cp-zv="v2.3.1"] .cell:last-child .cell__child-container {
  text-align: right;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.empty-data {
  line-height: 20px;
  height: 40px;
  justify-content: center;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--selection {
  padding-left: 34px;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--money, .zent-table[data-cp-zv="v2.3.1"] .cell.cell--end {
  justify-content: flex-end;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--money .cell__child-container, .zent-table[data-cp-zv="v2.3.1"] .cell.cell--end .cell__child-container {
  text-align: right;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--start {
  justify-content: flex-start;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--start .cell__child-container {
  text-align: left;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--center {
  justify-content: center;
}
.zent-table[data-cp-zv="v2.3.1"] .cell.cell--center .cell__child-container {
  text-align: center;
}
.zent-table[data-cp-zv="v2.3.1"] .cell .asc,
.zent-table[data-cp-zv="v2.3.1"] .cell .desc {
  margin-left: 3px;
}
.zent-table[data-cp-zv="v2.3.1"] .cell .desc:after {
  position: absolute;
  content: "↓";
}
.zent-table[data-cp-zv="v2.3.1"] .cell .asc:after {
  position: absolute;
  content: "↑";
}
.zent-table[data-cp-zv="v2.3.1"] .cell .select-check {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.zent-table[data-cp-zv="v2.3.1"] .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.zent-tooltip[data-cp-zv="v2.3.1"] {
  font-size: 14px;
  line-height: 20px;
  background-color: #999;
  background-color: var(--theme-hint-color, var(--theme-stroke-2, #999));
  border-radius: 2px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  z-index: 2000;
}
.zent-tooltip[data-cp-zv="v2.3.1"] .zent-tooltip-inner,
.zent-tooltip[data-cp-zv="v2.3.1"] .zent-tooltip-header {
  background-color: #999;
  background-color: var(--theme-hint-color, var(--theme-stroke-2, #999));
  color: #fff;
  color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: relative;
  border-radius: 2px;
  padding: 8px 16px;
  z-index: 2;
}
.zent-tooltip[data-cp-zv="v2.3.1"] .zent-tooltip-header {
  font-size: 16px;
  line-height: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0;
  font-weight: 600;
}
.zent-tooltip[data-cp-zv="v2.3.1"] .zent-tooltip-buttons {
  text-align: right;
  vertical-align: top;
}
.zent-tooltip[data-cp-zv="v2.3.1"] .zent-tooltip-arrow {
  background-color: #999;
  background-color: var(--theme-hint-color, var(--theme-stroke-2, #999));
  position: absolute;
  z-index: 1;
  width: 6px;
  height: 6px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.zent-tooltip[data-cp-zv="v2.3.1"]::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
}
.zent-tooltip--no-header[data-cp-zv="v2.3.1"] .zent-tooltip-buttons {
  display: inline-block;
  margin-left: 24px;
}
.zent-tooltip--has-header[data-cp-zv="v2.3.1"] .zent-tooltip-buttons {
  margin-top: 16px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right .zent-tooltip-arrow {
  top: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right::after {
  top: -11px;
  width: 100%;
  left: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-left .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-left .zent-tooltip-arrow {
  transform: translateY(-50%) rotate(45deg);
  left: 12px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-center .zent-tooltip-arrow {
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-bottom-right .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-bottom-right .zent-tooltip-arrow {
  transform: translateY(-50%) rotate(45deg);
  right: 12px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-left .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-right .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right .zent-tooltip-arrow {
  bottom: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-left::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-right::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right::after {
  bottom: -11px;
  width: 100%;
  left: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-left .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-left .zent-tooltip-arrow {
  transform: translateY(50%) rotate(45deg);
  left: 12px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-center .zent-tooltip-arrow {
  transform: translate(-50%, 50%) rotate(45deg);
  left: 50%;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-top-right .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-top-right .zent-tooltip-arrow {
  transform: translateY(50%) rotate(45deg);
  right: 12px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-top .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom .zent-tooltip-arrow {
  right: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-top::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom::after {
  right: -11px;
  height: 100%;
  top: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-top .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-top .zent-tooltip-arrow {
  transform: translateX(50%) rotate(45deg);
  top: 6px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-center .zent-tooltip-arrow {
  transform: translate(50%, -50%) rotate(45deg);
  top: 50%;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-left-bottom .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-left-bottom .zent-tooltip-arrow {
  transform: translateX(50%) rotate(45deg);
  bottom: 6px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-top .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom .zent-tooltip-arrow {
  left: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-top::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center::after, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom::after {
  left: -11px;
  height: 100%;
  top: 0;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-top .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-top .zent-tooltip-arrow {
  transform: translateX(-50%) rotate(45deg);
  top: 6px;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-center .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-center .zent-tooltip-arrow {
  transform: translate(-50%, -50%) rotate(45deg);
  top: 50%;
}
.zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-right-bottom .zent-tooltip-arrow, .zent-tooltip[data-cp-zv="v2.3.1"].zent-popover-position-arrow-right-bottom .zent-tooltip-arrow {
  transform: translateX(-50%) rotate(45deg);
  bottom: 6px;
}

.zent-upload[data-cp-zv="v2.3.1"].inline {
  display: inline-block;
}
.zent-upload[data-cp-zv="v2.3.1"].zent-dialog-r {
  min-width: 760px !important;
}
.zent-upload[data-cp-zv="v2.3.1"].zent-dialog-r-footer {
  margin-top: 0;
  padding-top: 10px;
  text-align: center;
}
.zent-upload[data-cp-zv="v2.3.1"].zent-dialog-r-title {
  margin-bottom: 10px;
}
.zent-upload-dialog[data-cp-zv="v2.3.1"].zent-dialog-r {
  padding: 15px;
}
.zent-upload__footer[data-cp-zv="v2.3.1"] {
  text-align: center;
}

.zent-upload-container[data-cp-zv="v2.3.1"] {
  position: relative;
  padding: 0;
  overflow-y: auto;
  width: 760px;
  max-width: 100%;
  height: 480px;
  display: flex;
  flex-direction: column;
}
.zent-upload-container[data-cp-zv="v2.3.1"] ul,
.zent-upload-container[data-cp-zv="v2.3.1"] li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.zent-upload-network-image-region[data-cp-zv="v2.3.1"],
.zent-upload-group-region[data-cp-zv="v2.3.1"],
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] {
  padding: 30px 10px;
  overflow: hidden;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-title,
.zent-upload-group-region[data-cp-zv="v2.3.1"] .zent-upload-title,
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload-title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  width: 100px;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-content,
.zent-upload-group-region[data-cp-zv="v2.3.1"] .zent-upload-content,
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload-content {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: relative;
  zoom: 1;
  margin-left: 100px;
}

.zent-upload-group-region[data-cp-zv="v2.3.1"] .zent-upload-title {
  line-height: 30px;
}

.zent-upload-network-image-region[data-cp-zv="v2.3.1"] {
  overflow: hidden;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-content {
  display: flex;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-btn {
  float: right;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-title {
  line-height: 30px;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-input-append {
  margin-bottom: 10px;
  margin-right: 10px;
  flex: 1;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-image-preview {
  max-width: 200px;
  max-height: 200px;
}
.zent-upload-network-image-region[data-cp-zv="v2.3.1"] .zent-upload-image-preview img {
  max-width: 200px;
  max-height: 200px;
}

.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] {
  height: 100%;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload-content {
  margin-top: -10px;
  height: 100%;
  line-height: 0;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload-local-tips {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  clear: both;
  padding-top: 12px;
  font-size: 12px;
  line-height: 14px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-image-list {
  height: auto;
  margin-top: 10px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-image-list .zent-upload-image-item {
  position: relative;
  float: left;
  margin-right: 10px;
  width: 80px;
  height: 80px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-image-list .zent-upload-image-item:hover .zent-upload__close-modal {
  display: block;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-image-list .zent-upload-image-item__box {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: 50% 50%;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-image-list .zent-upload-image-item__progress {
  color: #fff;
  color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 80px;
  font-size: 14px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list {
  height: auto;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  position: relative;
  float: left;
  width: 300px;
  height: 60px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 9px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  box-sizing: border-box;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item:hover .zent-upload__close-modal {
  display: block;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__icon {
  background-color: #e0e0e0;
  background-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  background-image: url("https://b.yzcdn.cn/upload/image/play@2x.png");
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__icon.loading {
  background-image: url("https://b.yzcdn.cn/upload/image/loading@2x.gif");
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__icon.playing {
  background-image: url("https://b.yzcdn.cn/upload/image/playing@2x.gif");
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  width: 200px;
  height: 18px;
  line-height: 18px;
  top: 10px;
  left: 60px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__createtime {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  position: absolute;
  bottom: 10px;
  left: 60px;
  line-height: 14px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__duration {
  position: absolute;
  top: 12px;
  right: 10px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__progress {
  color: #fff;
  color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 60px;
  font-size: 14px;
}
.zent-upload-local-attachment-region[data-cp-zv="v2.3.1"] .zent-upload__upload-local-voice-list .zent-upload-voice-item__size {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  position: absolute;
  top: 34px;
  right: 10px;
}

.zent-upload__close-modal[data-cp-zv="v2.3.1"] {
  color: #fff;
  color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  display: none;
  position: absolute;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 9px;
}
.zent-upload__close-modal[data-cp-zv="v2.3.1"]:hover {
  color: #fff;
  color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  background-color: #333;
  background-color: var(--theme-title-color, var(--theme-stroke-1, #333));
}

.zent-upload-add-local-attachment[data-cp-zv="v2.3.1"] {
  position: relative;
  width: 44px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  overflow: hidden;
}
.zent-upload-add-local-attachment[data-cp-zv="v2.3.1"] input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  direction: rtl;
  font-size: 23px;
  opacity: 0;
  cursor: pointer;
}

.zent-upload-wrapper[data-cp-zv="v2.3.1"],
.zent-upload-add-local-image-button[data-cp-zv="v2.3.1"],
.zent-upload-trigger[data-cp-zv="v2.3.1"] {
  position: relative;
}
.zent-upload-wrapper[data-cp-zv="v2.3.1"] input[type=file],
.zent-upload-add-local-image-button[data-cp-zv="v2.3.1"] input[type=file],
.zent-upload-trigger[data-cp-zv="v2.3.1"] input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  direction: rtl;
  font-size: 23px;
  opacity: 0;
  cursor: pointer;
}

.zent-upload-add-local-image-button[data-cp-zv="v2.3.1"],
.zent-upload-trigger[data-cp-zv="v2.3.1"] {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-2, #999));
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  display: block;
  width: 80px;
  height: 80px;
  border-width: 1px;
  border-style: dashed;
  line-height: 80px;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
}

.zent-upload-add-local-image-button[data-cp-zv="v2.3.1"] {
  margin: 10px 20px 0 0;
}

.zent-upload-tips[data-cp-zv="v2.3.1"] {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  line-height: 14px;
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 0;
  position: absolute;
}

.zent-upload-link[data-cp-zv="v2.3.1"] {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  cursor: pointer;
  font-weight: bold;
}

.zent-upload-split[data-cp-zv="v2.3.1"] {
  margin: 0 10px;
}

/* styles begin */
.zent-link[data-cp-zv="v2.3.1"] {
  font-size: 14px;
  line-height: 20px;
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  text-decoration: none;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 2px;
}
.zent-link[data-cp-zv="v2.3.1"]:link, .zent-link[data-cp-zv="v2.3.1"]:visited, .zent-link[data-cp-zv="v2.3.1"]:focus {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-link[data-cp-zv="v2.3.1"]:hover {
  color: #356fd4;
  color: var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));
}
.zent-link[data-cp-zv="v2.3.1"]:active {
  color: #114bae;
  color: var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));
}
.zent-link[data-cp-zv="v2.3.1"].zent-link__disabled {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  cursor: not-allowed;
}

@keyframes zent-cp-ani-spin-vv2x3x1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.zent-tree[data-cp-zv="v2.3.1"] {
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  font-size: 14px;
}
.zent-tree[data-cp-zv="v2.3.1"] ul,
.zent-tree[data-cp-zv="v2.3.1"] li {
  list-style: none;
}
.zent-tree[data-cp-zv="v2.3.1"] ul {
  padding-left: 20px;
}
.zent-tree[data-cp-zv="v2.3.1"] .tree-node-loading-wrapper {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.zent-tree[data-cp-zv="v2.3.1"] .tree-node-loading-wrapper .tree-node-loading {
  border-color: #155bd4;
  border-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 5px;
  border-width: 1px;
  border-style: solid;
}
.zent-tree[data-cp-zv="v2.3.1"] .tree-node-loading-wrapper .tree-node-loading:after {
  background: #fff;
  background: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  content: "";
  display: inline-block;
  position: absolute;
  height: 10px;
  width: 4px;
  animation: 2s linear zent-cp-ani-spin-vv2x3x1 infinite;
  transform-origin: 10px 4px;
  left: -1px;
  top: 6px;
}

.zent-tree[data-cp-zv="v2.3.1"].zent-tree-large {
  font-size: 16px;
}
.zent-tree[data-cp-zv="v2.3.1"].zent-tree-large .zent-tree-bar .zent-tree-switcher {
  line-height: 20px;
}
.zent-tree[data-cp-zv="v2.3.1"].zent-tree-large .zent-tree-bar .zent-tree-switcher:after {
  border: 6px solid transparent;
  border-left-width: 9px;
  border-left-color: #e0e0e0;
  border-left-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
}

.zent-tree[data-cp-zv="v2.3.1"].zent-tree-small {
  font-size: 12px;
}
.zent-tree[data-cp-zv="v2.3.1"].zent-tree-small .zent-tree-bar .zent-tree-switcher {
  line-height: 12px;
}
.zent-tree[data-cp-zv="v2.3.1"].zent-tree-small .zent-tree-bar .zent-tree-switcher:after {
  border: 4px solid transparent;
  border-left-width: 6px;
  border-left-color: #e0e0e0;
  border-left-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
}

.zent-tree-bar[data-cp-zv="v2.3.1"] {
  position: relative;
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-switcher {
  position: absolute;
  top: 2px;
  left: -18px;
  width: 16px;
  height: 16px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-switcher:after {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-2, #999));
  content: "";
  display: inline-block;
  border: 5px solid transparent;
  border-left-width: 7px;
  border-left-color: #e0e0e0;
  border-left-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  transform: rotate(90deg);
  transform-origin: 23.09% 50%;
  transition: transform 0.3s ease;
}
.zent-tree-bar[data-cp-zv="v2.3.1"].zent-tree-bar--off .zent-tree-switcher:after {
  transform: rotate(0deg);
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-node {
  display: inline-block;
  line-height: 1.42857143;
  cursor: pointer;
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-node .zent-tree-content {
  margin-left: -4px;
  padding: 0 4px;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-node .zent-tree-content:hover {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-node .zent-tree-operation-container {
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
  display: inline-block;
  margin-left: 10px;
  opacity: 0;
  font-size: 0.8em;
  transition: opacity 0.3s ease-in;
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-tree-node .zent-tree-operation-container > span.zent-tree-operation:not(:last-of-type) {
  border-left-color: #e0e0e0;
  border-left-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  margin-right: 8px;
  padding-right: 8px;
  border-left-width: 2px;
  border-left-style: solid;
}
.zent-tree-bar[data-cp-zv="v2.3.1"]:hover .zent-tree-node .zent-tree-operation-container {
  opacity: 1;
}
.zent-tree-bar[data-cp-zv="v2.3.1"] .zent-checkbox-wrap {
  margin-top: -5px;
}

.zent-tree-child[data-cp-zv="v2.3.1"] {
  overflow: hidden;
}