[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn-primary-text {
  color: var(--xt-primary-foreground-color);
  background: transparent;
  border-color: transparent;
  border-color: none;
}
.btn-primary-text:hover,
.btn-primary-text:focus {
  color: var(--xt-primary-foreground-color);
  text-decoration: underline;
}
.xt-btn {
  color: var(--xt-primary-foreground-color);
  font-size: 14px;
  height: 30px;
  background: transparent;
  border-radius: 2px;
  padding: 0 14px;
  border: 1px solid var(--xt-primary-foreground);
  cursor: pointer;
  outline: none;
}
.xt-btn .anticon {
  margin: 0 4px;
}
.xt-btn:hover,
.xt-btn:focus,
.xt-btn:active {
  background: var(--xt-primary-hover-bg);
}
.xt-btn--sm {
  height: 24px;
  line-height: 12px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 2px;
}
.xt-btn--md {
  height: 30px;
  line-height: 14px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 2px;
}
.xt-btn--lg {
  height: 36px;
  line-height: 16px;
  padding: 0 18px;
  font-size: 16px;
  border-radius: 2px;
}
.xt-btn:not(:first-child) {
  margin-left: 15px;
}
.xt-btn--primary {
  color: #fff;
  background: var(--xt-primary-color);
  border-color: none;
  border: none;
}
.xt-btn--primary:hover,
.xt-btn--primary:focus,
.xt-btn--primary:active {
  color: #fff;
  background: var(--xt-primary-deep-hover-bg);
}
.xt-btn--primary.xt-btn--outline {
  color: var(--xt-primary-foreground-color);
  border-color: var(--xt-primary-foreground);
  background: transparent;
}
.xt-btn--primary.xt-btn--outline:hover,
.xt-btn--primary.xt-btn--outline:focus,
.xt-btn--primary.xt-btn--outline:active {
  background: var(--xt-primary-hover-bg);
}
.xt-btn--disabled {
  color: var(--xt-disabled-color);
  background: transparent;
  border-color: var(--xt-disabled-color);
}
.xt-btn--disabled:hover,
.xt-btn--disabled:focus,
.xt-btn--disabled:active {
  color: var(--xt-disabled-color);
  background: transparent;
  cursor: not-allowed;
}
.xt-btn--primary.xt-btn--disabled {
  color: var(--xt-disabled-color);
  background: var(--xt-disabled-bg);
  border-color: var(--xt-disabled-color);
}
.xt-btn--primary.xt-btn--disabled:hover,
.xt-btn--primary.xt-btn--disabled:focus,
.xt-btn--primary.xt-btn--disabled:active {
  color: var(--xt-disabled-color);
  background: var(--xt-disabled-bg);
  cursor: not-allowed;
}
.xt-btn--primary.xt-btn--dashed.xt-btn--disabled,
.xt-btn--dashed.xt-btn--disabled {
  color: var(--xt-disabled-color);
  background: transparent;
  border-color: var(--xt-disabled-color);
}
.xt-btn--primary.xt-btn--dashed.xt-btn--disabled:hover,
.xt-btn--dashed.xt-btn--disabled:hover,
.xt-btn--primary.xt-btn--dashed.xt-btn--disabled:focus,
.xt-btn--dashed.xt-btn--disabled:focus,
.xt-btn--primary.xt-btn--dashed.xt-btn--disabled:active,
.xt-btn--dashed.xt-btn--disabled:active {
  color: var(--xt-disabled-color);
  background: transparent;
  cursor: not-allowed;
}
.xt-btn--primary.xt-btn--text.xt-btn--disabled,
.xt-btn--text.xt-btn--disabled {
  color: var(--xt-disabled-color);
  background: transparent;
  border-color: none;
  border: none;
}
.xt-btn--primary.xt-btn--text.xt-btn--disabled:hover,
.xt-btn--text.xt-btn--disabled:hover,
.xt-btn--primary.xt-btn--text.xt-btn--disabled:focus,
.xt-btn--text.xt-btn--disabled:focus,
.xt-btn--primary.xt-btn--text.xt-btn--disabled:active,
.xt-btn--text.xt-btn--disabled:active {
  color: var(--xt-disabled-color);
  background: transparent;
  cursor: not-allowed;
}
.xt-btn--primary.xt-btn--text.xt-btn--disabled:hover,
.xt-btn--text.xt-btn--disabled:hover,
.xt-btn--primary.xt-btn--text.xt-btn--disabled:focus,
.xt-btn--text.xt-btn--disabled:focus,
.xt-btn--primary.xt-btn--text.xt-btn--disabled:active,
.xt-btn--text.xt-btn--disabled:active {
  text-decoration: none;
}
.xt-btn--dashed {
  color: #cccccc;
  background: transparent;
  border: 1px solid #cccccc;
  border-style: dashed;
}
.xt-btn--dashed:hover,
.xt-btn--dashed:focus,
.xt-btn--dashed:active {
  background: var(--xt-primary-hover-bg);
}
.xt-btn--primary.xt-btn--dashed {
  color: var(--xt-primary-foreground-color);
  background: transparent;
  border: 1px solid var(--xt-primary-foreground);
  border-style: dashed;
}
.xt-btn--primary.xt-btn--dashed:hover,
.xt-btn--primary.xt-btn--dashed:focus,
.xt-btn--primary.xt-btn--dashed:active {
  background: var(--xt-primary-hover-bg);
}
.xt-btn--loading {
  color: var(--xt-primary-foreground-color);
}
.xt-btn--loading .btn-loading-icon {
  margin-right: 4px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid var(--xt-loading-color);
  border-top-color: var(--xt-primary-foreground-color);
  animation: spin 1s infinite linear;
}
.xt-btn--danger {
  color: #EC3A3C;
  background: 'transparent';
  border-color: #EC3A3C;
}
.xt-btn--danger:hover,
.xt-btn--danger:focus,
.xt-btn--danger:active {
  color: #fff;
  background: rgba(236, 58, 60, 0.5);
}
.xt-btn--primary.xt-btn--danger {
  color: #fff;
  background: #EC3A3C;
  border-color: #EC3A3C;
}
.xt-btn--primary.xt-btn--danger:hover,
.xt-btn--primary.xt-btn--danger:focus,
.xt-btn--primary.xt-btn--danger:active {
  color: #fff;
  background: rgba(236, 58, 60, 0.5);
}
.xt-btn--primary.xt-btn--loading {
  color: #fff;
}
.xt-btn--primary.xt-btn--loading .btn-loading-icon {
  margin-right: 4px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid rgba(255, 255, 255, 0.65);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
}
.xt-btn--dashed.xt-btn--loading {
  border-color: var(--xt-primary-foreground);
  color: var(--xt-primary-foreground-color);
}
.xt-btn--dashed.xt-btn--loading .btn-loading-icon {
  margin-right: 4px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid var(--xt-loading-color);
  border-top-color: var(--xt-primary-foreground-color);
  animation: spin 1s infinite linear;
}
.xt-btn--text {
  color: var(--xt-primary-foreground-color);
  background: transparent;
  border-color: transparent;
  border-color: none;
}
.xt-btn--text:hover,
.xt-btn--text:focus {
  color: var(--xt-primary-foreground-color);
  text-decoration: underline;
}
.xt-btn--primary.xt-btn--text {
  color: var(--xt-primary-foreground-color);
  background: transparent;
  border-color: transparent;
  border-color: none;
}
.xt-btn--primary.xt-btn--text:hover,
.xt-btn--primary.xt-btn--text:focus {
  color: var(--xt-primary-foreground-color);
  text-decoration: underline;
}
.xt-btn--round {
  height: 30px;
  line-height: 14px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 30px;
}
.xt-btn--round.xt-btn--sm {
  height: 24px;
  line-height: 12px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 30px;
}
.xt-btn--round.xt-btn--lg {
  height: 36px;
  line-height: 16px;
  padding: 0 18px;
  font-size: 16px;
  border-radius: 30px;
}
.xt-btn--circle {
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
}
.xt-btn--circle.xt-btn--sm {
  min-width: 24px;
  height: 24px;
}
.xt-btn--circle.xt-btn--lg {
  min-width: 36px;
  height: 36px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-select-option {
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  padding: 0 10px;
  color: var(--xt-font-color);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xt-select-option:hover {
  background: var(--xt-gray-color);
}
.xt-select-option--selected .xt-select-option {
  color: var(--xt-primary-color);
  text-decoration: underline;
}
.xt-select-option-mutliple-selected {
  color: var(--xt-primary-color);
  text-decoration: underline;
}
.xt-select-option-disabled {
  background: var(--xt-disabled-color);
  cursor: not-allowed;
}
.xt-select-option-disabled:hover {
  background: var(--xt-disabled-color);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-select-group__title {
  padding-left: 10px;
  font-size: 12px;
  color: var(--xt-font-color-1);
  line-height: 30px;
}
.xt-select-group__wrap .xt-select-option {
  padding-left: 20px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-select-dropdown {
  max-height: 200px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  z-index: 1000;
  background-color: var(--xt-panel-bg);
  overflow-y: auto;
  cursor: pointer;
}
.xt-select-dropdown::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.xt-select-dropdown::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  background: #cccccc;
}
.xt-select-dropdown::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 2px;
  background: #ededed;
}
.xt-select-dropdown-popper {
  height: 0;
  overflow: hidden;
}
.xt-select-dropdown-top {
  bottom: calc(100% + 4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.xt-select-dropdown-bottom {
  top: calc(100% + 4px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-tag {
  height: 22px;
  background-color: var(--xt-gray-color);
  color: var(--xt-font-color);
  display: inline-block;
  padding: 0px 5px;
  line-height: 22px;
  font-size: 12px;
  border: 1px solid;
  border-color: var(--xt-border-color-1);
  box-sizing: border-box;
  white-space: nowrap;
  margin-right: 4px;
  border-radius: 2px;
}
.xt-tag-close-icon {
  color: var(--xt-border-color-1);
  font-size: 13px;
  cursor: pointer;
}
.xt-tag-hidden {
  display: none;
}
.xt-tag-children {
  padding: 0 3px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-select {
  position: relative;
}
.xt-select:hover .xt-select-close {
  display: block;
}
.xt-select.xt-select-disabled input {
  background: var(--xt-disabled-color);
  cursor: not-allowed;
}
.xt-select.xt-select-disabled input:hover,
.xt-select.xt-select-disabled input:focus,
.xt-select.xt-select-disabled input:active {
  border-color: var(--xt-border-color-1);
}
.xt-select input {
  width: 100%;
  min-height: 30px;
  background-color: var(--xt-transparent-bg);
  border: 1px solid var(--xt-border-color-1);
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  padding: 0 10px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
}
.xt-select input::-moz-placeholder {
  color: var(--xt-font-color-1);
}
.xt-select input::placeholder {
  color: var(--xt-font-color-1);
}
.xt-select input:hover {
  border-color: var(--xt-border-color-2);
}
.xt-select input:focus,
.xt-select input:active {
  border-color: var(--xt-primary-color);
}
.xt-select--tags {
  width: 100%;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  cursor: text;
  pointer-events: none;
}
.xt-select--tags .xt-tag {
  margin: 3px;
  pointer-events: auto;
}
.xt-select .xt-select-close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  right: 10px;
  top: 50%;
  color: var(--xt-border-color-1);
  transform: translateY(-50%);
  display: none;
}
.xt-select .xt-select-arrow {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  right: 10px;
  top: 50%;
  color: var(--xt-border-color-1);
  transition: all 0.3s;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-switch {
  padding: 1px;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: calc(10px + 4px);
  border: 1px solid transparent;
  background: #9CA3AF;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: pointer;
}
.xt-switch:after {
  width: 20px;
  height: 20px;
  border-radius: calc(20px / 2);
  margin-top: calc(-20px / 2);
}
.xt-switch_on:after {
  transform: translate(100%);
}
.xt-switch:after {
  background: #fff;
}
.xt-switch_on {
  background: var(--xt-primary-color);
}
.xt-switch_on:after {
  transform: translate(100%);
}
.xt-switch:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.xt-switch_disabled {
  background: var(--xt-disabled-color);
  border: 1px solid #b9bfc5;
  opacity: 0.6;
}
.xt-switch_disabled:hover,
.xt-switch_disabled:focus,
.xt-switch_disabled:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-switch-lg {
  height: 30px;
  width: 60px;
  border-radius: calc(15px + 4px);
}
.xt-switch-lg:after {
  width: 30px;
  height: 30px;
  border-radius: calc(30px / 2);
  margin-top: calc(-30px / 2);
}
.xt-switch-lg_on:after {
  transform: translate(100%);
}
.xt-switch-sm {
  height: 10px;
  width: 20px;
  border-radius: calc(5px + 4px);
}
.xt-switch-sm:after {
  width: 10px;
  height: 10px;
  border-radius: calc(10px / 2);
  margin-top: calc(-10px / 2);
}
.xt-switch-sm_on:after {
  transform: translate(100%);
}
.xt-switch-primary {
  border: 1px solid transparent;
  background: #9CA3AF;
}
.xt-switch-primary:after {
  background: #fff;
}
.xt-switch-primary_on {
  background: var(--xt-primary-color);
}
.xt-switch-primary_on:after {
  transform: translate(100%);
}
.xt-switch-danger {
  border: 1px solid transparent;
  background: #9CA3AF;
}
.xt-switch-danger:after {
  background: #fff;
}
.xt-switch-danger_on {
  background: #dc3545;
}
.xt-switch-danger_on:after {
  transform: translate(100%);
}
.xt-switch-warn {
  border: 1px solid transparent;
  background: #9CA3AF;
}
.xt-switch-warn:after {
  background: #fff;
}
.xt-switch-warn_on {
  background: #fadb14;
}
.xt-switch-warn_on:after {
  transform: translate(100%);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-row {
  display: flex;
  flex-flow: row wrap;
}
.xt-row-no-wrap {
  flex-wrap: nowrap;
}
.xt-row-start {
  justify-content: flex-start;
}
.xt-row-center {
  justify-content: center;
}
.xt-row-end {
  justify-content: flex-end;
}
.xt-row-space-between {
  justify-content: space-between;
}
.xt-row-space-around {
  justify-content: space-around;
}
.xt-row-top {
  align-items: flex-start;
}
.xt-row-middle {
  align-items: center;
}
.xt-row-bottom {
  align-items: flex-end;
}
.xt-col {
  position: relative;
  max-width: 100%;
}
.xt-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.xt-col-push-24 {
  left: 100%;
}
.xt-col-pull-24 {
  right: 100%;
}
.xt-col-offset-24 {
  margin-left: 100%;
}
.xt-col-order-24 {
  order: 24;
}
.xt-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.xt-col-push-23 {
  left: 95.83333333%;
}
.xt-col-pull-23 {
  right: 95.83333333%;
}
.xt-col-offset-23 {
  margin-left: 95.83333333%;
}
.xt-col-order-23 {
  order: 23;
}
.xt-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.xt-col-push-22 {
  left: 91.66666667%;
}
.xt-col-pull-22 {
  right: 91.66666667%;
}
.xt-col-offset-22 {
  margin-left: 91.66666667%;
}
.xt-col-order-22 {
  order: 22;
}
.xt-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.xt-col-push-21 {
  left: 87.5%;
}
.xt-col-pull-21 {
  right: 87.5%;
}
.xt-col-offset-21 {
  margin-left: 87.5%;
}
.xt-col-order-21 {
  order: 21;
}
.xt-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.xt-col-push-20 {
  left: 83.33333333%;
}
.xt-col-pull-20 {
  right: 83.33333333%;
}
.xt-col-offset-20 {
  margin-left: 83.33333333%;
}
.xt-col-order-20 {
  order: 20;
}
.xt-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.xt-col-push-19 {
  left: 79.16666667%;
}
.xt-col-pull-19 {
  right: 79.16666667%;
}
.xt-col-offset-19 {
  margin-left: 79.16666667%;
}
.xt-col-order-19 {
  order: 19;
}
.xt-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.xt-col-push-18 {
  left: 75%;
}
.xt-col-pull-18 {
  right: 75%;
}
.xt-col-offset-18 {
  margin-left: 75%;
}
.xt-col-order-18 {
  order: 18;
}
.xt-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.xt-col-push-17 {
  left: 70.83333333%;
}
.xt-col-pull-17 {
  right: 70.83333333%;
}
.xt-col-offset-17 {
  margin-left: 70.83333333%;
}
.xt-col-order-17 {
  order: 17;
}
.xt-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.xt-col-push-16 {
  left: 66.66666667%;
}
.xt-col-pull-16 {
  right: 66.66666667%;
}
.xt-col-offset-16 {
  margin-left: 66.66666667%;
}
.xt-col-order-16 {
  order: 16;
}
.xt-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.xt-col-push-15 {
  left: 62.5%;
}
.xt-col-pull-15 {
  right: 62.5%;
}
.xt-col-offset-15 {
  margin-left: 62.5%;
}
.xt-col-order-15 {
  order: 15;
}
.xt-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.xt-col-push-14 {
  left: 58.33333333%;
}
.xt-col-pull-14 {
  right: 58.33333333%;
}
.xt-col-offset-14 {
  margin-left: 58.33333333%;
}
.xt-col-order-14 {
  order: 14;
}
.xt-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.xt-col-push-13 {
  left: 54.16666667%;
}
.xt-col-pull-13 {
  right: 54.16666667%;
}
.xt-col-offset-13 {
  margin-left: 54.16666667%;
}
.xt-col-order-13 {
  order: 13;
}
.xt-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.xt-col-push-12 {
  left: 50%;
}
.xt-col-pull-12 {
  right: 50%;
}
.xt-col-offset-12 {
  margin-left: 50%;
}
.xt-col-order-12 {
  order: 12;
}
.xt-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.xt-col-push-11 {
  left: 45.83333333%;
}
.xt-col-pull-11 {
  right: 45.83333333%;
}
.xt-col-offset-11 {
  margin-left: 45.83333333%;
}
.xt-col-order-11 {
  order: 11;
}
.xt-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.xt-col-push-10 {
  left: 41.66666667%;
}
.xt-col-pull-10 {
  right: 41.66666667%;
}
.xt-col-offset-10 {
  margin-left: 41.66666667%;
}
.xt-col-order-10 {
  order: 10;
}
.xt-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.xt-col-push-9 {
  left: 37.5%;
}
.xt-col-pull-9 {
  right: 37.5%;
}
.xt-col-offset-9 {
  margin-left: 37.5%;
}
.xt-col-order-9 {
  order: 9;
}
.xt-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.xt-col-push-8 {
  left: 33.33333333%;
}
.xt-col-pull-8 {
  right: 33.33333333%;
}
.xt-col-offset-8 {
  margin-left: 33.33333333%;
}
.xt-col-order-8 {
  order: 8;
}
.xt-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.xt-col-push-7 {
  left: 29.16666667%;
}
.xt-col-pull-7 {
  right: 29.16666667%;
}
.xt-col-offset-7 {
  margin-left: 29.16666667%;
}
.xt-col-order-7 {
  order: 7;
}
.xt-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.xt-col-push-6 {
  left: 25%;
}
.xt-col-pull-6 {
  right: 25%;
}
.xt-col-offset-6 {
  margin-left: 25%;
}
.xt-col-order-6 {
  order: 6;
}
.xt-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.xt-col-push-5 {
  left: 20.83333333%;
}
.xt-col-pull-5 {
  right: 20.83333333%;
}
.xt-col-offset-5 {
  margin-left: 20.83333333%;
}
.xt-col-order-5 {
  order: 5;
}
.xt-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.xt-col-push-4 {
  left: 16.66666667%;
}
.xt-col-pull-4 {
  right: 16.66666667%;
}
.xt-col-offset-4 {
  margin-left: 16.66666667%;
}
.xt-col-order-4 {
  order: 4;
}
.xt-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.xt-col-push-3 {
  left: 12.5%;
}
.xt-col-pull-3 {
  right: 12.5%;
}
.xt-col-offset-3 {
  margin-left: 12.5%;
}
.xt-col-order-3 {
  order: 3;
}
.xt-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.xt-col-push-2 {
  left: 8.33333333%;
}
.xt-col-pull-2 {
  right: 8.33333333%;
}
.xt-col-offset-2 {
  margin-left: 8.33333333%;
}
.xt-col-order-2 {
  order: 2;
}
.xt-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.xt-col-push-1 {
  left: 4.16666667%;
}
.xt-col-pull-1 {
  right: 4.16666667%;
}
.xt-col-offset-1 {
  margin-left: 4.16666667%;
}
.xt-col-order-1 {
  order: 1;
}
.xt-col-0 {
  display: none;
}
.xt-col-push-0 {
  left: auto;
}
.xt-col-pull-0 {
  right: auto;
}
.xt-col-push-0 {
  left: auto;
}
.xt-col-pull-0 {
  right: auto;
}
.xt-col-offset-0 {
  margin-left: 0;
}
.xt-col-order-0 {
  order: 0;
}
.xt-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.xt-col-xs-push-24 {
  left: 100%;
}
.xt-col-xs-pull-24 {
  right: 100%;
}
.xt-col-xs-offset-24 {
  margin-left: 100%;
}
.xt-col-xs-order-24 {
  order: 24;
}
.xt-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.xt-col-xs-push-23 {
  left: 95.83333333%;
}
.xt-col-xs-pull-23 {
  right: 95.83333333%;
}
.xt-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.xt-col-xs-order-23 {
  order: 23;
}
.xt-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.xt-col-xs-push-22 {
  left: 91.66666667%;
}
.xt-col-xs-pull-22 {
  right: 91.66666667%;
}
.xt-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.xt-col-xs-order-22 {
  order: 22;
}
.xt-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.xt-col-xs-push-21 {
  left: 87.5%;
}
.xt-col-xs-pull-21 {
  right: 87.5%;
}
.xt-col-xs-offset-21 {
  margin-left: 87.5%;
}
.xt-col-xs-order-21 {
  order: 21;
}
.xt-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.xt-col-xs-push-20 {
  left: 83.33333333%;
}
.xt-col-xs-pull-20 {
  right: 83.33333333%;
}
.xt-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.xt-col-xs-order-20 {
  order: 20;
}
.xt-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.xt-col-xs-push-19 {
  left: 79.16666667%;
}
.xt-col-xs-pull-19 {
  right: 79.16666667%;
}
.xt-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.xt-col-xs-order-19 {
  order: 19;
}
.xt-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.xt-col-xs-push-18 {
  left: 75%;
}
.xt-col-xs-pull-18 {
  right: 75%;
}
.xt-col-xs-offset-18 {
  margin-left: 75%;
}
.xt-col-xs-order-18 {
  order: 18;
}
.xt-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.xt-col-xs-push-17 {
  left: 70.83333333%;
}
.xt-col-xs-pull-17 {
  right: 70.83333333%;
}
.xt-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.xt-col-xs-order-17 {
  order: 17;
}
.xt-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.xt-col-xs-push-16 {
  left: 66.66666667%;
}
.xt-col-xs-pull-16 {
  right: 66.66666667%;
}
.xt-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.xt-col-xs-order-16 {
  order: 16;
}
.xt-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.xt-col-xs-push-15 {
  left: 62.5%;
}
.xt-col-xs-pull-15 {
  right: 62.5%;
}
.xt-col-xs-offset-15 {
  margin-left: 62.5%;
}
.xt-col-xs-order-15 {
  order: 15;
}
.xt-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.xt-col-xs-push-14 {
  left: 58.33333333%;
}
.xt-col-xs-pull-14 {
  right: 58.33333333%;
}
.xt-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.xt-col-xs-order-14 {
  order: 14;
}
.xt-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.xt-col-xs-push-13 {
  left: 54.16666667%;
}
.xt-col-xs-pull-13 {
  right: 54.16666667%;
}
.xt-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.xt-col-xs-order-13 {
  order: 13;
}
.xt-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.xt-col-xs-push-12 {
  left: 50%;
}
.xt-col-xs-pull-12 {
  right: 50%;
}
.xt-col-xs-offset-12 {
  margin-left: 50%;
}
.xt-col-xs-order-12 {
  order: 12;
}
.xt-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.xt-col-xs-push-11 {
  left: 45.83333333%;
}
.xt-col-xs-pull-11 {
  right: 45.83333333%;
}
.xt-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.xt-col-xs-order-11 {
  order: 11;
}
.xt-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.xt-col-xs-push-10 {
  left: 41.66666667%;
}
.xt-col-xs-pull-10 {
  right: 41.66666667%;
}
.xt-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.xt-col-xs-order-10 {
  order: 10;
}
.xt-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.xt-col-xs-push-9 {
  left: 37.5%;
}
.xt-col-xs-pull-9 {
  right: 37.5%;
}
.xt-col-xs-offset-9 {
  margin-left: 37.5%;
}
.xt-col-xs-order-9 {
  order: 9;
}
.xt-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.xt-col-xs-push-8 {
  left: 33.33333333%;
}
.xt-col-xs-pull-8 {
  right: 33.33333333%;
}
.xt-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.xt-col-xs-order-8 {
  order: 8;
}
.xt-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.xt-col-xs-push-7 {
  left: 29.16666667%;
}
.xt-col-xs-pull-7 {
  right: 29.16666667%;
}
.xt-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.xt-col-xs-order-7 {
  order: 7;
}
.xt-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.xt-col-xs-push-6 {
  left: 25%;
}
.xt-col-xs-pull-6 {
  right: 25%;
}
.xt-col-xs-offset-6 {
  margin-left: 25%;
}
.xt-col-xs-order-6 {
  order: 6;
}
.xt-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.xt-col-xs-push-5 {
  left: 20.83333333%;
}
.xt-col-xs-pull-5 {
  right: 20.83333333%;
}
.xt-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.xt-col-xs-order-5 {
  order: 5;
}
.xt-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.xt-col-xs-push-4 {
  left: 16.66666667%;
}
.xt-col-xs-pull-4 {
  right: 16.66666667%;
}
.xt-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.xt-col-xs-order-4 {
  order: 4;
}
.xt-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.xt-col-xs-push-3 {
  left: 12.5%;
}
.xt-col-xs-pull-3 {
  right: 12.5%;
}
.xt-col-xs-offset-3 {
  margin-left: 12.5%;
}
.xt-col-xs-order-3 {
  order: 3;
}
.xt-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.xt-col-xs-push-2 {
  left: 8.33333333%;
}
.xt-col-xs-pull-2 {
  right: 8.33333333%;
}
.xt-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.xt-col-xs-order-2 {
  order: 2;
}
.xt-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.xt-col-xs-push-1 {
  left: 4.16666667%;
}
.xt-col-xs-pull-1 {
  right: 4.16666667%;
}
.xt-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.xt-col-xs-order-1 {
  order: 1;
}
.xt-col-xs-0 {
  display: none;
}
.xt-col-push-0 {
  left: auto;
}
.xt-col-pull-0 {
  right: auto;
}
.xt-col-xs-push-0 {
  left: auto;
}
.xt-col-xs-pull-0 {
  right: auto;
}
.xt-col-xs-offset-0 {
  margin-left: 0;
}
.xt-col-xs-order-0 {
  order: 0;
}
@media (min-width: 768px) {
  .xt-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xt-col-sm-push-24 {
    left: 100%;
  }
  .xt-col-sm-pull-24 {
    right: 100%;
  }
  .xt-col-sm-offset-24 {
    margin-left: 100%;
  }
  .xt-col-sm-order-24 {
    order: 24;
  }
  .xt-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .xt-col-sm-push-23 {
    left: 95.83333333%;
  }
  .xt-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .xt-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .xt-col-sm-order-23 {
    order: 23;
  }
  .xt-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .xt-col-sm-push-22 {
    left: 91.66666667%;
  }
  .xt-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .xt-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .xt-col-sm-order-22 {
    order: 22;
  }
  .xt-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .xt-col-sm-push-21 {
    left: 87.5%;
  }
  .xt-col-sm-pull-21 {
    right: 87.5%;
  }
  .xt-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .xt-col-sm-order-21 {
    order: 21;
  }
  .xt-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .xt-col-sm-push-20 {
    left: 83.33333333%;
  }
  .xt-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .xt-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .xt-col-sm-order-20 {
    order: 20;
  }
  .xt-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .xt-col-sm-push-19 {
    left: 79.16666667%;
  }
  .xt-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .xt-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .xt-col-sm-order-19 {
    order: 19;
  }
  .xt-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xt-col-sm-push-18 {
    left: 75%;
  }
  .xt-col-sm-pull-18 {
    right: 75%;
  }
  .xt-col-sm-offset-18 {
    margin-left: 75%;
  }
  .xt-col-sm-order-18 {
    order: 18;
  }
  .xt-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .xt-col-sm-push-17 {
    left: 70.83333333%;
  }
  .xt-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .xt-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .xt-col-sm-order-17 {
    order: 17;
  }
  .xt-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .xt-col-sm-push-16 {
    left: 66.66666667%;
  }
  .xt-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .xt-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .xt-col-sm-order-16 {
    order: 16;
  }
  .xt-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .xt-col-sm-push-15 {
    left: 62.5%;
  }
  .xt-col-sm-pull-15 {
    right: 62.5%;
  }
  .xt-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .xt-col-sm-order-15 {
    order: 15;
  }
  .xt-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .xt-col-sm-push-14 {
    left: 58.33333333%;
  }
  .xt-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .xt-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .xt-col-sm-order-14 {
    order: 14;
  }
  .xt-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .xt-col-sm-push-13 {
    left: 54.16666667%;
  }
  .xt-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .xt-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .xt-col-sm-order-13 {
    order: 13;
  }
  .xt-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xt-col-sm-push-12 {
    left: 50%;
  }
  .xt-col-sm-pull-12 {
    right: 50%;
  }
  .xt-col-sm-offset-12 {
    margin-left: 50%;
  }
  .xt-col-sm-order-12 {
    order: 12;
  }
  .xt-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .xt-col-sm-push-11 {
    left: 45.83333333%;
  }
  .xt-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .xt-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .xt-col-sm-order-11 {
    order: 11;
  }
  .xt-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .xt-col-sm-push-10 {
    left: 41.66666667%;
  }
  .xt-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .xt-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .xt-col-sm-order-10 {
    order: 10;
  }
  .xt-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .xt-col-sm-push-9 {
    left: 37.5%;
  }
  .xt-col-sm-pull-9 {
    right: 37.5%;
  }
  .xt-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .xt-col-sm-order-9 {
    order: 9;
  }
  .xt-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .xt-col-sm-push-8 {
    left: 33.33333333%;
  }
  .xt-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .xt-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .xt-col-sm-order-8 {
    order: 8;
  }
  .xt-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .xt-col-sm-push-7 {
    left: 29.16666667%;
  }
  .xt-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .xt-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .xt-col-sm-order-7 {
    order: 7;
  }
  .xt-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xt-col-sm-push-6 {
    left: 25%;
  }
  .xt-col-sm-pull-6 {
    right: 25%;
  }
  .xt-col-sm-offset-6 {
    margin-left: 25%;
  }
  .xt-col-sm-order-6 {
    order: 6;
  }
  .xt-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .xt-col-sm-push-5 {
    left: 20.83333333%;
  }
  .xt-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .xt-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .xt-col-sm-order-5 {
    order: 5;
  }
  .xt-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .xt-col-sm-push-4 {
    left: 16.66666667%;
  }
  .xt-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .xt-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .xt-col-sm-order-4 {
    order: 4;
  }
  .xt-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .xt-col-sm-push-3 {
    left: 12.5%;
  }
  .xt-col-sm-pull-3 {
    right: 12.5%;
  }
  .xt-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .xt-col-sm-order-3 {
    order: 3;
  }
  .xt-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .xt-col-sm-push-2 {
    left: 8.33333333%;
  }
  .xt-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .xt-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .xt-col-sm-order-2 {
    order: 2;
  }
  .xt-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .xt-col-sm-push-1 {
    left: 4.16666667%;
  }
  .xt-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .xt-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .xt-col-sm-order-1 {
    order: 1;
  }
  .xt-col-sm-0 {
    display: none;
  }
  .xt-col-push-0 {
    left: auto;
  }
  .xt-col-pull-0 {
    right: auto;
  }
  .xt-col-sm-push-0 {
    left: auto;
  }
  .xt-col-sm-pull-0 {
    right: auto;
  }
  .xt-col-sm-offset-0 {
    margin-left: 0;
  }
  .xt-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .xt-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xt-col-md-push-24 {
    left: 100%;
  }
  .xt-col-md-pull-24 {
    right: 100%;
  }
  .xt-col-md-offset-24 {
    margin-left: 100%;
  }
  .xt-col-md-order-24 {
    order: 24;
  }
  .xt-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .xt-col-md-push-23 {
    left: 95.83333333%;
  }
  .xt-col-md-pull-23 {
    right: 95.83333333%;
  }
  .xt-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .xt-col-md-order-23 {
    order: 23;
  }
  .xt-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .xt-col-md-push-22 {
    left: 91.66666667%;
  }
  .xt-col-md-pull-22 {
    right: 91.66666667%;
  }
  .xt-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .xt-col-md-order-22 {
    order: 22;
  }
  .xt-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .xt-col-md-push-21 {
    left: 87.5%;
  }
  .xt-col-md-pull-21 {
    right: 87.5%;
  }
  .xt-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .xt-col-md-order-21 {
    order: 21;
  }
  .xt-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .xt-col-md-push-20 {
    left: 83.33333333%;
  }
  .xt-col-md-pull-20 {
    right: 83.33333333%;
  }
  .xt-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .xt-col-md-order-20 {
    order: 20;
  }
  .xt-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .xt-col-md-push-19 {
    left: 79.16666667%;
  }
  .xt-col-md-pull-19 {
    right: 79.16666667%;
  }
  .xt-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .xt-col-md-order-19 {
    order: 19;
  }
  .xt-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xt-col-md-push-18 {
    left: 75%;
  }
  .xt-col-md-pull-18 {
    right: 75%;
  }
  .xt-col-md-offset-18 {
    margin-left: 75%;
  }
  .xt-col-md-order-18 {
    order: 18;
  }
  .xt-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .xt-col-md-push-17 {
    left: 70.83333333%;
  }
  .xt-col-md-pull-17 {
    right: 70.83333333%;
  }
  .xt-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .xt-col-md-order-17 {
    order: 17;
  }
  .xt-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .xt-col-md-push-16 {
    left: 66.66666667%;
  }
  .xt-col-md-pull-16 {
    right: 66.66666667%;
  }
  .xt-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .xt-col-md-order-16 {
    order: 16;
  }
  .xt-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .xt-col-md-push-15 {
    left: 62.5%;
  }
  .xt-col-md-pull-15 {
    right: 62.5%;
  }
  .xt-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .xt-col-md-order-15 {
    order: 15;
  }
  .xt-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .xt-col-md-push-14 {
    left: 58.33333333%;
  }
  .xt-col-md-pull-14 {
    right: 58.33333333%;
  }
  .xt-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .xt-col-md-order-14 {
    order: 14;
  }
  .xt-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .xt-col-md-push-13 {
    left: 54.16666667%;
  }
  .xt-col-md-pull-13 {
    right: 54.16666667%;
  }
  .xt-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .xt-col-md-order-13 {
    order: 13;
  }
  .xt-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xt-col-md-push-12 {
    left: 50%;
  }
  .xt-col-md-pull-12 {
    right: 50%;
  }
  .xt-col-md-offset-12 {
    margin-left: 50%;
  }
  .xt-col-md-order-12 {
    order: 12;
  }
  .xt-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .xt-col-md-push-11 {
    left: 45.83333333%;
  }
  .xt-col-md-pull-11 {
    right: 45.83333333%;
  }
  .xt-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .xt-col-md-order-11 {
    order: 11;
  }
  .xt-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .xt-col-md-push-10 {
    left: 41.66666667%;
  }
  .xt-col-md-pull-10 {
    right: 41.66666667%;
  }
  .xt-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .xt-col-md-order-10 {
    order: 10;
  }
  .xt-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .xt-col-md-push-9 {
    left: 37.5%;
  }
  .xt-col-md-pull-9 {
    right: 37.5%;
  }
  .xt-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .xt-col-md-order-9 {
    order: 9;
  }
  .xt-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .xt-col-md-push-8 {
    left: 33.33333333%;
  }
  .xt-col-md-pull-8 {
    right: 33.33333333%;
  }
  .xt-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .xt-col-md-order-8 {
    order: 8;
  }
  .xt-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .xt-col-md-push-7 {
    left: 29.16666667%;
  }
  .xt-col-md-pull-7 {
    right: 29.16666667%;
  }
  .xt-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .xt-col-md-order-7 {
    order: 7;
  }
  .xt-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xt-col-md-push-6 {
    left: 25%;
  }
  .xt-col-md-pull-6 {
    right: 25%;
  }
  .xt-col-md-offset-6 {
    margin-left: 25%;
  }
  .xt-col-md-order-6 {
    order: 6;
  }
  .xt-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .xt-col-md-push-5 {
    left: 20.83333333%;
  }
  .xt-col-md-pull-5 {
    right: 20.83333333%;
  }
  .xt-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .xt-col-md-order-5 {
    order: 5;
  }
  .xt-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .xt-col-md-push-4 {
    left: 16.66666667%;
  }
  .xt-col-md-pull-4 {
    right: 16.66666667%;
  }
  .xt-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .xt-col-md-order-4 {
    order: 4;
  }
  .xt-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .xt-col-md-push-3 {
    left: 12.5%;
  }
  .xt-col-md-pull-3 {
    right: 12.5%;
  }
  .xt-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .xt-col-md-order-3 {
    order: 3;
  }
  .xt-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .xt-col-md-push-2 {
    left: 8.33333333%;
  }
  .xt-col-md-pull-2 {
    right: 8.33333333%;
  }
  .xt-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .xt-col-md-order-2 {
    order: 2;
  }
  .xt-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .xt-col-md-push-1 {
    left: 4.16666667%;
  }
  .xt-col-md-pull-1 {
    right: 4.16666667%;
  }
  .xt-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .xt-col-md-order-1 {
    order: 1;
  }
  .xt-col-md-0 {
    display: none;
  }
  .xt-col-push-0 {
    left: auto;
  }
  .xt-col-pull-0 {
    right: auto;
  }
  .xt-col-md-push-0 {
    left: auto;
  }
  .xt-col-md-pull-0 {
    right: auto;
  }
  .xt-col-md-offset-0 {
    margin-left: 0;
  }
  .xt-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .xt-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xt-col-lg-push-24 {
    left: 100%;
  }
  .xt-col-lg-pull-24 {
    right: 100%;
  }
  .xt-col-lg-offset-24 {
    margin-left: 100%;
  }
  .xt-col-lg-order-24 {
    order: 24;
  }
  .xt-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .xt-col-lg-push-23 {
    left: 95.83333333%;
  }
  .xt-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .xt-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .xt-col-lg-order-23 {
    order: 23;
  }
  .xt-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .xt-col-lg-push-22 {
    left: 91.66666667%;
  }
  .xt-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .xt-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .xt-col-lg-order-22 {
    order: 22;
  }
  .xt-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .xt-col-lg-push-21 {
    left: 87.5%;
  }
  .xt-col-lg-pull-21 {
    right: 87.5%;
  }
  .xt-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .xt-col-lg-order-21 {
    order: 21;
  }
  .xt-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .xt-col-lg-push-20 {
    left: 83.33333333%;
  }
  .xt-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .xt-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .xt-col-lg-order-20 {
    order: 20;
  }
  .xt-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .xt-col-lg-push-19 {
    left: 79.16666667%;
  }
  .xt-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .xt-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .xt-col-lg-order-19 {
    order: 19;
  }
  .xt-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xt-col-lg-push-18 {
    left: 75%;
  }
  .xt-col-lg-pull-18 {
    right: 75%;
  }
  .xt-col-lg-offset-18 {
    margin-left: 75%;
  }
  .xt-col-lg-order-18 {
    order: 18;
  }
  .xt-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .xt-col-lg-push-17 {
    left: 70.83333333%;
  }
  .xt-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .xt-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .xt-col-lg-order-17 {
    order: 17;
  }
  .xt-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .xt-col-lg-push-16 {
    left: 66.66666667%;
  }
  .xt-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .xt-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .xt-col-lg-order-16 {
    order: 16;
  }
  .xt-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .xt-col-lg-push-15 {
    left: 62.5%;
  }
  .xt-col-lg-pull-15 {
    right: 62.5%;
  }
  .xt-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .xt-col-lg-order-15 {
    order: 15;
  }
  .xt-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .xt-col-lg-push-14 {
    left: 58.33333333%;
  }
  .xt-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .xt-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .xt-col-lg-order-14 {
    order: 14;
  }
  .xt-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .xt-col-lg-push-13 {
    left: 54.16666667%;
  }
  .xt-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .xt-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .xt-col-lg-order-13 {
    order: 13;
  }
  .xt-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xt-col-lg-push-12 {
    left: 50%;
  }
  .xt-col-lg-pull-12 {
    right: 50%;
  }
  .xt-col-lg-offset-12 {
    margin-left: 50%;
  }
  .xt-col-lg-order-12 {
    order: 12;
  }
  .xt-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .xt-col-lg-push-11 {
    left: 45.83333333%;
  }
  .xt-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .xt-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .xt-col-lg-order-11 {
    order: 11;
  }
  .xt-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .xt-col-lg-push-10 {
    left: 41.66666667%;
  }
  .xt-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .xt-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .xt-col-lg-order-10 {
    order: 10;
  }
  .xt-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .xt-col-lg-push-9 {
    left: 37.5%;
  }
  .xt-col-lg-pull-9 {
    right: 37.5%;
  }
  .xt-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .xt-col-lg-order-9 {
    order: 9;
  }
  .xt-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .xt-col-lg-push-8 {
    left: 33.33333333%;
  }
  .xt-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .xt-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .xt-col-lg-order-8 {
    order: 8;
  }
  .xt-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .xt-col-lg-push-7 {
    left: 29.16666667%;
  }
  .xt-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .xt-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .xt-col-lg-order-7 {
    order: 7;
  }
  .xt-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xt-col-lg-push-6 {
    left: 25%;
  }
  .xt-col-lg-pull-6 {
    right: 25%;
  }
  .xt-col-lg-offset-6 {
    margin-left: 25%;
  }
  .xt-col-lg-order-6 {
    order: 6;
  }
  .xt-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .xt-col-lg-push-5 {
    left: 20.83333333%;
  }
  .xt-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .xt-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .xt-col-lg-order-5 {
    order: 5;
  }
  .xt-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .xt-col-lg-push-4 {
    left: 16.66666667%;
  }
  .xt-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .xt-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .xt-col-lg-order-4 {
    order: 4;
  }
  .xt-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .xt-col-lg-push-3 {
    left: 12.5%;
  }
  .xt-col-lg-pull-3 {
    right: 12.5%;
  }
  .xt-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .xt-col-lg-order-3 {
    order: 3;
  }
  .xt-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .xt-col-lg-push-2 {
    left: 8.33333333%;
  }
  .xt-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .xt-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .xt-col-lg-order-2 {
    order: 2;
  }
  .xt-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .xt-col-lg-push-1 {
    left: 4.16666667%;
  }
  .xt-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .xt-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .xt-col-lg-order-1 {
    order: 1;
  }
  .xt-col-lg-0 {
    display: none;
  }
  .xt-col-push-0 {
    left: auto;
  }
  .xt-col-pull-0 {
    right: auto;
  }
  .xt-col-lg-push-0 {
    left: auto;
  }
  .xt-col-lg-pull-0 {
    right: auto;
  }
  .xt-col-lg-offset-0 {
    margin-left: 0;
  }
  .xt-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1920px) {
  .xt-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xt-col-xl-push-24 {
    left: 100%;
  }
  .xt-col-xl-pull-24 {
    right: 100%;
  }
  .xt-col-xl-offset-24 {
    margin-left: 100%;
  }
  .xt-col-xl-order-24 {
    order: 24;
  }
  .xt-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .xt-col-xl-push-23 {
    left: 95.83333333%;
  }
  .xt-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .xt-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .xt-col-xl-order-23 {
    order: 23;
  }
  .xt-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .xt-col-xl-push-22 {
    left: 91.66666667%;
  }
  .xt-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .xt-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .xt-col-xl-order-22 {
    order: 22;
  }
  .xt-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .xt-col-xl-push-21 {
    left: 87.5%;
  }
  .xt-col-xl-pull-21 {
    right: 87.5%;
  }
  .xt-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .xt-col-xl-order-21 {
    order: 21;
  }
  .xt-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .xt-col-xl-push-20 {
    left: 83.33333333%;
  }
  .xt-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .xt-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .xt-col-xl-order-20 {
    order: 20;
  }
  .xt-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .xt-col-xl-push-19 {
    left: 79.16666667%;
  }
  .xt-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .xt-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .xt-col-xl-order-19 {
    order: 19;
  }
  .xt-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xt-col-xl-push-18 {
    left: 75%;
  }
  .xt-col-xl-pull-18 {
    right: 75%;
  }
  .xt-col-xl-offset-18 {
    margin-left: 75%;
  }
  .xt-col-xl-order-18 {
    order: 18;
  }
  .xt-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .xt-col-xl-push-17 {
    left: 70.83333333%;
  }
  .xt-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .xt-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .xt-col-xl-order-17 {
    order: 17;
  }
  .xt-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .xt-col-xl-push-16 {
    left: 66.66666667%;
  }
  .xt-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .xt-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .xt-col-xl-order-16 {
    order: 16;
  }
  .xt-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .xt-col-xl-push-15 {
    left: 62.5%;
  }
  .xt-col-xl-pull-15 {
    right: 62.5%;
  }
  .xt-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .xt-col-xl-order-15 {
    order: 15;
  }
  .xt-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .xt-col-xl-push-14 {
    left: 58.33333333%;
  }
  .xt-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .xt-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .xt-col-xl-order-14 {
    order: 14;
  }
  .xt-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .xt-col-xl-push-13 {
    left: 54.16666667%;
  }
  .xt-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .xt-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .xt-col-xl-order-13 {
    order: 13;
  }
  .xt-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xt-col-xl-push-12 {
    left: 50%;
  }
  .xt-col-xl-pull-12 {
    right: 50%;
  }
  .xt-col-xl-offset-12 {
    margin-left: 50%;
  }
  .xt-col-xl-order-12 {
    order: 12;
  }
  .xt-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .xt-col-xl-push-11 {
    left: 45.83333333%;
  }
  .xt-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .xt-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .xt-col-xl-order-11 {
    order: 11;
  }
  .xt-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .xt-col-xl-push-10 {
    left: 41.66666667%;
  }
  .xt-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .xt-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .xt-col-xl-order-10 {
    order: 10;
  }
  .xt-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .xt-col-xl-push-9 {
    left: 37.5%;
  }
  .xt-col-xl-pull-9 {
    right: 37.5%;
  }
  .xt-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .xt-col-xl-order-9 {
    order: 9;
  }
  .xt-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .xt-col-xl-push-8 {
    left: 33.33333333%;
  }
  .xt-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .xt-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .xt-col-xl-order-8 {
    order: 8;
  }
  .xt-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .xt-col-xl-push-7 {
    left: 29.16666667%;
  }
  .xt-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .xt-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .xt-col-xl-order-7 {
    order: 7;
  }
  .xt-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xt-col-xl-push-6 {
    left: 25%;
  }
  .xt-col-xl-pull-6 {
    right: 25%;
  }
  .xt-col-xl-offset-6 {
    margin-left: 25%;
  }
  .xt-col-xl-order-6 {
    order: 6;
  }
  .xt-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .xt-col-xl-push-5 {
    left: 20.83333333%;
  }
  .xt-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .xt-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .xt-col-xl-order-5 {
    order: 5;
  }
  .xt-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .xt-col-xl-push-4 {
    left: 16.66666667%;
  }
  .xt-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .xt-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .xt-col-xl-order-4 {
    order: 4;
  }
  .xt-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .xt-col-xl-push-3 {
    left: 12.5%;
  }
  .xt-col-xl-pull-3 {
    right: 12.5%;
  }
  .xt-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .xt-col-xl-order-3 {
    order: 3;
  }
  .xt-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .xt-col-xl-push-2 {
    left: 8.33333333%;
  }
  .xt-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .xt-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .xt-col-xl-order-2 {
    order: 2;
  }
  .xt-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .xt-col-xl-push-1 {
    left: 4.16666667%;
  }
  .xt-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .xt-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .xt-col-xl-order-1 {
    order: 1;
  }
  .xt-col-xl-0 {
    display: none;
  }
  .xt-col-push-0 {
    left: auto;
  }
  .xt-col-pull-0 {
    right: auto;
  }
  .xt-col-xl-push-0 {
    left: auto;
  }
  .xt-col-xl-pull-0 {
    right: auto;
  }
  .xt-col-xl-offset-0 {
    margin-left: 0;
  }
  .xt-col-xl-order-0 {
    order: 0;
  }
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.zoom-in-'top'-enter {
  opacity: 0;
  transform: scaleY(0);
}
.zoom-in-'top'-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transform-origin: center top;
}
.zoom-in-'top'-exit {
  opacity: 1;
}
.zoom-in-'top'-exit-active {
  opacity: 0;
  transform: scaleY(0);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transform-origin: center top;
}
.zoom-in-top-enter {
  opacity: 0;
  transform: scaleY(0);
}
.zoom-in-top-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transform-origin: center top;
}
.zoom-in-top-exit {
  opacity: 1;
}
.zoom-in-top-exit-active {
  opacity: 0;
  transform: scaleY(0);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transform-origin: center top;
}
.xt-tooltip-warp {
  position: relative;
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.xt-tooltip {
  position: absolute;
  min-height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 6px;
  z-index: 2000;
  white-space: nowrap;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}
.hide {
  display: none;
}
.overlay-style {
  background-color: var(--xt-dark-panel-bg);
  border-radius: 2px;
}
.overlay-block {
  display: block !important;
}
.overlay-bottom-left {
  top: 100%;
  margin-top: 10px;
}
.overlay-bottom-left::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-bottom-left::after {
  border-bottom: 6px solid #373737;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 8px;
}
.overlay-bottom {
  top: 100%;
  margin-top: 10px;
  left: 50%;
  transform: translate(-50%);
}
.overlay-bottom::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-bottom::after {
  border-bottom: 6px solid #373737;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 50%;
  transform: translate(-50%);
}
.overlay-bottom-right {
  top: 100%;
  margin-top: 10px;
  right: 0;
}
.overlay-bottom-right::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-bottom-right::after {
  border-bottom: 6px solid #373737;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  right: 8px;
}
.overlay-top-left {
  bottom: 100%;
  margin-bottom: 10px;
}
.overlay-top-left::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-top-left::after {
  border-top: 6px solid #373737;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  left: 8px;
}
.overlay-top {
  bottom: 100%;
  margin-bottom: 10px;
  left: 50%;
  transform: translate(-50%);
}
.overlay-top::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-top::after {
  border-top: 6px solid #373737;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%);
}
.overlay-top-right {
  bottom: 100%;
  margin-bottom: 10px;
  right: 0;
}
.overlay-top-right::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-top-right::after {
  border-top: 6px solid #373737;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  right: 8px;
}
.overlay-left-top {
  right: 100%;
  margin-right: 10px;
  top: 0;
}
.overlay-left-top::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-left-top::after {
  border-left: 6px solid #373737;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  top: 8px;
}
.overlay-left {
  right: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.overlay-left::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-left::after {
  border-left: 6px solid #373737;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.overlay-left-bottom {
  right: 100%;
  margin-right: 10px;
  bottom: 0;
}
.overlay-left-bottom::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-left-bottom::after {
  border-left: 6px solid #373737;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  bottom: 8px;
}
.overlay-right-top {
  left: 100%;
  margin-left: 10px;
  top: 0;
}
.overlay-right-top::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-right-top::after {
  border-right: 6px solid #373737;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
  top: 8px;
}
.overlay-right {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.overlay-right::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-right::after {
  border-right: 6px solid #373737;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.overlay-right-bottom {
  left: 100%;
  margin-left: 10px;
  bottom: 0;
}
.overlay-right-bottom::after {
  content: '';
  display: block;
  position: absolute;
}
.overlay-right-bottom::after {
  border-right: 6px solid #373737;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
  bottom: 8px;
}
.no-overlay::after {
  border: 0 !important;
}
.light-bg .overlay-bottom-left {
  top: 100%;
  margin-top: 10px;
}
.light-bg .overlay-bottom-left::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-bottom-left::after {
  border-bottom: 6px solid var(--xt-panel-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 8px;
}
.light-bg .overlay-bottom {
  top: 100%;
  margin-top: 10px;
  left: 50%;
  transform: translate(-50%);
}
.light-bg .overlay-bottom::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-bottom::after {
  border-bottom: 6px solid var(--xt-panel-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 50%;
  transform: translate(-50%);
}
.light-bg .overlay-bottom-right {
  top: 100%;
  margin-top: 10px;
  right: 0;
}
.light-bg .overlay-bottom-right::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-bottom-right::after {
  border-bottom: 6px solid var(--xt-panel-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  right: 8px;
}
.light-bg .overlay-top-left {
  bottom: 100%;
  margin-bottom: 10px;
}
.light-bg .overlay-top-left::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-top-left::after {
  border-top: 6px solid var(--xt-panel-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  left: 8px;
}
.light-bg .overlay-top {
  bottom: 100%;
  margin-bottom: 10px;
  left: 50%;
  transform: translate(-50%);
}
.light-bg .overlay-top::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-top::after {
  border-top: 6px solid var(--xt-panel-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%);
}
.light-bg .overlay-top-right {
  bottom: 100%;
  margin-bottom: 10px;
  right: 0;
}
.light-bg .overlay-top-right::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-top-right::after {
  border-top: 6px solid var(--xt-panel-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  right: 8px;
}
.light-bg .overlay-left-top {
  right: 100%;
  margin-right: 10px;
  top: 0;
}
.light-bg .overlay-left-top::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-left-top::after {
  border-left: 6px solid var(--xt-panel-bg);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  top: 8px;
}
.light-bg .overlay-left {
  right: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.light-bg .overlay-left::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-left::after {
  border-left: 6px solid var(--xt-panel-bg);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.light-bg .overlay-left-bottom {
  right: 100%;
  margin-right: 10px;
  bottom: 0;
}
.light-bg .overlay-left-bottom::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-left-bottom::after {
  border-left: 6px solid var(--xt-panel-bg);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  bottom: 8px;
}
.light-bg .overlay-right-top {
  left: 100%;
  margin-left: 10px;
  top: 0;
}
.light-bg .overlay-right-top::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-right-top::after {
  border-right: 6px solid var(--xt-panel-bg);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
  top: 8px;
}
.light-bg .overlay-right {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.light-bg .overlay-right::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-right::after {
  border-right: 6px solid var(--xt-panel-bg);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.light-bg .overlay-right-bottom {
  left: 100%;
  margin-left: 10px;
  bottom: 0;
}
.light-bg .overlay-right-bottom::after {
  content: '';
  display: block;
  position: absolute;
}
.light-bg .overlay-right-bottom::after {
  border-right: 6px solid var(--xt-panel-bg);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
  bottom: 8px;
}
.light-bg .xt-tooltip {
  background-color: var(--xt-panel-bg);
  color: var(--xt-dark-panel-fc);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-radio {
  cursor: pointer;
}
.xt-radio .xt-radio-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  top: 3px;
  border: 1px solid var(--xt-border-color-1);
}
.xt-radio .xt-radio-wrapper .xt-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
}
.xt-radio .xt-radio-wrapper > .xt-radio-inner {
  position: absolute;
  border-radius: 50%;
  border: 1px solid;
  left: 0;
  top: 0;
  transition: all 0.3s;
}
.xt-radio .xt-radio-wrapper > .xt-radio-inner::after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--radio-color);
}
.xt-radio .xt-radio-wrapper:hover {
  border-color: var(--xt-border-color-2);
}
.xt-radio .xt-radio-label {
  padding: 0px 8px;
  margin-right: 8px;
}
.xt-radio-xs {
  font-size: 16px;
}
.xt-radio-xs > span {
  font-size: 16px;
}
.xt-radio-xs > .xt-radio-wrapper {
  width: 16px;
  height: 16px;
}
.xt-radio-xs > .xt-radio-wrapper .xt-radio-input {
  zoom: 1;
}
.xt-radio-xs > .xt-radio-wrapper > .xt-radio-inner {
  width: 16px;
  height: 16px;
}
.xt-radio-xs > .xt-radio-wrapper > .xt-radio-inner::after {
  width: 8px;
  height: 8px;
}
.xt-radio-sm {
  font-size: 20px;
}
.xt-radio-sm > span {
  font-size: 20px;
}
.xt-radio-sm > .xt-radio-wrapper {
  width: 20px;
  height: 20px;
}
.xt-radio-sm > .xt-radio-wrapper .xt-radio-input {
  zoom: 1.5;
}
.xt-radio-sm > .xt-radio-wrapper > .xt-radio-inner {
  width: 20px;
  height: 20px;
}
.xt-radio-sm > .xt-radio-wrapper > .xt-radio-inner::after {
  width: 10px;
  height: 10px;
}
.xt-radio-md {
  font-size: 24px;
}
.xt-radio-md > span {
  font-size: 24px;
}
.xt-radio-md > .xt-radio-wrapper {
  width: 24px;
  height: 24px;
}
.xt-radio-md > .xt-radio-wrapper .xt-radio-input {
  zoom: 1.8;
}
.xt-radio-md > .xt-radio-wrapper > .xt-radio-inner {
  width: 24px;
  height: 24px;
}
.xt-radio-md > .xt-radio-wrapper > .xt-radio-inner::after {
  width: 12px;
  height: 12px;
}
.xt-radio-lg {
  font-size: 28px;
}
.xt-radio-lg > span {
  font-size: 28px;
}
.xt-radio-lg > .xt-radio-wrapper {
  width: 28px;
  height: 28px;
}
.xt-radio-lg > .xt-radio-wrapper .xt-radio-input {
  zoom: 2;
}
.xt-radio-lg > .xt-radio-wrapper > .xt-radio-inner {
  width: 28px;
  height: 28px;
}
.xt-radio-lg > .xt-radio-wrapper > .xt-radio-inner::after {
  width: 14px;
  height: 14px;
}
.xt-radio-disabled {
  color: var(--xt-disabled-color);
}
.xt-radio-disabled > .xt-radio-wrapper > .xt-radio-inner {
  border-color: var(--xt-disabled-bg);
}
.xt-radio-disabled > .xt-radio-wrapper > .xt-radio-inner::after {
  background: var(--xt-disabled-bg);
}
.xt-radio-disabled > span:hover,
.xt-radio-disabled input:hover,
.xt-radio-disabled > span:focus,
.xt-radio-disabled input:focus,
.xt-radio-disabled > span:active,
.xt-radio-disabled input:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-radio-disabled .xt-radio-wrapper {
  background: var(--xt-disabled-bg);
  border-color: var(--xt-disabled-bg) !important;
}
.xt-radio-primary > .xt-radio-wrapper > .xt-radio-inner {
  border-color: #0052CC;
}
.xt-radio-primary > .xt-radio-wrapper > .xt-radio-inner::after {
  background: #0052CC;
}
.xt-radio-red > .xt-radio-wrapper > .xt-radio-inner {
  border-color: #EC3A3C;
}
.xt-radio-red > .xt-radio-wrapper > .xt-radio-inner::after {
  background: #EC3A3C;
}
.xt-radio-orange > .xt-radio-wrapper > .xt-radio-inner {
  border-color: #F3A813;
}
.xt-radio-orange > .xt-radio-wrapper > .xt-radio-inner::after {
  background: #F3A813;
}
.xt-radioGroup-vertical {
  display: flex;
  flex-direction: column;
}
.xt-radio-button {
  padding: 0px 14px;
  text-align: center;
  border: 1px solid;
  border-color: var(--xt-border-color-1);
  color: var(--xt-font-color);
  font-size: 14px;
  cursor: pointer;
  pointer-events: all;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 0.3s;
  /*   &-checked {
    color: var(--xt-primary-color);
    border-color: var(--xt-primary-color) !important;
    box-shadow: 0 0 0 2px var(--xt-primary-shadow-color) !important;
    &:hover {
      color: var(--xt-primary-color);
      border-color: var(--xt-primary-color);
      box-shadow: 0 0 0 2px var(--xt-primary-shadow-color);
    }
  }
  &-checked-bgc {
    color: @white;
    background-color: var(--xt-primary-color);
    &:hover {
      color: @white !important;
    }
  } */
}
.xt-radio-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
}
.xt-radio-button:hover {
  border-color: var(--xt-border-color-2);
  color: var(--xt-primary-color);
}
.xt-radio-button-disabled {
  color: var(--xt-disabled-color);
  border-color: var(--xt-border-color-1);
  background-color: var(--xt-disabled-bg);
}
.xt-radio-button-disabled .xt-radio-button-input[type=radio] {
  cursor: not-allowed;
}
.xt-radio-button-disabled:hover,
.xt-radio-button-disabled:focus,
.xt-radio-button-disabled:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
  border-color: var(--xt-border-color-1);
  color: var(--xt-disabled-color);
}
.xt-radio-button-xs {
  height: 22px;
  line-height: 22px;
}
.xt-radio-button-sm {
  height: 25px;
  line-height: 25px;
}
.xt-radio-button-md {
  height: 28px;
  line-height: 28px;
}
.xt-radio-button-lg {
  height: 30px;
  line-height: 30px;
}
.xt-radio-button-checked {
  color: var(--xt-primary-color);
  border-color: var(--xt-primary-color);
  box-shadow: 0 0 0 2px var(--xt-primary-shadow-color);
}
.xt-radio-button-checked:hover {
  color: var(--xt-primary-color);
  border-color: var(--xt-primary-color);
  box-shadow: 0 0 0 2px var(--xt-primary-shadow-color);
}
.xt-radio-button-checked-bgc {
  color: #fff;
  background-color: var(--xt-primary-color);
}
.xt-radio-button-checked-bgc:hover {
  color: #fff;
}
.xt-radioGroup {
  display: flex;
}
.xt-radioGroup .xt-radio-button:first-child {
  border-radius: 2px 0 0 2px;
}
.xt-radioGroup .xt-radio-button:last-child {
  border-radius: 0 2px 2px 0;
}
.xt-radioGroup .xt-radio-button:not(:first-child,:last-child) {
  border-radius: 0;
}
.xt-radioGroup .xt-radio-button-disabled {
  border-left-color: var(--xt-border-color-1) !important;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--xt-primary-color);
  border-radius: 2px;
  transition: background-color 0.3s;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-slider-handle {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 2px solid var(--xt-primary-color);
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  box-sizing: border-box;
}
.xt-slider-handle-wrapper {
  position: absolute;
  transform: translateX(-50%);
  z-index: 100;
}
.xt-slider-handle:focus {
  border-color: #3375d6;
  outline: none;
  box-shadow: 0 0 0 4px var(--xt-primary-color);
}
.xt-slider-handle--hover {
  box-shadow: 0 0 0 2px var(--xt-primary-color);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-slider {
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.xt-slider-runway {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--xt-border-color-1);
  border-radius: 2px;
  transition: background-color 0.3s;
}
.xt-slider-disabled .xt-slider-track {
  background-color: #C0C4CC;
}
.xt-slider-disabled .xt-slider-handle {
  border-color: #C0C4CC;
  cursor: not-allowed;
}
.xt-slider-disabled .xt-slider-handle--hover {
  box-shadow: none;
}
.xt-slider__stop {
  position: absolute;
  height: 4px;
  width: 4px;
  border-radius: 100%;
  background-color: #fff;
  transform: translateX(-50%);
}
.xt-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: var(--xt-font-color);
  margin-top: 15px;
}
.xt-slider__marks {
  position: absolute;
}
.xt-slider-vertical {
  height: 100%;
  width: 4px;
  padding: 0 4px;
  display: flex;
  justify-content: center;
}
.xt-slider-vertical .xt-slider-runway {
  height: 100%;
  width: 4px;
}
.xt-slider-vertical .xt-slider-track {
  width: 4px;
}
.xt-slider-vertical .xt-slider-handle-wrapper {
  transform: translateY(50%);
}
.xt-slider-vertical .xt-slider__stop {
  transform: translateY(50%);
}
.xt-slider-vertical .xt-slider__marks-text {
  transform: translateY(-50%);
  margin: 0;
  margin-left: 15px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-table {
  max-width: 100%;
  position: relative;
}
.xt-table table {
  border-spacing: 0;
  width: 100%;
}
.xt-table-tbody-wrapper,
.xt-table-thead-wrapper {
  width: 100%;
}
.xt-table-tbody-wrapper {
  overflow: auto;
}
.xt-table-thead,
.xt-table-tbody {
  table-layout: fixed;
}
.xt-table-thead tr,
.xt-table-tbody tr {
  background: var(--xt-transparent-bg);
}
.xt-table-thead th,
.xt-table-tbody th,
.xt-table-thead td,
.xt-table-tbody td {
  box-sizing: border-box;
  color: var(--xt-font-color);
  text-align: left;
  position: relative;
  overflow-wrap: break-word;
  padding: 12px 0;
  border-bottom: 1px solid var(--xt-border-color-1);
}
.xt-table-thead {
  background: var(--xt-border-color-1);
}
.xt-table-thead th {
  box-sizing: border-box;
  position: relative;
  color: var(--xt-font-color-2);
  background: var(--xt-border-color-1);
  padding: 12px 12px;
}
.xt-table-tbody tr:hover td {
  background-color: var(--xt-panel-bg-1);
}
.xt-table-row-striped td {
  background-color: var(--xt-panel-bg-3);
}
.xt-table-cell {
  padding: 0 12px;
}
.xt-table-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xt-table-pagination {
  margin: 12px 0;
  display: flex;
  justify-content: flex-end;
}
.xt-table .is-right {
  text-align: right;
}
.xt-table .is-left {
  text-align: left;
}
.xt-table .is-center {
  text-align: center;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-pagination {
  display: flex;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #666666;
  font-size: 14px;
  line-height: 1;
  list-style: none;
  color: var(--xt-font-color);
}
.xt-pagination ul,
.xt-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.xt-pagination-border .xt-pagination-item {
  border: 1px solid var(--xt-border-color-1);
}
.xt-pagination-border .xt-pagination-item:focus-visible,
.xt-pagination-border .xt-pagination-item:hover {
  color: var(--xt-font-color);
  background: var(--xt-gray-color);
}
.xt-pagination-border .xt-pagination-item-active {
  color: #fff;
  background: var(--xt-primary-color);
  text-decoration: none;
  border: none;
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-item {
  cursor: not-allowed;
  border: 1px solid var(--xt-disabled-color);
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-item:focus-visible,
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-item:hover,
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-item-active {
  color: var(--xt-disabled-color);
  background: var(--xt-transparent-color);
  text-decoration: none;
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-next,
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-prev {
  cursor: not-allowed;
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-next:hover,
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-prev:hover {
  cursor: not-allowed;
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-pagination-sizes .xt-select-disabled > input {
  color: var(--xt-disabled-color);
  cursor: not-allowed;
  background: var(--xt-transparent-color);
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-inputNumber {
  border: 1px solid var(--xt-disabled-color);
}
.xt-pagination-disabled.xt-pagination.xt-pagination-border .xt-inputNumber .xt-inputNumber-input {
  background-color: var(--xt-transparent-color);
}
.xt-pagination-disabled .xt-pagination-item {
  cursor: not-allowed;
  border: 1px solid var(--xt-disabled-color);
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled .xt-pagination-item:focus-visible,
.xt-pagination-disabled .xt-pagination-item:hover,
.xt-pagination-disabled .xt-pagination-item-active {
  color: var(--xt-disabled-color);
  background: var(--xt-transparent-color);
  text-decoration: none;
}
.xt-pagination-disabled .xt-pagination-next,
.xt-pagination-disabled .xt-pagination-prev {
  cursor: not-allowed;
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled .xt-pagination-next:hover,
.xt-pagination-disabled .xt-pagination-prev:hover {
  cursor: not-allowed;
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled .xt-pagination-sizes .xt-select-disabled > input {
  color: var(--xt-disabled-color);
  cursor: not-allowed;
  background: var(--xt-transparent-color);
}
.xt-pagination-disabled .xt-inputNumber {
  border: 1px solid var(--xt-disabled-color);
}
.xt-pagination-disabled .xt-inputNumber .xt-inputNumber-input {
  background-color: var(--xt-transparent-color);
}
.xt-pagination-disabled .xt-pagination-item {
  border: none;
}
.xt-pagination-item,
.xt-pagination-next,
.xt-pagination-prev {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  margin-right: 6px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  list-style: none;
  background-color: var(--xt-transparent-bg);
  border-radius: 2px;
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
}
.xt-pagination-item:focus-visible,
.xt-pagination-next:focus-visible,
.xt-pagination-prev:focus-visible,
.xt-pagination-item:hover,
.xt-pagination-next:hover,
.xt-pagination-prev:hover {
  transition: all 0.3s;
  color: var(--xt-primary-color);
}
.xt-pagination-item-active,
.xt-pagination-next-active,
.xt-pagination-prev-active {
  font-weight: 500;
  color: var(--xt-primary-color);
  text-decoration: underline;
  border: none;
}
.xt-pagination-disabled {
  cursor: not-allowed;
  color: var(--xt-disabled-color);
}
.xt-pagination-disabled:hover {
  border-color: #cccccc;
  color: var(--xt-disabled-color);
}
.xt-pagination-btn-quickprev,
.xt-pagination-btn-quicknext {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  margin-right: 6px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.xt-pagination-sizes {
  width: 80px;
  margin: 0 6px 0 0;
}
.xt-pagination-sizes .xt-select-arrow {
  display: none;
}
.xt-pagination-sizes .xt-select > input {
  border: 1px solid var(--xt-border-color-1);
}
.xt-pagination-quick-jumper {
  display: flex;
  align-items: center;
  min-width: 120px;
}
.xt-pagination-quick-jumper .inputnumber {
  margin: 0 6px;
}
.xt-pagination-quick-jumper .inputnumber-input {
  width: 40px;
}
.xt-pagination-total {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.xt-pagination .double-right,
.xt-pagination .double-left {
  pointer-events: none;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-checkbox {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.xt-checkbox .xt-checkbox-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid var(--xt-border-color-1);
  top: 3px;
}
.xt-checkbox .xt-checkbox-wrapper:hover {
  border-color: var(--xt-border-color-2);
}
.xt-checkbox .xt-checkbox-wrapper .xt-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
  cursor: pointer;
}
.xt-checkbox .xt-checkbox-wrapper .xt-checkbox-inner {
  position: absolute;
  box-sizing: border-box;
  left: -1px;
  top: -1px;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 3px;
}
.xt-checkbox .xt-checkbox-wrapper .xt-checkbox-inner::after {
  position: absolute;
  content: '';
  left: 20%;
  top: 40%;
  transform: rotate(45deg) scale(0.8) translate(-50%, -50%);
  transition: all 0.3s;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.xt-checkbox .xt-checkbox-label {
  padding: 0px 8px;
  margin-right: 8px;
}
.xt-checkbox-xs {
  font-size: 16px;
}
.xt-checkbox-xs .xt-checkbox-wrapper {
  width: 13px;
  height: 13px;
}
.xt-checkbox-xs .xt-checkbox-wrapper .xt-checkbox-input {
  zoom: 1;
}
.xt-checkbox-xs .xt-checkbox-wrapper .xt-checkbox-inner {
  width: 13px;
  height: 13px;
}
.xt-checkbox-xs .xt-checkbox-wrapper .xt-checkbox-inner::after {
  width: calc(6px / 2);
  height: 6px;
}
.xt-checkbox-sm {
  font-size: 20px;
}
.xt-checkbox-sm .xt-checkbox-wrapper {
  width: 18px;
  height: 18px;
}
.xt-checkbox-sm .xt-checkbox-wrapper .xt-checkbox-input {
  zoom: 1.5;
}
.xt-checkbox-sm .xt-checkbox-wrapper .xt-checkbox-inner {
  width: 18px;
  height: 18px;
}
.xt-checkbox-sm .xt-checkbox-wrapper .xt-checkbox-inner::after {
  width: calc(11px / 2);
  height: 11px;
}
.xt-checkbox-md {
  font-size: 28px;
}
.xt-checkbox-md .xt-checkbox-wrapper {
  width: 22px;
  height: 22px;
}
.xt-checkbox-md .xt-checkbox-wrapper .xt-checkbox-input {
  zoom: 1.8;
}
.xt-checkbox-md .xt-checkbox-wrapper .xt-checkbox-inner {
  width: 22px;
  height: 22px;
}
.xt-checkbox-md .xt-checkbox-wrapper .xt-checkbox-inner::after {
  width: calc(14px / 2);
  height: 14px;
}
.xt-checkbox-lg {
  font-size: 30px;
}
.xt-checkbox-lg .xt-checkbox-wrapper {
  width: 26px;
  height: 26px;
}
.xt-checkbox-lg .xt-checkbox-wrapper .xt-checkbox-input {
  zoom: 2;
}
.xt-checkbox-lg .xt-checkbox-wrapper .xt-checkbox-inner {
  width: 26px;
  height: 26px;
}
.xt-checkbox-lg .xt-checkbox-wrapper .xt-checkbox-inner::after {
  width: calc(16px / 2);
  height: 16px;
}
.xt-checkbox-disabled {
  color: var(--xt-disabled-color);
}
.xt-checkbox-disabled .xt-checkbox-wrapper .xt-checkbox-inner {
  background: var(--xt-disabled-bg);
}
.xt-checkbox-disabled > span:hover,
.xt-checkbox-disabled input:hover,
.xt-checkbox-disabled > span:focus,
.xt-checkbox-disabled input:focus,
.xt-checkbox-disabled > span:active,
.xt-checkbox-disabled input:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
  border-color: var(--xt-disabled-bg) !important;
}
.xt-checkbox-disabled .xt-checkbox-wrapper {
  background: var(--xt-disabled-bg);
  border-color: var(--xt-disabled-bg);
}
.xt-checkbox-indeterminate .xt-checkbox-wrapper {
  transform: rotate(90deg);
}
.xt-checkbox-indeterminate .xt-checkbox-wrapper > .xt-checkbox-inner::after {
  left: 50%;
  width: 2px;
  top: 50%;
  border: 1px;
  background: #fff;
  transform: translate(-50%, -50%);
}
.xt-checkbox-group-vertical {
  display: flex;
  flex-direction: column;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-input {
  box-sizing: border-box;
  width: 100%;
  background-color: transparent !important;
  border: 0;
  outline: 0;
}
.xt-input::-moz-placeholder {
  color: var(--xt-font-color-1);
}
.xt-input::placeholder {
  color: var(--xt-font-color-1);
}
.xt-input-small {
  zoom: 1;
}
.xt-input-small::-moz-placeholder {
  font-size: 12px;
}
.xt-input-small::placeholder {
  font-size: 12px;
}
.xt-input-default {
  zoom: 1.3;
}
.xt-input-default::-moz-placeholder {
  font-size: 14px;
}
.xt-input-default::placeholder {
  font-size: 14px;
}
.xt-input-large {
  zoom: 1.6;
}
.xt-input-large::-moz-placeholder {
  font-size: 16px;
}
.xt-input-large::placeholder {
  font-size: 16px;
}
.xt-textarea {
  width: 100%;
  position: relative;
}
.xt-textarea textarea {
  width: 100%;
  height: 100%;
  padding: 2px 8px;
  min-height: 32px;
  max-width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--xt-border-color-1);
  border-radius: 2px;
  outline: 0;
  overflow: hidden;
  background: transparent;
}
.xt-textarea textarea::-moz-placeholder {
  color: var(--xt-font-color-1);
}
.xt-textarea textarea::placeholder {
  color: var(--xt-font-color-1);
}
.xt-textarea textarea:focus {
  box-shadow: 0 0 0 2px var(--xt-primary-shadow-color);
  border-color: var(--xt-primary-color) !important;
}
.xt-textarea textarea:hover {
  border-color: var(--xt-border-color-2);
}
.xt-textarea-small textarea {
  zoom: 1;
}
.xt-textarea-small textarea::-moz-placeholder {
  font-size: 12px;
}
.xt-textarea-small textarea::placeholder {
  font-size: 12px;
}
.xt-textarea-default textarea {
  zoom: 1.3;
}
.xt-textarea-default textarea::-moz-placeholder {
  font-size: 14px;
}
.xt-textarea-default textarea::placeholder {
  font-size: 14px;
}
.xt-textarea-large textarea {
  zoom: 1.6;
}
.xt-textarea-large textarea::-moz-placeholder {
  font-size: 16px;
}
.xt-textarea-large textarea::placeholder {
  font-size: 16px;
}
.xt-textarea-disabled textarea {
  color: var(--xt-disabled-color);
  background: var(--xt-disabled-bg);
  border-color: var(--xt-disabled-bg) !important;
}
.xt-textarea-disabled textarea:hover,
.xt-textarea-disabled textarea:focus,
.xt-textarea-disabled textarea:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-textarea-disabled textarea::-moz-placeholder {
  color: var(--xt-disabled-color);
}
.xt-textarea-disabled textarea::placeholder {
  color: var(--xt-disabled-color);
}
.xt-textarea-disabled span:hover {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-textarea-primary textarea {
  color: #fff;
  background: #0052CC;
}
.xt-textarea-primary textarea::-moz-placeholder {
  color: #F3F4F6;
}
.xt-textarea-primary textarea::placeholder {
  color: #F3F4F6;
}
.xt-textarea-red textarea {
  color: #fff;
  background: #EC3A3C;
}
.xt-textarea-red textarea::-moz-placeholder {
  color: #F3F4F6;
}
.xt-textarea-red textarea::placeholder {
  color: #F3F4F6;
}
.xt-textarea-orange textarea {
  color: #fff;
  background: #F3A813;
}
.xt-textarea-orange textarea::-moz-placeholder {
  color: #F3F4F6;
}
.xt-textarea-orange textarea::placeholder {
  color: #F3F4F6;
}
.xt-textarea-show-count {
  position: relative;
}
.xt-textarea-show-count > span {
  position: absolute;
  right: 2px;
  bottom: -15px;
  color: #9CA3AF;
}
.xt-textarea .xt-textarea-suffix {
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.xt-input-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 2px 8px;
  box-sizing: border-box;
  align-items: center;
  border: 1px solid var(--xt-border-color-1);
  border-radius: 2px;
}
.xt-input-wrapper.xt-input-primary {
  color: #fff;
}
.xt-input-wrapper.xt-input-primary::-moz-placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-primary::placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-primary .xt-input {
  color: #fff;
}
.xt-input-wrapper.xt-input-primary .xt-input::-moz-placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-primary .xt-input::placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-red {
  color: #fff;
}
.xt-input-wrapper.xt-input-red::-moz-placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-red::placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-red .xt-input {
  color: #fff;
}
.xt-input-wrapper.xt-input-red .xt-input::-moz-placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-red .xt-input::placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-orange {
  color: #fff;
}
.xt-input-wrapper.xt-input-orange::-moz-placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-orange::placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-orange .xt-input {
  color: #fff;
}
.xt-input-wrapper.xt-input-orange .xt-input::-moz-placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper.xt-input-orange .xt-input::placeholder {
  color: #F3F4F6;
}
.xt-input-wrapper:hover {
  border-color: var(--xt-border-color-2);
}
.xt-input-wrapper.xt-input-disabled {
  background-color: var(--xt-disabled-bg);
  border-color: var(--xt-disabled-bg);
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled:hover,
.xt-input-wrapper.xt-input-disabled:focus,
.xt-input-wrapper.xt-input-disabled:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-input-wrapper.xt-input-disabled span,
.xt-input-wrapper.xt-input-disabled input {
  pointer-events: none;
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled span::-moz-placeholder,
.xt-input-wrapper.xt-input-disabled input::-moz-placeholder {
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled span::placeholder,
.xt-input-wrapper.xt-input-disabled input::placeholder {
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled span:hover,
.xt-input-wrapper.xt-input-disabled input:hover {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-input-wrapper.xt-input-disabled .xt-input {
  background-color: var(--xt-disabled-bg);
  border-color: var(--xt-disabled-bg);
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled .xt-input:hover,
.xt-input-wrapper.xt-input-disabled .xt-input:focus,
.xt-input-wrapper.xt-input-disabled .xt-input:active {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-input-wrapper.xt-input-disabled .xt-input span,
.xt-input-wrapper.xt-input-disabled .xt-input input {
  pointer-events: none;
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled .xt-input span::-moz-placeholder,
.xt-input-wrapper.xt-input-disabled .xt-input input::-moz-placeholder {
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled .xt-input span::placeholder,
.xt-input-wrapper.xt-input-disabled .xt-input input::placeholder {
  color: var(--xt-disabled-color);
}
.xt-input-wrapper.xt-input-disabled .xt-input span:hover,
.xt-input-wrapper.xt-input-disabled .xt-input input:hover {
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none;
}
.xt-input-wrapper .xt-input-suffix {
  cursor: pointer;
}
.xt-input-wrapper .xt-input-prefix {
  cursor: pointer;
  margin-right: 5px;
}
.xt-input-focus {
  box-shadow: 0 0 0 2px var(--xt-primary-shadow-color);
  border-color: var(--xt-primary-color);
}
.xt-input-focus:hover {
  border-color: var(--xt-primary-color);
}

.alpha-picker,
.block-picker,
.chrome-picker,
.circle-picker,
.compact-picker,
.github-picker,
.hue-picker,
.material-picker,
.photoshop-picker,
.sketch-picker,
.slider-picker,
.swatches-picker,
.twitter-picker {
  background: var(--xt-panel-bg) !important;
}
.alpha-picker input,
.block-picker input,
.chrome-picker input,
.circle-picker input,
.compact-picker input,
.github-picker input,
.hue-picker input,
.material-picker input,
.photoshop-picker input,
.sketch-picker input,
.slider-picker input,
.swatches-picker input,
.twitter-picker input {
  background: var(--xt-panel-bg) !important;
  color: var(--xt-font-color) !important;
  box-shadow: var(--xt-border-color-1) 0px 0px 0px 1px inset !important;
  /*  &:focus-visible {
    } */
}
.alpha-picker span,
.block-picker span,
.chrome-picker span,
.circle-picker span,
.compact-picker span,
.github-picker span,
.hue-picker span,
.material-picker span,
.photoshop-picker span,
.sketch-picker span,
.slider-picker span,
.swatches-picker span,
.twitter-picker span {
  color: var(--xt-font-color) !important;
}
.alpha-picker .flexbox-fix,
.block-picker .flexbox-fix,
.chrome-picker .flexbox-fix,
.circle-picker .flexbox-fix,
.compact-picker .flexbox-fix,
.github-picker .flexbox-fix,
.hue-picker .flexbox-fix,
.material-picker .flexbox-fix,
.photoshop-picker .flexbox-fix,
.sketch-picker .flexbox-fix,
.slider-picker .flexbox-fix,
.swatches-picker .flexbox-fix,
.twitter-picker .flexbox-fix {
  border-top-color: var(--xt-border-color-1) !important;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-inputNumber {
  display: inline-block;
  height: 30px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 30px;
  vertical-align: middle;
  border: 1px solid var(--xt-border-color-1);
  border-radius: 2px;
  transition: all 0.3s;
}
.xt-inputNumber:hover {
  border: 1px solid var(--xt-border-color-2);
}
.xt-inputNumber-input {
  min-width: 90px;
  padding: 0;
  color: var(--xt-font-color);
  line-height: 30px;
  text-align: center;
  border: 0;
  border-radius: 1px;
  outline: 0;
  transition: all 0.3s ease;
  transition: all 0.3s;
  -moz-appearance: textfield;
  background-color: transparent;
}
.xt-inputNumber-input-wrap {
  height: 100%;
  display: flex;
  position: relative;
  cursor: text;
}
.xt-inputNumber-input-wrap:hover:after {
  content: attr(data-tip);
  position: absolute;
  bottom: -30px;
  z-index: 1000;
  background: #595959;
  color: white;
  padding: 0 4px;
  border-radius: 4px;
}
.xt-inputNumber-focused {
  border-color: var(--xt-primary-color);
  box-shadow: 0 0 0 2px var(--xt-primary-shadow-color);
}
.xt-inputNumber-disabled .xt-inputNumber-input {
  background-color: var(--xt-disabled-bg);
  cursor: not-allowed;
  opacity: 0.72;
}
.xt-inputNumber-disabled .xt-inputNumber-handler-warp .xt-inputNumber-handler {
  background-color: var(--xt-disabled-bg);
  cursor: not-allowed;
  opacity: 0.72;
}
.xt-inputNumber-disabled .xt-inputNumber-before {
  background-color: var(--xt-disabled-bg);
  cursor: not-allowed;
  opacity: 0.72;
}
.xt-inputNumber-disabled .xt-inputNumber-after {
  background-color: var(--xt-disabled-bg);
  cursor: not-allowed;
  opacity: 0.72;
}
.xt-inputNumber-handler-warp {
  float: right;
  width: 20px;
  height: 30px;
  border-left: 1px solid var(--xt-border-color-1);
  transition: all 0.3s;
}
.xt-inputNumber-before {
  float: left;
  border-right: 1px solid var(--xt-border-color-1);
  padding: 0 4px 0 4px;
}
.xt-inputNumber-after {
  padding: 0 4px;
}
.xt-inputNumber-handler {
  display: block;
  height: calc(30px / 2);
  overflow: hidden;
  line-height: calc(30px / 2);
  text-align: center;
  touch-action: none;
  cursor: pointer;
}
.xt-inputNumber-handler-active {
  background: #ddd;
}
.xt-inputNumber-handler-up {
  padding-top: 1px;
  border-bottom: 1px solid var(--xt-border-color-1);
  transition: all 0.3s;
  box-sizing: border-box;
}
.xt-inputNumber-handler-up:hover {
  background-color: rgba(108, 117, 125, 0.1);
}
.xt-inputNumber-handler-up-inner {
  color: #6c757d;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.xt-inputNumber-handler-up-inner:after {
  content: '+';
}
.xt-inputNumber-handler-down {
  transition: all 0.3s;
}
.xt-inputNumber-handler-down:hover {
  background-color: rgba(108, 117, 125, 0.1);
}
.xt-inputNumber-handler-down-inner {
  color: #6c757d;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.xt-inputNumber-handler-down-inner:after {
  content: '-';
}
.xt-inputNumber-handler-up-disabled,
.xt-inputNumber-handler-down-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.xt-inputNumber-handler-up-disabled:hover,
.xt-inputNumber-handler-down-disabled:hover {
  color: #999;
  border-color: #d9d9d9;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.slide-in-top-enter {
  opacity: 0;
  transform: translate(0, -100%);
}
.slide-in-top-enter-active {
  opacity: 1;
  transform: translate(0);
  transition: transform 200ms ease-out, opacity 200ms ease-in-out;
}
.slide-in-top-exit {
  opacity: 1;
}
.slide-in-top-exit-active {
  opacity: 0;
  transform: translate(0, -100%);
  transition: transform 300ms linear 100ms, opacity 300ms ease-in-out;
}
.xt-message-warpper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1050;
  color: var(--xt-font-color);
  pointer-events: none;
}
.xt-message {
  text-align: center;
  margin-top: 10px;
}
.xt-message-content {
  display: inline-flex;
  background: var(--xt-panel-bg);
  box-shadow: 0px 1px 6px var(--xt-panel-bg-1);
  padding: 10px;
}
.xt-message-icon {
  margin-right: 10px;
}
.message-item-enter {
  opacity: 0;
}
.message-item-enter-active {
  animation: show 200ms;
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.message-item-exit {
  opacity: 1;
}
.message-item-exit-active {
  animation: hide 200ms;
  opacity: 0;
  transition: opacity 200ms ease-in;
}
@keyframes show {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes hide {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-popconfirm {
  padding: 10px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.xt-popconfirm-title {
  margin-left: 10px;
}
.xt-popconfirm-button {
  margin-left: auto;
  right: 0px;
  margin-top: 10px;
}
.xt-popconfirm-wrapper {
  display: inline-block;
}

.zent-datepicker-panel,
.zent-datepicker-combined-panel,
.zent-datepicker-trigger {
  background-color: var(--xt-panel-bg) !important;
  border-color: var(--xt-border-color-1) !important;
}
.zent-datepicker-panel:hover,
.zent-datepicker-combined-panel:hover,
.zent-datepicker-trigger:hover {
  border-color: var(--xt-border-color-2) !important;
}
.zent-datepicker-panel .zent-datepicker-trigger-input,
.zent-datepicker-combined-panel .zent-datepicker-trigger-input,
.zent-datepicker-trigger .zent-datepicker-trigger-input {
  color: var(--xt-font-color) !important;
}
.zent-datepicker-panel .zent-datepicker-trigger-empty-input,
.zent-datepicker-combined-panel .zent-datepicker-trigger-empty-input,
.zent-datepicker-trigger .zent-datepicker-trigger-empty-input {
  color: var(--xt-font-color-1) !important;
}
.zent-datepicker-panel .zent-datepicker-panel-body-cells_in_range,
.zent-datepicker-combined-panel .zent-datepicker-panel-body-cells_in_range,
.zent-datepicker-trigger .zent-datepicker-panel-body-cells_in_range {
  background-color: var(--xt-gray-color) !important;
}
.zent-datepicker-panel .zent-datepicker-panel-body-cells_over,
.zent-datepicker-combined-panel .zent-datepicker-panel-body-cells_over,
.zent-datepicker-trigger .zent-datepicker-panel-body-cells_over {
  background-color: var(--xt-panel-bg) !important;
}
.zent-datepicker-panel .zent-datepicker-panel-body-cells_over > div,
.zent-datepicker-combined-panel .zent-datepicker-panel-body-cells_over > div,
.zent-datepicker-trigger .zent-datepicker-panel-body-cells_over > div {
  color: var(--xt-gray-color) !important;
}
.zent-datepicker-panel .zent-datepicker-cell-inner:hover,
.zent-datepicker-combined-panel .zent-datepicker-cell-inner:hover,
.zent-datepicker-trigger .zent-datepicker-cell-inner:hover {
  color: var(--xt-primary-foreground-color) !important;
  background-color: var(--xt-gray-color) !important;
}
.zent-datepicker-panel .zent-datepicker-panel-body-cells_disabled,
.zent-datepicker-combined-panel .zent-datepicker-panel-body-cells_disabled,
.zent-datepicker-trigger .zent-datepicker-panel-body-cells_disabled {
  color: var(--xt-font-color) !important;
  background-color: var(--xt-panel-bg) !important;
}
.zent-datepicker-panel .zent-datepicker-cell-inner,
.zent-datepicker-combined-panel .zent-datepicker-cell-inner,
.zent-datepicker-trigger .zent-datepicker-cell-inner {
  color: var(--xt-font-color) !important;
  border: var(--xt-primary-foreground) !important;
}
.zent-datepicker-trigger-focus {
  border-color: var(--xt-primary-color) !important;
}
.zent-datepicker-trigger-focus:hover {
  border-color: var(--xt-primary-color) !important;
}
.zent-datepicker-panel-body-cells_selected {
  background-color: transparent !important;
}
.zent-datepicker-panel-body-cells_selected > .zent-datepicker-cell-inner {
  color: #fff !important;
  background-color: var(--xt-primary-foreground) !important;
}
.zent-datepicker-combined-panel-body .zent-datepicker-panel-body-cells_selected {
  background-color: var(--xt-gray-color) !important;
}
.zent-datepicker-time-panel-body-unit_selected {
  background-color: transparent !important;
  color: var(--xt-primary-color) !important;
  position: relative;
}
.zent-datepicker-time-panel-body-unit_selected::after {
  content: '';
  width: 20px;
  height: 1px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--xt-primary-color) !important;
}
.zent-datepicker-time-panel-body-unit:hover {
  background-color: var(--xt-gray-color) !important;
}
.zent-datepicker-trigger.zent-datepicker-disabled {
  background-color: var(--xt-disabled-bg) !important;
  border-color: var(--xt-disabled-bg) !important;
}
.zent-datepicker-trigger.zent-datepicker-disabled .zent-datepicker-trigger-input,
.zent-datepicker-trigger.zent-datepicker-disabled .zent-datepicker-trigger-seperator,
.zent-datepicker-trigger.zent-datepicker-disabled .zenticon {
  color: var(--xt-disabled-color) !important;
}
.zent-datepicker-trigger {
  background-color: transparent !important;
}
.zent-datepicker-panel-footer {
  border-top-color: var(--xt-border-color-1) !important;
}
.zent-datepicker-time-panel-body_scroll {
  border-right-color: var(--xt-border-color-1) !important;
}
.zent-datepicker-time-panel-body_scroll::-webkit-scrollbar {
  width: 4px;
}
.zent-datepicker-time-panel-body_scroll::-webkit-scrollbar-thumb {
  background-color: var(--xt-scroll-inner-bg);
  border-radius: 2px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-popover {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}
.xt-popover-popover {
  padding: 0 !important;
}
.xt-popover-title {
  padding: 10px 10px 4px 10px;
  display: flex;
  flex-direction: row;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.xt-popover-icon {
  margin-right: 10px;
}
.xt-popover-content {
  padding: 10px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.close-status .xt-tabs-item-remove {
  color: var(--xt-border-color-1);
}
.xt-tabs-nav {
  display: flex;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.xt-tabs-nav-centered {
  justify-content: center;
}
.xt-tabs-nav-warpper {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--xt-border-color-1);
  overflow: auto;
}
.xt-tabs-nav-warpper::-webkit-scrollbar {
  display: none !important;
}
.xt-tabs-nav-slider-bar {
  height: 2px;
  position: absolute;
  bottom: 0;
  background: var(--xt-primary-color);
}
.xt-tabs-nav-vertical {
  display: flex;
  flex-direction: column;
  border: none;
  border-right: 1px solid var(--xt-border-color-1);
  min-width: 50px;
}
.xt-tabs-nav-vertical .xt-tabs-nav-slider-bar {
  width: 2px;
  right: 0;
  top: 0;
}
.xt-tabs-nav-card .xt-tabs-nav-warpper {
  border-bottom: none;
}
.xt-tabs-nav-card .xt-tabs-nav-warpper > div:first-child .xt-tabs-item {
  border-left: 1px solid var(--xt-border-color-1);
}
.xt-tabs-nav-card .xt-tabs-nav-warpper .xt-tabs-item {
  border: 1px solid var(--xt-border-color-1);
  border-left: none;
}
.xt-tabs-nav-card .xt-tabs-nav-slider-bar {
  display: none;
}
.xt-tabs-nav-card .xt-tabs-nav-active.xt-tabs-item {
  border-bottom: none;
}
.xt-tabs-nav-card .xt-tabs-nav-vertical {
  border-right: none;
}
.xt-tabs-nav-card .xt-tabs-nav-vertical > div:first-child .xt-tabs-item {
  border-bottom: none;
}
.xt-tabs-nav-card .xt-tabs-nav-vertical .xt-tabs-item {
  border: 1px solid var(--xt-border-color-1);
}
.xt-tabs-nav-card .xt-tabs-nav-vertical .xt-tabs-nav-active.xt-tabs-item {
  border-right: none;
}
.xt-tabs-item {
  position: relative;
  padding: 16px;
  font-size: 14px;
  min-width: 72px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  color: var(--xt-font-color);
}
.xt-tabs-item .anticon {
  margin-right: 12px;
}
.xt-tabs-item:hover {
  color: var(--xt-primary-color);
}
.xt-tabs-nav-active.xt-tabs-item-disabled,
.xt-tabs-item-disabled {
  color: var(--xt-disabled-bg);
  cursor: not-allowed;
}
.xt-tabs-nav-active.xt-tabs-item-disabled:hover,
.xt-tabs-item-disabled:hover {
  color: var(--xt-disabled-bg);
}
.xt-tabs-item-remove {
  color: var(--xt-border-color-1);
  position: absolute;
}
.xt-tabs-item-remove .anticon {
  margin: 0;
  font-size: 16px;
}
.xt-tabs-item-remove .xt-tabs-item-remove {
  color: var(--xt-border-color-1);
}
.xt-tabs-item-remove:hover {
  color: var(--xt-font-color-2);
}
.xt-tabs-nav-active {
  color: var(--xt-primary-color);
}
.xt-tabs-nav-active .xt-tabs-item-remove {
  color: var(--xt-border-color-1);
}
.xt-tabs-nav-active .xt-tabs-item-remove:hover {
  color: var(--xt-font-color-2);
}
.xt-tabs-nav-isBgColor .xt-tabs-item {
  color: rgba(255, 255, 255, 0.8);
}
.xt-tabs-nav-isBgColor .xt-tabs-nav-active {
  color: #fff;
}
.xt-tabs-nav-isBgColor .xt-tabs-nav-slider-bar {
  background: #fff;
}
.xt-tabs-tabpanes {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 16px;
  min-width: 0;
}
.xt-tabs-tabpane {
  width: 100%;
  display: none;
  word-wrap: break-word;
}
.xt-tabs-tabpane-active {
  display: block;
}
.xt-tabs-nav-pagenation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.xt-tabs-nav-left,
.xt-tabs-nav-right {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  border-radius: 2px;
}
.xt-tabs-nav-left {
  left: 0;
  width: 20px;
  height: 20px;
}
.xt-tabs-nav-left:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.xt-tabs-nav-right {
  right: 0;
  width: 20px;
  height: 20px;
}
.xt-tabs-nav-right:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.hide {
  display: none;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-steps {
  font-size: 0;
  width: 100%;
  line-height: 1.5;
  display: flex;
}
.xt-steps,
.xt-steps * {
  box-sizing: border-box;
}
.xt-steps-dot .xt-steps-item-icon {
  margin-top: 7px;
  padding-right: 0;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.xt-steps-dot .xt-steps-item-icon .xt-steps-icon-dot {
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 2.5px;
}
.xt-steps-dot .xt-steps-item-error .xt-steps-item-icon {
  background-color: #f50 !important;
}
.xt-steps-dot .xt-steps-item-finish .xt-steps-item-icon {
  background-color: var(--xt-primary-color) !important;
}
.xt-steps-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  flex: 1;
  overflow: hidden;
  margin-right: 10px;
}
.xt-steps-item-container[role='button'] {
  cursor: pointer;
  transition: opacity 0.5s;
}
.xt-steps-item-container[role='button']:hover {
  opacity: 0.7;
}
.xt-steps-item-container {
  display: inline-block;
}
.xt-steps-item-icon,
.xt-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.xt-steps-item:last-child {
  flex: none;
}
.xt-steps-item:last-child .xt-steps-item-tail,
.xt-steps-item:last-child .xt-steps-item-title:after {
  display: none;
}
.xt-steps-item-icon {
  border: 1px solid #adb5bd;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 26px;
  font-size: 14px;
  margin-right: 8px;
  transition: background-color 0.5s, border-color 0.5s;
}
.xt-steps-item-icon > .xt-steps-icon {
  line-height: 1;
  top: -1px;
  position: relative;
}
.xt-steps-item-tail {
  position: absolute;
  left: 0;
  width: 100%;
  top: 12px;
  padding: 0 10px;
}
.xt-steps-item-tail:after {
  content: '';
  display: inline-block;
  background: #e9e9e9;
  height: 1px;
  border-radius: 1px;
  width: 100%;
  transition: background 0.5s;
}
.xt-steps-item-content {
  margin-top: 3px;
}
.xt-steps-item-title {
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--xt-font-color);
  font-weight: bold;
  display: inline-block;
  padding-right: 10px;
  position: relative;
}
.xt-steps-item-title:after {
  content: '';
  height: 1px;
  width: 1000px;
  background: #adb5bd;
  display: block;
  position: absolute;
  top: 0.55em;
  left: 100%;
}
.xt-steps-item-subtitle {
  font-size: 12px;
  display: inline-block;
  color: var(--xt-font-color-2);
  margin-left: 8px;
}
.xt-steps-item-description {
  font-size: 12px;
  color: var(--xt-font-color-1);
}
.xt-steps-item-process .xt-steps-item-icon {
  background-color: var(--xt-primary-color);
  color: #fff !important;
}
.xt-steps-item-custom .xt-steps-item-icon {
  background: none;
  border: 0;
  width: auto;
  height: auto;
}
.xt-steps-item-custom .xt-steps-item-icon > .xt-steps-icon {
  font-size: 20px;
  top: 1px;
  width: 20px;
  height: 20px;
}
.xt-steps-item-custom.xt-steps-item-process .xt-steps-item-icon .xt-steps-icon {
  color: var(--xt-primary-color);
}
.xt-steps-item-custom.xt-steps-item-finish .xt-steps-item-icon .xt-steps-icon {
  color: var(--xt-primary-color);
}
.xt-steps-item-custom.xt-steps-item-error .xt-steps-item-icon .xt-steps-icon {
  color: #f50;
}
.xt-steps-item-wait .xt-steps-item-icon {
  border-color: #ccc;
  color: var(--xt-font-color-2);
}
.xt-steps-item-wait .xt-steps-item-title {
  color: var(--xt-font-color-2);
}
.xt-steps-item-wait .xt-steps-item-title:after {
  background-color: #e9e9e9;
}
.xt-steps-item-wait .xt-steps-item-subtitle {
  color: var(--xt-font-color-2);
}
.xt-steps-item-wait .xt-steps-item-description {
  color: var(--xt-font-color-2);
}
.xt-steps-item-process .xt-steps-item-icon {
  border-color: var(--xt-primary-color);
  color: var(--xt-font-color);
}
.xt-steps-item-process .xt-steps-item-title {
  color: var(--xt-font-color);
}
.xt-steps-item-process .xt-steps-item-title:after {
  background-color: #e9e9e9;
}
.xt-steps-item-process .xt-steps-item-subtitle {
  color: var(--xt-font-color);
}
.xt-steps-item-process .xt-steps-item-description {
  color: var(--xt-font-color);
}
.xt-steps-item-finish .xt-steps-item-icon {
  border-color: var(--xt-primary-color);
  color: var(--xt-font-color-2);
}
.xt-steps-item-finish .xt-steps-item-title {
  color: var(--xt-font-color-2);
}
.xt-steps-item-finish .xt-steps-item-title:after {
  background-color: var(--xt-primary-color);
}
.xt-steps-item-finish .xt-steps-item-subtitle {
  color: var(--xt-font-color-2);
}
.xt-steps-item-finish .xt-steps-item-description {
  color: var(--xt-font-color-2);
}
.xt-steps-item-error .xt-steps-item-icon {
  border-color: #f50;
  color: #f50;
}
.xt-steps-item-error .xt-steps-item-title {
  color: #f50;
}
.xt-steps-item-error .xt-steps-item-title:after {
  background-color: #e9e9e9;
}
.xt-steps-item-error .xt-steps-item-subtitle {
  color: #f50;
}
.xt-steps-item-error .xt-steps-item-description {
  color: #f50;
}
.xt-steps-horizontal .xt-steps-item {
  margin-right: 10px;
}
.xt-steps-horizontal .xt-steps-item:last-child {
  margin-right: 0;
}
.xt-steps-horizontal .xt-steps-item-tail {
  display: none;
}
.xt-steps-vertical {
  display: block;
}
.xt-steps-vertical .xt-steps-item {
  display: block;
  overflow: visible;
}
.xt-steps-vertical .xt-steps-item-icon {
  float: left;
}
.xt-steps-vertical .xt-steps-item-icon-inner {
  margin-right: 16px;
}
.xt-steps-vertical .xt-steps-item-content {
  min-height: 48px;
  overflow: hidden;
  display: block;
}
.xt-steps-vertical .xt-steps-item-title {
  line-height: 26px;
}
.xt-steps-vertical .xt-steps-item-title:after {
  display: none;
}
.xt-steps-vertical .xt-steps-item-description {
  padding-bottom: 12px;
}
.xt-steps-vertical .xt-steps-item-tail {
  position: absolute;
  left: 12px;
  top: 0;
  height: 100%;
  width: 1px;
  padding: 30px 0 4px 0;
}
.xt-steps-vertical .xt-steps-item-tail:after {
  height: 100%;
  width: 1px;
}
.xt-steps-vertical .xt-steps-item-finish .xt-steps-item-tail::after {
  background-color: var(--xt-primary-color);
}
.xt-steps-vertical .xt-steps-item-custom .xt-steps-item-tail {
  left: 10px;
}
.xt-steps-vertical.xt-steps-dot .xt-steps-item-tail {
  left: 4px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-progress-circul {
  display: inline-block;
  position: relative;
  padding: 8px;
}
.xt-progress-circul .xt-progress-circul-text,
.xt-progress-circul .xt-progress-circul-status {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-progress {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.xt-progress-outer {
  width: 92%;
  height: calc(100% - 10px);
  margin-right: 1%;
  border-radius: 100px;
}
.xt-progress-inner {
  height: 100%;
  border-radius: 100px;
}
.xt-progress-xs {
  height: 16px;
}
.xt-progress-xs .xt-progress-text {
  font-size: 10px;
  width: 7%;
  height: 16px;
  line-height: 16px;
  color: var(--xt-font-color);
}
.xt-progress-xs .xt-progress-status {
  display: inline-block;
  width: 7%;
}
.xt-progress-sm {
  height: 18px;
}
.xt-progress-sm .xt-progress-text {
  font-size: 12px;
  width: 7%;
  height: 18px;
  line-height: 18px;
  color: var(--xt-font-color);
}
.xt-progress-sm .xt-progress-status {
  display: inline-block;
  width: 7%;
}
.xt-progress-md {
  height: 20px;
}
.xt-progress-md .xt-progress-text {
  font-size: 14px;
  width: 7%;
  height: 20px;
  line-height: 20px;
  color: var(--xt-font-color);
}
.xt-progress-md .xt-progress-status {
  display: inline-block;
  width: 7%;
}
.xt-progress-lg {
  height: 22px;
}
.xt-progress-lg .xt-progress-text {
  font-size: 16px;
  width: 7%;
  height: 22px;
  line-height: 22px;
  color: var(--xt-font-color);
}
.xt-progress-lg .xt-progress-status {
  display: inline-block;
  width: 7%;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-carousel {
  overflow: hidden;
  position: relative;
}
.xt-carousel-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.xt-carousel-item {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
.xt-carousel-vertical {
  flex-direction: column;
}
.xt-carousel-dots {
  display: flex;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}
.xt-carousel-dots-left {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 2%;
  right: 0;
  transform: translateY(-50%);
  bottom: inherit;
}
.xt-carousel-dots-left .xt-carousel-dot-active {
  height: 16px;
  width: 4px;
}
.xt-carousel-dots-left .xt-carousel-dot:not(:last-child) {
  margin-bottom: 6px;
  margin-right: 0;
}
.xt-carousel-dots-top {
  top: 4%;
}
.xt-carousel-dots-right {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 0;
  right: 2%;
  transform: translateY(-50%);
  bottom: inherit;
  left: inherit;
}
.xt-carousel-dots-right .xt-carousel-dot-active {
  height: 16px;
  width: 4px;
}
.xt-carousel-dots-right .xt-carousel-dot:not(:last-child) {
  margin-bottom: 6px;
  margin-right: 0;
}
.xt-carousel-dot {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
  transition: all 0.3s;
}
.xt-carousel-dot:not(:last-child) {
  margin-right: 6px;
}
.xt-carousel-dots-vertical {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 2%;
  right: 0;
  transform: translateY(-50%);
}
.xt-carousel-dots-vertical .xt-carousel-dot-active {
  height: 16px;
  width: 4px;
}
.xt-carousel-dots-vertical .xt-carousel-dot:not(:last-child) {
  margin-bottom: 6px;
  margin-right: 0;
}
.xt-carousel-dot-active {
  width: 1.1rem;
  height: 0.3rem;
  background-color: #fff;
  border-radius: 2px;
}
.xt-carousel-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  position: absolute;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
.xt-carousel-arrow-left {
  left: 5%;
}
.xt-carousel-arrow-right {
  right: 5%;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-list {
  border: 1px solid #ccc;
}
.xt-list-xs .xt-list-item {
  height: 20px;
  line-height: 20px;
  padding: 10px 12px;
}
.xt-list-sm .xt-list-item {
  height: 25px;
  line-height: 25px;
  padding: 12px 16px;
}
.xt-list-md .xt-list-item {
  height: 30px;
  line-height: 30px;
  padding: 14px 20px;
}
.xt-list-lg .xt-list-item {
  height: 40px;
  line-height: 40px;
  padding: 16px 24px;
}
.xt-list .xt-list-item {
  color: var(--xt-font-color);
}
.xt-list-stripe .xt-list-item:nth-child(odd) {
  background: var(--xt-primary-hover-bg);
}
.xt-list-split .xt-list-item {
  border-bottom: 1px solid var(--xt-border-color-1);
}
.xt-list-split .xt-list-item:last-child {
  border-bottom: none;
}
.xt-list-item-icon {
  min-width: 20px;
}
.xt-list-item-content {
  flex: 24;
}
.xt-list-item-action {
  flex: 2;
  min-width: 100px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-tickerBoard-title {
  margin-bottom: 4px;
  color: var(--xt-font-color-1);
  font-size: 14px;
}
.xt-tickerBoard-content {
  color: var(--xt-font-color);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
}
.xt-tickerBoard-content-value {
  display: inline-block;
}
.xt-tickerBoard-content-prefix,
.xt-tickerBoard-content-suffix {
  display: inline-block;
}
.xt-tickerBoard-content-prefix {
  margin-right: 4px;
}
.xt-tickerBoard-content-suffix {
  margin-left: 4px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-dropdown {
  display: inline-block;
}
.xt-dropdown-trigger {
  position: relative;
}
.xt-dropdown-trigger .xt-dropdown-wrapper {
  cursor: pointer;
  color: var(--xt-primary-color);
}
.xt-dropdown-trigger .xt-dropdown-root {
  position: absolute;
  z-index: 999;
  background-color: var(--xt-panel-bg);
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.xt-dropdown-trigger .xt-dropdown-root .xt-dropdown-arrow {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: var(--xt-panel-bg);
  z-index: -1;
}
.xt-dropdown-trigger .xt-dropdown-placement-topLeft {
  left: 0;
  bottom: 150%;
}
.xt-dropdown-trigger .xt-dropdown-placement-topLeft .xt-dropdown-arrow {
  bottom: -5px;
  left: 20px;
}
.xt-dropdown-trigger .xt-dropdown-placement-top {
  left: 50%;
  bottom: 150%;
  transform: translateX(-50%);
}
.xt-dropdown-trigger .xt-dropdown-placement-top .xt-dropdown-arrow {
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.xt-dropdown-trigger .xt-dropdown-placement-topRight {
  right: 0;
  bottom: 150%;
}
.xt-dropdown-trigger .xt-dropdown-placement-topRight .xt-dropdown-arrow {
  bottom: -5px;
  right: 20px;
}
.xt-dropdown-trigger .xt-dropdown-placement-bottomLeft {
  left: 0;
  top: 150%;
}
.xt-dropdown-trigger .xt-dropdown-placement-bottomLeft .xt-dropdown-arrow {
  top: -5px;
  left: 20px;
}
.xt-dropdown-trigger .xt-dropdown-placement-bottom {
  left: 50%;
  top: 150%;
  transform: translateX(-50%);
}
.xt-dropdown-trigger .xt-dropdown-placement-bottom .xt-dropdown-arrow {
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.xt-dropdown-trigger .xt-dropdown-placement-bottomRight {
  right: 0;
  top: 150%;
}
.xt-dropdown-trigger .xt-dropdown-placement-bottomRight .xt-dropdown-arrow {
  top: -5px;
  right: 20px;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #666666;
  font-size: 14px;
  line-height: 1;
  list-style: none;
}
.xt-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #cccccc;
}
.xt-form label {
  font-size: 14px;
}
.xt-form input[type='search'] {
  box-sizing: border-box;
}
.xt-form input[type='radio'],
.xt-form input[type='checkbox'] {
  line-height: normal;
}
.xt-form input[type='file'] {
  display: block;
}
.xt-form input[type='range'] {
  display: block;
  width: 100%;
}
.xt-form select[multiple],
.xt-form select[size] {
  height: auto;
}
.xt-form input[type='file']:focus,
.xt-form input[type='radio']:focus,
.xt-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.xt-form output {
  display: block;
  padding-top: 15px;
  color: #666666;
  font-size: 14px;
  line-height: 1;
}
.xt-form-vertical .xt-form-item {
  flex-direction: column;
}
.xt-form-vertical .xt-form-item-label {
  justify-content: flex-start;
}
.xt-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.xt-form-inline .xt-form-item {
  margin-right: 16px;
  margin-bottom: 0;
}
.xt-form-item {
  margin: 0 0 24px;
  line-height: 1.5715;
}
.xt-form-item-label {
  text-align: right;
  max-width: 100%;
  padding: 0 8px 0 2px;
  box-sizing: border-box;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.xt-form-item-label.xt-form-item-required::before {
  margin-right: 4px;
  font-family: SimSun, sans-serif;
  color: #EC3A3C;
  font-size: 14px;
  content: '*';
}
.xt-form-item-has-error .xt-input-wrapper,
.xt-form-item-has-error .zent-datepicker-trigger {
  border-color: rgba(236, 58, 60, 0.4) !important;
  box-shadow: 0 0 2px 0 rgba(236, 58, 60, 0.3);
}
.xt-form .xt-form-item-error {
  position: absolute;
  top: 100%;
  left: 0;
  color: #EC3A3C;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-collapse {
  background-color: var(--xt-panel-bg);
  border-radius: 3px;
  border: 1px solid var(--xt-border-color);
}
.xt-collapse-item {
  border-top: 1px solid var(--xt-border-color);
}
.xt-collapse-item .slide-enter {
  opacity: 0;
  transform: scaleY(0);
}
.xt-collapse-item .slide-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms, opacity 300ms;
  transform-origin: top;
}
.xt-collapse-item .slide-exit {
  opacity: 1;
}
.xt-collapse-item .slide-exit-active {
  opacity: 0;
  transform: scaleY(0);
  transition: transform 300ms, opacity 300ms;
  transform-origin: top;
}
.xt-collapse-item:first-child {
  border-top: none;
}
.xt-collapse-item > .xt-collapse-header {
  display: flex;
  align-items: center;
  line-height: 22px;
  padding: 10px 16px;
  color: var(--xt-font-color);
  cursor: pointer;
}
.xt-collapse-item .xt-collapse-extra {
  padding: 0 16px 0 auto;
}
.xt-collapse-item-icon {
  margin-right: 10px;
  transition: transform 0.2s ease 0s;
  transform-origin: 50% 50%;
}
.xt-collapse-item-icon-active {
  transform: rotate(90deg);
}
.xt-collapse-item-extra {
  margin: 0 16px 0 auto;
}
.xt-collapse-item-disabled > .xt-collapse-header {
  cursor: not-allowed;
  color: #999;
  background-color: var(--xt-disabled-bg);
}
.xt-collapse-content {
  min-height: 0;
  color: var(--xt-font-color);
  background-color: var(--xt-panel-bg);
}
.xt-collapse-content > .xt-collapse-content-box {
  padding: 16px 16px;
}
.xt-collapse-content > .xt-collapse-content-box-disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.xt-collapse-content-disabled {
  cursor: not-allowed;
  color: #999;
  background-color: var(--xt-disabled-bg);
}
.xt-collapse-content-outbox {
  display: grid;
  transform-origin: top;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #666666;
  line-height: 1;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: var(--xt-transparent-bg);
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  position: relative;
}
.xt-menu::before {
  display: table;
  content: '';
}
.xt-menu::after {
  display: table;
  clear: both;
  content: '';
}
.xt-menu:after,
.xt-menu:before {
  display: table;
  content: '';
}
.xt-menu-item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--xt-font-color);
}
.xt-menu-item:hover {
  color: var(--xt-font-color-3);
  background: var(--xt-gray-color);
}
.xt-menu-item-active {
  color: var(--xt-primary-color);
  text-decoration: underline;
}
.xt-menu-item-disabled {
  color: var(--xt-disabled-color);
  cursor: not-allowed;
  background: transparent;
}
.xt-menu-item-disabled:hover {
  color: var(--xt-disabled-color);
  background: transparent;
}
.xt-menu-horizontal {
  display: flex;
  background: transparent;
  box-shadow: none;
}
.xt-menu-horizontal > .xt-menu-item:hover {
  color: var(--xt-primary-color);
  background: transparent;
}
.xt-menu-horizontal > .xt-sub-menu .xt-sub-menu-title:hover {
  color: var(--xt-primary-color);
  background: transparent;
}
.xt-menu-horizontal > .xt-sub-menu > .xt-menu {
  position: absolute;
  width: 100%;
  z-index: 100;
  background: var(--xt-panel-bg);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.xt-menu .slide-enter {
  opacity: 0;
  transform: scaleY(0);
}
.xt-menu .slide-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms, opacity 300ms;
  transform-origin: center top;
}
.xt-menu .slide-exit {
  opacity: 1;
}
.xt-menu .slide-exit-active {
  opacity: 0;
  transform: scaleY(0);
  transition: transform 300ms, opacity 300ms;
  transform-origin: center top;
}
.xt-sub-menu {
  position: relative;
}
.xt-sub-menu-title {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--xt-font-color);
}
.xt-sub-menu-title:hover {
  color: var(--xt-font-color-3);
  background: var(--xt-gray-color);
}
.xt-sub-menu-title .anticon + span {
  margin-left: 10px;
}
.xt-sub-menu-disabled {
  color: rgba(0, 0, 0, 0.15);
}
.xt-sub-menu-disabled .xt-sub-menu-title:hover {
  color: rgba(0, 0, 0, 0.15);
  cursor: not-allowed;
}
.xt-sub-menu-active {
  color: var(--xt-primary-color);
  text-decoration: underline;
}
.xt-sub-menu-title-content {
  width: 100%;
}
.xt-sub-menu .xt-menu {
  background: var(--xt-panel-bg-3);
  box-shadow: none;
}
.xt-sub-menu-isClose,
.xt-sub-menu-isOpen {
  overflow: hidden;
  transition: all 0.3s;
}
.xt-sub-menu .collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.xt-menu-item-group-title {
  padding-top: 0 5px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  box-sizing: border-box;
  color: var(--xt-font-color-1);
}
.xt-menu-item-group .xt-sub-menu {
  padding-left: 0;
}
.xt-menu-item-group > ul > li {
  padding-left: 20px;
}
.xt-menu-item-group > ul > li .xt-sub-menu-title {
  padding-left: 20px;
}
.xt-menu-item-group > ul > li .xt-menu {
  background: transparent;
}
.xt-menu-item-group > ul > li .xt-menu .xt-menu-item {
  padding-left: 40px;
}
.xt-menu.xt-menu-background {
  background: #001529;
}
.xt-menu.xt-menu-background .xt-menu-item-group-title {
  color: #ccc;
}
.xt-menu.xt-menu-background .xt-menu-item {
  height: 40px;
  padding: 0 25px;
  color: #ccc;
}
.xt-menu.xt-menu-background .xt-menu-item:hover {
  color: #fff;
}
.xt-menu.xt-menu-background .xt-menu-item .anticon {
  margin-right: 5px;
}
.xt-menu.xt-menu-background .xt-sub-menu .xt-menu {
  background: #000c17;
}
.xt-menu.xt-menu-background .xt-menu-item-active {
  background: #1890ff;
  color: #fff;
  text-decoration: none;
}
.xt-menu.xt-menu-background .xt-menu-item-active:hover {
  background: #1890ff;
}
.xt-menu.xt-menu-background .xt-sub-menu-title {
  padding: 0 25px;
  height: 40px;
  color: #ccc;
}
.xt-menu.xt-menu-background .xt-sub-menu-title:hover {
  color: #fff;
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-upload {
  position: relative;
}
.xt-upload-selecter {
  width: -moz-max-content;
  width: max-content;
}
.xt-upload-progress {
  transition: all 0.3s;
  width: 100%;
}
.xt-upload-progress-warp {
  height: 2px;
  padding: 5px 10px;
}
.xt-upload-progress-bar {
  height: 2px;
  background-color: rgba(0, 82, 204, 0.5);
  transition: width 1000ms ease-in-out;
}
.xt-upload-list {
  margin-top: 10px;
}
.xt-upload-list-item {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  position: relative;
}
.xt-upload-list-item:hover {
  background-color: #adb5bd;
}
.xt-upload-list-itemname {
  margin-left: 10px;
  white-space: nowrap;
}
.xt-upload-list-deleteicon {
  cursor: pointer;
  margin-left: auto;
}
.xt-upload-list-itemerror {
  color: #EC3A3C;
}
.xt-upload-picture {
  cursor: pointer;
  width: 130px;
  height: 130px;
  box-sizing: border-box;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
.xt-upload-picture-process {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.xt-upload-picture-error {
  border: 1px solid #dc3545;
}
.xt-upload-picture-btn-icon {
  font-size: 26px;
  margin-bottom: 10px;
}
.xt-upload-picture-btn {
  display: flex;
  flex-direction: column;
}
.xt-upload-picture-image {
  width: 100%;
  height: 100%;
  position: relative;
}
.xt-upload-picture-image img {
  width: 100%;
  height: 100%;
}
.xt-upload-picture-imagemask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}
.xt-upload-picture-imagemask:hover {
  opacity: 1;
}
.xt-upload-picture-icon {
  padding: 10px;
}
.xt-upload-picture-icon:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-loading {
  display: inline-block;
  text-align: center;
}
.xt-loading-xs {
  width: 40px;
  height: 40px;
  line-height: 20px;
}
.xt-loading-xs .xt-loading-dot {
  width: 20px;
  height: 20px;
}
.xt-loading-xs img {
  width: 20px;
  height: 20px;
}
.xt-loading-xs .xt-loading-indicator {
  height: 10px;
  line-height: 10px;
  font-size: 12px;
}
.xt-loading-sm {
  width: 50px;
  height: 50px;
  line-height: 25px;
}
.xt-loading-sm .xt-loading-dot {
  width: 25px;
  height: 25px;
}
.xt-loading-sm img {
  width: 25px;
  height: 25px;
}
.xt-loading-sm .xt-loading-indicator {
  height: 12.5px;
  line-height: 12.5px;
  font-size: 14px;
}
.xt-loading-md {
  width: 60px;
  height: 60px;
  line-height: 30px;
}
.xt-loading-md .xt-loading-dot {
  width: 30px;
  height: 30px;
}
.xt-loading-md img {
  width: 30px;
  height: 30px;
}
.xt-loading-md .xt-loading-indicator {
  height: 15px;
  line-height: 15px;
  font-size: 16px;
}
.xt-loading-lg {
  width: 80px;
  height: 80px;
  line-height: 40px;
}
.xt-loading-lg .xt-loading-dot {
  width: 40px;
  height: 40px;
}
.xt-loading-lg img {
  width: 40px;
  height: 40px;
}
.xt-loading-lg .xt-loading-indicator {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
}
.xt-loading img,
.xt-loading .anticon {
  animation: rotate 2s linear infinite;
}
.xt-loading-outBox {
  width: 100%;
  position: relative;
}
.xt-loading-dot {
  display: inline-block;
  border: 1px solid var(--xt-primary-foreground-color);
  border-left-color: var(--xt-border-color-1);
  border-top-color: var(--xt-border-color-1);
  border-right-color: var(--xt-border-color-1);
  border-radius: 50%;
  animation: rotate 2s linear infinite;
}
.xt-loading-indicator {
  display: block;
  white-space: nowrap;
  text-align: center;
}
.xt-loading-nested {
  position: relative;
}
.xt-loading-nested .xt-loading {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.xt-loading-nested .xt-loading-text {
  width: 100%;
  cursor: pointer;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-loading-wrapper {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
.xt-loading-wrapper .xt-loading-children {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.xt-loading-wrapper:last-child {
  margin-right: 0;
}
.xt-loading-point-line {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: var(--xt-primary-color);
}
.xt-loading-text-loading,
.xt-loading-point-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 10;
  min-width: 70px;
}
.xt-loading-letter {
  float: left;
  font-size: 14px;
  color: var(--xt-font-color);
}
/* =Animate the stuff
------------------------ */
.xt-loading-point-loading .xt-loading-point-line:nth-last-child(1) {
  animation: loadingB 1.5s 1s infinite;
}
.xt-loading-point-loading .xt-loading-point-line:nth-last-child(2) {
  animation: loadingB 1.5s 0.5s infinite;
}
.xt-loading-point-loading .xt-loading-point-line:nth-last-child(3) {
  animation: loadingB 1.5s 0s infinite;
}
.xt-loading-text-loading .xt-loading-letter {
  color: var(--xt-gray-color-2);
  animation-name: loadingF;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}
.xt-loading-l-1 {
  animation-delay: 0.48s;
}
.xt-loading-l-2 {
  animation-delay: 0.6s;
}
.xt-loading-l-3 {
  animation-delay: 0.72s;
}
.xt-loading-l-4 {
  animation-delay: 0.84s;
}
.xt-loading-l-5 {
  animation-delay: 0.96s;
}
.xt-loading-l-6 {
  animation-delay: 1.08s;
}
.xt-loading-l-7 {
  animation-delay: 1.2s;
}
.xt-loading-l-8 {
  animation-delay: 1.32s;
}
.xt-loading-l-9 {
  animation-delay: 1.44s;
}
.xt-loading-l-10 {
  animation-delay: 1.56s;
}
@keyframes loadingB {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  100% {
    width: 15px;
  }
}
@keyframes loadingF {
  0% {
    color: var(--xt-primary-color);
  }
  100% {
    color: var(--xt-gray-color-2);
  }
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-marquee {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.xt-marquee-content {
  margin: auto;
  position: absolute;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  color: var(--xt-font-color);
}
.xt-marquee-background {
  background-color: var(--xt-primary-color);
}
.xt-marquee-border {
  border: 1px solid var(--xt-primary-foreground);
}
@keyframes right {
  0% {
    left: var(--marquee--box--width);
  }
  100% {
    left: 100%;
  }
}
@keyframes left {
  0% {
    right: var(--marquee--box--width);
  }
  100% {
    right: 100%;
  }
}
@keyframes down {
  0% {
    top: var(--marquee--box--height);
  }
  100% {
    top: 100%;
  }
}
@keyframes up {
  0% {
    bottom: var(--marquee--box--height);
  }
  100% {
    bottom: 100%;
  }
}
@keyframes alternate-right {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% + var(--marquee--box--width));
  }
}
@keyframes alternate-left {
  0% {
    right: 0;
  }
  100% {
    right: calc(100% + var(--marquee--box--width));
  }
}
@keyframes alternate-down {
  0% {
    top: 0;
  }
  100% {
    top: calc(100% + var(--marquee--box--height));
  }
}
@keyframes alternate-up {
  0% {
    bottom: 0;
  }
  100% {
    bottom: calc(100% + var(--marquee--box--height));
  }
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-modal-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.45);
  /* animation: show .5s;
  transform-origin: left top;
  transform: scale(1);
  opacity: 1; */
}
.xt-modal-mask .xt-modal {
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translateX(-50%);
  width: 500px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.xt-modal-mask .xt-modal .xt-modal-header {
  text-align: left;
  font-size: 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #ccc;
}
.xt-modal-mask .xt-modal .xt-modal-body {
  padding: 24px;
}
.xt-modal-mask .xt-modal .xt-modal-footer {
  text-align: right;
  margin-bottom: 0;
  padding: 10px 16px;
  border-top: 1px solid #ccc;
}
.xt-modal-mask .xt-modal .xt-modal-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 36px;
  text-align: center;
  cursor: pointer;
}
.xt-modal-hidden {
  display: none;
  /* transform: scale(0);
  opacity: 0;
  animation: hidden .5s;
  background-color: transparent; */
}
/* @keyframes hidden {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
 */


[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-tree-select {
  position: relative;
  transition: height 0.5s ease;
  /* 添加过渡效果 */
  box-sizing: border-box;
}
.xt-tree-select-input-warper {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--xt-border-color-1);
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
  box-sizing: border-box;
}
.xt-tree-select-input-warper.disabled {
  cursor: not-allowed;
  background: var(--xt-disabled-color);
}
.xt-tree-select-input-warper:hover {
  border: 1px solid var(--xt-border-color);
}
.xt-tree-select-input-warper.open {
  border-color: var(--xt-primary-color);
}
.xt-tree-select-input-placeholder {
  flex: 1;
  font-size: 14px;
  margin-left: 8px;
  color: var(--xt-font-color-1);
}
.xt-tree-select-input {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.xt-tree-select-input-search {
  width: 100%;
  min-width: 40px;
  border: none;
  outline: none;
  background-color: var(--xt-transparent-bg);
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
}
.xt-tree-select-input-search.disabled {
  cursor: not-allowed;
}
.xt-tree-select-input-search::-moz-placeholder {
  color: var(--xt-font-color-1);
}
.xt-tree-select-input-search::placeholder {
  color: var(--xt-font-color-1);
}
.xt-tree-select-input-value::-moz-placeholder {
  color: var(--xt-font-color);
}
.xt-tree-select-input-value::placeholder {
  color: var(--xt-font-color);
}
.xt-tree-select-input-clear {
  position: absolute;
  z-index: 3;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--xt-border-color-1);
  cursor: pointer;
}
.xt-tree-select-input-arrow {
  position: absolute;
  z-index: 3;
  font-size: 12px;
  color: var(--xt-border-color-1);
  right: 10px;
  top: 50%;
  transition: all 0.3s;
}
.xt-tree-select-dropdown {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: var(--xt-panel-bg);
  border-radius: 2px;
  padding-bottom: 8px;
  cursor: pointer;
}
.xt-tree-select-dropdown::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.xt-tree-select-dropdown::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  background: #cccccc;
}
.xt-tree-select-dropdown::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 2px;
  background: #ededed;
}
.xt-tree-select-dropdown-bottom {
  top: calc(100% + 4px);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.15);
}
.xt-tree-select-dropdown-top {
  bottom: calc(100% + 4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.xt-tree-select-selected-values {
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.xt-tree-select-selected-values .xt-tag {
  margin: 3px;
  pointer-events: auto;
  transition: all 0.3s ease;
}
.xt-tree-select-tree .xt-tree-select-tree {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: 0.3s;
}
.xt-tree-select-tree:nth-child(n+2) {
  margin-left: 10px;
}
.xt-tree-select-tree-item {
  margin: 4px 0 4px 8px;
  white-space: nowrap;
  overflow: hidden;
}
.xt-tree-select-tree-item.xt-tree-select-tree-item.close {
  height: 26px;
}
.xt-tree-select-tree:first-child {
  margin-right: 4px;
}
.xt-tree-select-tree-title {
  display: flex;
  height: 26px;
  line-height: 26px;
  color: var(--xt-font-color);
}
.xt-tree-select-tree-title-folder {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  transform: rotate(0);
  transition: 0.3s all ease;
}
.xt-tree-select-tree-title-folder.open {
  transform: rotate(90deg);
  cursor: pointer;
}
.xt-tree-select-tree-title-folder.close {
  transform: rotate(0);
  cursor: pointer;
}
.xt-tree-select-checkbox {
  width: 20px;
  margin: 0 3px;
}
.xt-tree-select-title-item {
  font-size: 12px;
  line-height: 26px;
  padding: 0 8px;
  margin-left: 2px;
  cursor: pointer;
  border-radius: 4px;
  flex: 1;
}
.xt-tree-select-title-item.selected {
  color: var(--xt-primary-color);
  text-decoration: underline;
}
.xt-tree-select-title-item:hover {
  background: var(--xt-disabled-color);
}
.xt-tree-select-title-item.disabled {
  color: var(--xt-disabled-color);
  cursor: not-allowed;
}
.xt-tree-select-not-data {
  height: 26px;
  line-height: 34px;
  text-align: center;
  color: var(--xt-border-color-1);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xt-tree-node .xt-tree-node {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: 0.3s;
}
.xt-tree-node:nth-child(n + 2) {
  margin-left: 10px;
}
.xt-tree-node:first-child {
  margin-right: 4px;
}
.xt-tree-node-item-warper {
  margin: 4px 0 4px 8px;
  white-space: nowrap;
  overflow: hidden;
}
.xt-tree-node-item-warper.xt-tree-node-item-warper.close {
  height: 30px;
}
.xt-tree-node-item-title {
  display: flex;
  align-items: center;
  min-height: 26px;
  color: var(--xt-font-color);
}
.xt-tree-node-item-title-folder {
  width: 16px;
  height: 16px;
  transform: rotate(0);
  transition: 0.3s all ease;
}
.xt-tree-node-item-title-folder.open {
  transform: rotate(90deg);
  cursor: pointer;
}
.xt-tree-node-item-title-folder.close {
  transform: rotate(0);
  cursor: pointer;
}
.xt-tree-node-item-checkbox {
  width: 20px;
  margin: 0 3px;
}
.xt-tree-node-item-el {
  font-size: 12px;
  padding: 4px 8px;
  margin-left: 2px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.xt-tree-node-item-el.f-1 {
  flex: 1;
}
.xt-tree-node-item-el.selected {
  color: var(--xt-primary-color);
  text-decoration: underline;
}
.xt-tree-node-item-el:hover {
  background: var(--xt-disabled-color);
}
.xt-tree-node-item-el.disabled {
  color: var(--xt-disabled-color);
  cursor: not-allowed;
}
.xt-tree-not-data {
  height: 26px;
  line-height: 34px;
  text-align: center;
  color: var(--xt-border-color-1);
}

[data-prefers-color=light],
:root {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: #0052CC;
  --xt-primary-foreground-color: #0052CC;
  --xt-primary-hover-bg: rgba(0, 82, 204, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(0, 0, 0, 0.25);
  --xt-disabled-bg: rgba(0, 0, 0, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.25);
  --xt-font-color: rgba(0, 0, 0, 0.65);
  --xt-dark-panel-fc: #000000;
  --xt-dark-panel-bg: rgba(0, 0, 0, 0.65);
  --xt-panel-bg: #fff;
  --xt-panel-bg-1: rgba(0, 0, 0, 0.25);
  --xt-panel-bg-2: rgba(0, 0, 0, 0.4);
  --xt-panel-bg-3: #F3F4F6;
  --xt-border-color: rgba(0, 0, 0, 0.45);
  --xt-gray-color-1: rgba(0, 0, 0, 0.1);
  --xt-gray-color-2: rgba(0, 0, 0, 0.1);
  --xt-gray-color: rgba(0, 0, 0, 0.1);
  --xt-border-color-1: rgba(0, 0, 0, 0.15);
  --xt-border-color-2: rgba(0, 0, 0, 0.4);
  --xt-font-color-1: rgba(0, 0, 0, 0.25);
  --xt-font-color-2: rgba(0, 0, 0, 0.45);
  --xt-font-color-3: rgba(0, 0, 0, 0.65);
  --xt-transparent-bg: #fff;
  --xt-scroll-inner-bg: rgba(0, 0, 0, 0.4);
  --radio-color: #0052CC;
}
[data-prefers-color=dark] {
  --xt-primary-color: #0052CC;
  --xt-primary-shadow-color: rgba(0, 82, 204, 0.2);
  --xt-primary-foreground: rgba(255, 255, 255, 0.45);
  --xt-primary-foreground-color: rgba(255, 255, 255, 0.8);
  --xt-primary-hover-bg: rgba(255, 255, 255, 0.25);
  --xt-primary-deep-hover-bg: rgba(0, 82, 204, 0.65);
  --xt-disabled-color: rgba(255, 255, 255, 0.25);
  --xt-disabled-bg: rgba(255, 255, 255, 0.25);
  --xt-loading-color: rgba(255, 255, 255, 0.4);
  --xt-font-color: rgba(255, 255, 255, 0.8);
  --xt-dark-panel-fc: #fff;
  --xt-dark-panel-bg: #3d3d3d;
  --xt-panel-bg: #3d3d3d;
  --xt-panel-bg-1: rgba(255, 255, 255, 0.4);
  --xt-panel-bg-2: rgba(255, 255, 255, 0.65);
  --xt-panel-bg-3: rgba(255, 255, 255, 0.1);
  --xt-border-color: rgba(255, 255, 255, 0.25);
  --xt-gray-color-1: rgba(255, 255, 255, 0.25);
  --xt-gray-color-2: rgba(255, 255, 255, 0.15);
  --xt-gray-color: rgba(255, 255, 255, 0.15);
  --xt-border-color-1: rgba(255, 255, 255, 0.25);
  --xt-border-color-2: rgba(255, 255, 255, 0.45);
  --xt-font-color-1: rgba(255, 255, 255, 0.45);
  --xt-font-color-2: rgba(255, 255, 255, 0.65);
  --xt-font-color-3: #fff;
  --xt-transparent-bg: transprent;
  --xt-scroll-inner-bg: rgba(255, 255, 255, 0.65);
  --radio-color: #0052CC;
}
/**
 * @description: 弹性盒子
 * @param {*}
 * @return {*}
 * @author: wxy
 */
.f-x {
  display: flex;
}
.j-c {
  justify-content: center;
}
.j-b {
  justify-content: space-between;
}
.j-a {
  justify-content: space-around;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.f-w {
  flex-wrap: wrap;
}
.f-n-w {
  flex-wrap: nowrap;
}
.f-x-c {
  display: flex;
  flex-direction: column;
}
.mt-4 {
  margin-top: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mt-10 {
  margin-top: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.ml-14 {
  margin-left: 14px;
}
.mr-14 {
  margin-right: 14px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin::before,
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}