.t-message {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  margin: 0;
  padding: 0;
  list-style: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  outline: 0;
  border-radius: 3px;
  background-color: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--td-text-color-primary);
  line-height: 22px;
  font-size: 14px;
  padding: 13px 16px;
}
.t-message > .t-icon,
.t-message > [data-t-icon] > .t-icon,
.t-message .t-loading {
  color: var(--td-brand-color);
  margin-right: 8px;
}
.t-message > .t-icon,
.t-message .t-loading {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
}
.t-message.t-is-success > .t-icon,
.t-message.t-is-success > [data-t-icon] > .t-icon,
.t-message.t-is-success .t-loading {
  color: var(--td-success-color);
}
.t-message.t-is-warning > .t-icon,
.t-message.t-is-warning > [data-t-icon] > .t-icon,
.t-message.t-is-warning .t-loading {
  color: var(--td-warning-color);
}
.t-message.t-is-error > .t-icon,
.t-message.t-is-error > [data-t-icon] > .t-icon,
.t-message.t-is-error .t-loading {
  color: var(--td-error-color);
}
.t-message.t-is-closable {
  min-width: 400px;
}
.t-message.t-is-closable .t-message__inner {
  margin-right: 24px;
}
.t-message.t-is-closable > .t-message__close {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0;
  margin-left: auto;
  right: 32px;
  cursor: pointer;
  color: var(--td-text-color-secondary);
}
.t-message.t-is-closable > .t-message__close .t-icon-close {
  font-size: 16px;
  border-radius: 3px;
  transition: all 0.2s linear;
}
.t-message.t-is-closable > .t-message__close .t-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.t-message.t-is-closable > .t-message__close .t-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.t-message__list {
  position: fixed;
  z-index: 6000;
}
.t-message__list .t-message {
  margin-bottom: 8px;
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.t-loading {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  color: var(--td-brand-color);
  font-size: 36px;
}
.t-loading--lock {
  overflow: hidden;
}
.t-loading.t-size-s {
  font-size: 16px;
}
.t-loading.t-size-l {
  font-size: 56px;
}
.t-loading__fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3500;
}
.t-loading--center {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: middle;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-loading__content {
  position: absolute;
  left: 48%;
  top: 20%;
}
.t-loading--inherit-color {
  color: inherit;
}
.t-loading__parent {
  position: relative;
}
.t-loading__overlay {
  background-color: var(--td-mask-disabled);
}
/** 仅用于作为包裹元素时 */
.t-loading--full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-loading--hidden {
  visibility: hidden;
}
.t-loading--visible {
  visibility: visible;
}
.t-loading__text {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;
  margin-left: 5px;
}
.t-loading__gradient {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: middle;
}
.t-loading__gradient-conic {
  width: 100%;
  height: 100%;
  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
  border-radius: 50%;
  /* stylelint-disable-next-line */
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  /* stylelint-disable-next-line */
  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}

@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.t-icon::before {
  font-family: unset;
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
.t-icon {
  fill: currentColor;
}
.t-icon.t-size-s,
i.t-size-s {
  font-size: 14px;
}
.t-icon.t-size-m,
i.t-size-m {
  font-size: 16px;
}
.t-icon.t-size-l,
i.t-size-l {
  font-size: 18px;
}

.header-card {
  padding: 24px 40px;
  background: #fff;
}
.header-card_title {
  margin-bottom: 16px;
}

.img-container .img-initial {
  cursor: zoom-in;
}
.img-preview {
  max-width: 80vw;
  max-height: 80vh;
}

@keyframes tDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  1% {
    opacity: 1;
    transform: scale(0.01);
  }
}
@keyframes tDialogZoomOut {
  to {
    opacity: 0;
    transform: scale(0.01);
  }
}
@keyframes tDialogMaskIn {
  from {
    opacity: 1;
  }
}
@keyframes tDialogMaskOut {
  to {
    opacity: 0;
  }
}
.t-dialog-zoom .animation-enter {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.t-dialog-zoom .animation-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.t-dialog-zoom .animation-active {
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom-enter,
.t-dialog-zoom-enter-from,
.t-dialog-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.t-dialog-zoom-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.t-dialog-zoom-enter-active,
.t-dialog-zoom-appear-active {
  animation-name: tDialogZoomIn;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom-exit-active {
  animation-name: tDialogZoomOut;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-active .t-dialog {
  animation-name: tDialogZoomIn;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.t-dialog-zoom__vue-enter-active .t-dialog__mask {
  animation-name: tDialogMaskIn;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-active .t-dialog {
  animation-name: tDialogZoomOut;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.t-dialog-zoom__vue-leave-active .t-dialog__mask {
  animation-name: tDialogMaskOut;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-to .t-dialog {
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-to .t-dialog {
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-fade-enter,
.t-dialog-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.t-dialog-fade-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.t-dialog-fade-enter.t-dialog-fade-enter-active,
.t-dialog-fade-appear.t-dialog-fade-appear-active {
  animation-name: tDialogFadeIn;
  animation-play-state: running;
}
.t-dialog-fade-exit.t-dialog-fade-exit-active {
  animation-name: tDialogFadeOut;
  animation-play-state: running;
}
@keyframes tDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-dialog {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 480px;
  background-color: var(--td-bg-color-container);
  position: relative;
  border-radius: 3px;
}
.t-dialog .t-icon.t-is-info {
  color: var(--td-brand-color);
}
.t-dialog .t-icon.t-is-success {
  color: var(--td-success-color);
}
.t-dialog .t-icon.t-is-warning {
  color: var(--td-warning-color);
}
.t-dialog .t-icon.t-is-error {
  color: var(--td-error-color);
}
.t-dialog--lock {
  overflow: hidden;
}
.t-dialog__header {
  color: var(--td-text-color-primary);
  font-size: 16px;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  word-break: break-word;
  padding-right: 10px;
}
.t-dialog__header > h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
.t-dialog__header .t-icon {
  font-size: 24px;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-dialog__body {
  color: var(--td-text-color-secondary);
  font-size: 14px;
  line-height: 22px;
  overflow: auto;
  padding: 16px 0 24px;
  word-break: break-word;
}
.t-dialog__body__icon {
  padding: 16px 0 24px 32px;
}
.t-dialog__footer {
  width: 100%;
  text-align: right;
  word-spacing: -6px;
}
.t-dialog__footer .t-button + .t-button {
  margin-left: 8px;
}
.t-dialog--default {
  padding: 28px 32px 32px 32px;
}
.t-dialog--primary {
  padding: 32px;
}
.t-dialog--primary .t-dialog__body {
  padding: 32px 28px 32px 28px;
}
.t-dialog__close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 20px;
  color: var(--td-text-color-secondary);
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 3px;
  background: var(--td-bg-color-container);
  transition: all 0.2s linear;
}
.t-dialog__close:hover {
  cursor: pointer;
  background: var(--td-bg-color-container-hover);
}
.t-dialog__close:active {
  background: var(--td-bg-color-container-active);
}
.t-dialog__ctx {
  pointer-events: auto;
  outline: none;
}
.t-dialog__ctx.t-dialog__ctx--modeless {
  pointer-events: none;
}
.t-dialog__ctx.t-dialog__ctx--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2500;
}
.t-dialog__ctx.t-dialog__ctx--absolute {
  position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask {
  position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap {
  position: absolute;
}
.t-dialog__ctx.t-is-visable {
  visibility: visible;
}
.t-dialog__ctx.t-is-hidden {
  visibility: hidden;
}
.t-dialog__ctx.t-is-display {
  display: block;
}
.t-dialog__ctx.t-not-display {
  display: none;
}
.t-dialog__ctx .t-dialog__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--td-mask-active);
  pointer-events: auto;
}
.t-dialog__ctx .t-dialog__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
}
.t-dialog__ctx .t-dialog__position {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  padding: 48px 0;
  box-sizing: border-box;
}
.t-dialog__ctx .t-dialog__position.t-dialog--top {
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 20vh;
}
.t-dialog__ctx .t-dialog__position.t-dialog--center {
  -ms-flex-align: center;
      align-items: center;
}
.t-dialog__ctx .t-is-hidden {
  background: none;
}
.t-dialog__ctx .t-dialog {
  pointer-events: auto;
  z-index: 5;
  border: 1px solid var(--td-border-level-1-color);
}
.t-dialog__ctx .t-dialog.t-dialog--fixed {
  position: fixed;
  z-index: 2500;
}
.t-dialog__ctx .t-dialog.t-dialog--absolute {
  position: absolute;
}

.t-button {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 0;
  overflow: hidden;
  font-size: 14px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 3px;
  transition: all 0.2s linear;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  text-decoration: none;
}
.t-button .t-button__text,
.t-button .t-icon {
  position: relative;
  z-index: 1;
}
.t-button .t-icon {
  font-size: 16px;
}
.t-button .t-loading {
  font-size: 16px;
}
.t-button .t-icon + .t-button__text:not(:empty) {
  margin-left: 8px;
}
.t-button .t-loading + .t-button__text:not(:empty) {
  margin-left: 8px;
}
.t-button .t-button__suffix:not(:empty) {
  margin-left: 8px;
}
.t-button--variant-base {
  color: var(--td-text-color-anti);
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: var(--td-bg-color-component);
  border-color: var(--td-bg-color-component);
  color: var(--td-text-color-primary);
}
.t-button--variant-base .t-icon,
.t-button--variant-base .t-loading {
  font-size: 16px;
}
.t-button--variant-base:hover {
  background-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover {
  border-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-disabled {
  border-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover {
  color: var(--td-text-color-primary);
}
.t-button--variant-base.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-base.t-button--theme-primary {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--theme-primary:hover {
  background-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  background-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-success {
  color: var(--td-text-color-anti);
  background-color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--theme-success:hover {
  background-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
  background-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-warning {
  color: var(--td-text-color-anti);
  background-color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--theme-warning:hover {
  background-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
  background-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-danger {
  color: var(--td-text-color-anti);
  background-color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--theme-danger:hover {
  background-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  background-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--ghost {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline {
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline .t-icon,
.t-button--variant-outline .t-loading {
  font-size: 16px;
}
.t-button--variant-outline:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-outline:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-outline.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-outline:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost:hover {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed {
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
  border-color: var(--td-border-level-2-color);
  border-style: dashed;
}
.t-button--variant-dashed .t-icon,
.t-button--variant-dashed .t-loading {
  font-size: 16px;
}
.t-button--variant-dashed:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-dashed:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-dashed.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-dashed:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost:hover {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-text {
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--td-text-color-primary);
  background-color: transparent;
  border-color: transparent;
}
.t-button--variant-text .t-icon,
.t-button--variant-text .t-loading {
  font-size: 16px;
}
.t-button--variant-text:hover {
  color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-text:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-text:hover {
  border-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-disabled {
  border-color: transparent;
}
.t-button--variant-text.t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-text.t-button--ghost {
  background: none;
  color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button.t-is-disabled {
  cursor: not-allowed;
}
.t-button.t-size-s {
  height: 24px;
  font-size: 12px;
  padding-left: 7px;
  padding-right: 7px;
}
.t-button.t-size-s .t-icon,
.t-button.t-size-s .t-loading {
  font-size: 14px;
}
.t-button.t-size-l {
  height: 40px;
  font-size: 16px;
  padding-left: 23px;
  padding-right: 23px;
}
.t-button.t-size-l .t-icon,
.t-button.t-size-l .t-loading {
  font-size: 20px;
}
.t-button.t-size-full-width {
  display: block;
  width: 100%;
}
.t-button--shape-square {
  width: 32px;
  padding: 0;
}
.t-button--shape-square.t-size-s {
  width: 24px;
  padding: 0;
}
.t-button--shape-square.t-size-l {
  width: 40px;
  padding: 0;
}
.t-button--shape-round {
  border-radius: 16px;
}
.t-button--shape-round.t-size-s {
  border-radius: 12px;
}
.t-button--shape-round.t-size-l {
  border-radius: 20px;
}
.t-button--shape-circle {
  width: 32px;
  padding: 0;
  text-align: center;
  border-radius: 16px;
}
.t-button--shape-circle .t-icon {
  font-size: 16px;
}
.t-button--shape-circle .t-loading {
  font-size: 16px;
}
.t-button--shape-circle.t-size-s {
  width: 24px;
  border-radius: 12px;
}
.t-button--shape-circle.t-size-l {
  width: 40px;
  padding: 0;
  border-radius: 20px;
}
.t-button--ghost {
  --ripple-color: var(--td-gray-color-10);
}
.t-button:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-bg-color-container-active);
}
.t-button--variant-base:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-bg-color-component-active);
}
.t-button--variant-base.t-button--theme-primary:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--theme-success:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--theme-warning:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--theme-danger:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-error-color-active);
}

.dialog-content .status-col {
  margin-right: 8px;
}
.dialog-content .status-row {
  margin-bottom: 12px;
}
.dialog-content .status-icon {
  width: 20px;
  height: 20px;
  color: #65d986;
}
.dialog-content .dialog-subtitle {
  color: rgba(0, 0, 0, 0.4);
}
.dialog-content .dialog-divider {
  width: 100%;
  margin: 15px 0;
}
.dialog-content .auth-dialog-table {
  --td-component-border: transparent;
}
.dialog-content .auth-dialog-table td {
  padding: 6px 0;
}
.dialog-content .table-cell {
  border: 0;
  border-bottom: 0;
  padding: 0;
}
.dialog-content .table-cell-title {
  color: rgba(0, 0, 0, 0.64);
  -ms-flex-line-pack: top;
      align-content: top;
}
.dialog-content .font-black {
  color: #000;
}
.dialog-content .corp-license {
  height: 101px;
  width: 109px;
}

.t-row {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.t-row--start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.t-row--center {
  -ms-flex-pack: center;
      justify-content: center;
}
.t-row--end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.t-row--space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.t-row--space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.t-row--top {
  -ms-flex-align: start;
      align-items: flex-start;
}
.t-row--middle {
  -ms-flex-align: center;
      align-items: center;
}
.t-row--bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}
.t-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
.t-col-12 {
  display: block;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}
.t-col-push-12 {
  left: 100%;
}
.t-col-pull-12 {
  right: 100%;
}
.t-col-offset-12 {
  margin-left: 100%;
}
.t-col-order-12 {
  -ms-flex-order: 12;
      order: 12;
}
.t-col-11 {
  display: block;
  -ms-flex: 0 0 91.66666667%;
      flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.t-col-push-11 {
  left: 91.66666667%;
}
.t-col-pull-11 {
  right: 91.66666667%;
}
.t-col-offset-11 {
  margin-left: 91.66666667%;
}
.t-col-order-11 {
  -ms-flex-order: 11;
      order: 11;
}
.t-col-10 {
  display: block;
  -ms-flex: 0 0 83.33333333%;
      flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.t-col-push-10 {
  left: 83.33333333%;
}
.t-col-pull-10 {
  right: 83.33333333%;
}
.t-col-offset-10 {
  margin-left: 83.33333333%;
}
.t-col-order-10 {
  -ms-flex-order: 10;
      order: 10;
}
.t-col-9 {
  display: block;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}
.t-col-push-9 {
  left: 75%;
}
.t-col-pull-9 {
  right: 75%;
}
.t-col-offset-9 {
  margin-left: 75%;
}
.t-col-order-9 {
  -ms-flex-order: 9;
      order: 9;
}
.t-col-8 {
  display: block;
  -ms-flex: 0 0 66.66666667%;
      flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.t-col-push-8 {
  left: 66.66666667%;
}
.t-col-pull-8 {
  right: 66.66666667%;
}
.t-col-offset-8 {
  margin-left: 66.66666667%;
}
.t-col-order-8 {
  -ms-flex-order: 8;
      order: 8;
}
.t-col-7 {
  display: block;
  -ms-flex: 0 0 58.33333333%;
      flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.t-col-push-7 {
  left: 58.33333333%;
}
.t-col-pull-7 {
  right: 58.33333333%;
}
.t-col-offset-7 {
  margin-left: 58.33333333%;
}
.t-col-order-7 {
  -ms-flex-order: 7;
      order: 7;
}
.t-col-6 {
  display: block;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}
.t-col-push-6 {
  left: 50%;
}
.t-col-pull-6 {
  right: 50%;
}
.t-col-offset-6 {
  margin-left: 50%;
}
.t-col-order-6 {
  -ms-flex-order: 6;
      order: 6;
}
.t-col-5 {
  display: block;
  -ms-flex: 0 0 41.66666667%;
      flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.t-col-push-5 {
  left: 41.66666667%;
}
.t-col-pull-5 {
  right: 41.66666667%;
}
.t-col-offset-5 {
  margin-left: 41.66666667%;
}
.t-col-order-5 {
  -ms-flex-order: 5;
      order: 5;
}
.t-col-4 {
  display: block;
  -ms-flex: 0 0 33.33333333%;
      flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.t-col-push-4 {
  left: 33.33333333%;
}
.t-col-pull-4 {
  right: 33.33333333%;
}
.t-col-offset-4 {
  margin-left: 33.33333333%;
}
.t-col-order-4 {
  -ms-flex-order: 4;
      order: 4;
}
.t-col-3 {
  display: block;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}
.t-col-push-3 {
  left: 25%;
}
.t-col-pull-3 {
  right: 25%;
}
.t-col-offset-3 {
  margin-left: 25%;
}
.t-col-order-3 {
  -ms-flex-order: 3;
      order: 3;
}
.t-col-2 {
  display: block;
  -ms-flex: 0 0 16.66666667%;
      flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.t-col-push-2 {
  left: 16.66666667%;
}
.t-col-pull-2 {
  right: 16.66666667%;
}
.t-col-offset-2 {
  margin-left: 16.66666667%;
}
.t-col-order-2 {
  -ms-flex-order: 2;
      order: 2;
}
.t-col-1 {
  display: block;
  -ms-flex: 0 0 8.33333333%;
      flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.t-col-push-1 {
  left: 8.33333333%;
}
.t-col-pull-1 {
  right: 8.33333333%;
}
.t-col-offset-1 {
  margin-left: 8.33333333%;
}
.t-col-order-1 {
  -ms-flex-order: 1;
      order: 1;
}
.t-col-0 {
  display: none;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-offset-0 {
  margin-left: 0;
}
.t-col-order-0 {
  -ms-flex-order: 0;
      order: 0;
}
.t-col-xs-12 {
  display: block;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}
.t-col-xs-push-12 {
  left: 100%;
}
.t-col-xs-pull-12 {
  right: 100%;
}
.t-col-xs-offset-12 {
  margin-left: 100%;
}
.t-col-xs-order-12 {
  -ms-flex-order: 12;
      order: 12;
}
.t-col-xs-11 {
  display: block;
  -ms-flex: 0 0 91.66666667%;
      flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.t-col-xs-push-11 {
  left: 91.66666667%;
}
.t-col-xs-pull-11 {
  right: 91.66666667%;
}
.t-col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.t-col-xs-order-11 {
  -ms-flex-order: 11;
      order: 11;
}
.t-col-xs-10 {
  display: block;
  -ms-flex: 0 0 83.33333333%;
      flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.t-col-xs-push-10 {
  left: 83.33333333%;
}
.t-col-xs-pull-10 {
  right: 83.33333333%;
}
.t-col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.t-col-xs-order-10 {
  -ms-flex-order: 10;
      order: 10;
}
.t-col-xs-9 {
  display: block;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}
.t-col-xs-push-9 {
  left: 75%;
}
.t-col-xs-pull-9 {
  right: 75%;
}
.t-col-xs-offset-9 {
  margin-left: 75%;
}
.t-col-xs-order-9 {
  -ms-flex-order: 9;
      order: 9;
}
.t-col-xs-8 {
  display: block;
  -ms-flex: 0 0 66.66666667%;
      flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.t-col-xs-push-8 {
  left: 66.66666667%;
}
.t-col-xs-pull-8 {
  right: 66.66666667%;
}
.t-col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.t-col-xs-order-8 {
  -ms-flex-order: 8;
      order: 8;
}
.t-col-xs-7 {
  display: block;
  -ms-flex: 0 0 58.33333333%;
      flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.t-col-xs-push-7 {
  left: 58.33333333%;
}
.t-col-xs-pull-7 {
  right: 58.33333333%;
}
.t-col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.t-col-xs-order-7 {
  -ms-flex-order: 7;
      order: 7;
}
.t-col-xs-6 {
  display: block;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}
.t-col-xs-push-6 {
  left: 50%;
}
.t-col-xs-pull-6 {
  right: 50%;
}
.t-col-xs-offset-6 {
  margin-left: 50%;
}
.t-col-xs-order-6 {
  -ms-flex-order: 6;
      order: 6;
}
.t-col-xs-5 {
  display: block;
  -ms-flex: 0 0 41.66666667%;
      flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.t-col-xs-push-5 {
  left: 41.66666667%;
}
.t-col-xs-pull-5 {
  right: 41.66666667%;
}
.t-col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.t-col-xs-order-5 {
  -ms-flex-order: 5;
      order: 5;
}
.t-col-xs-4 {
  display: block;
  -ms-flex: 0 0 33.33333333%;
      flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.t-col-xs-push-4 {
  left: 33.33333333%;
}
.t-col-xs-pull-4 {
  right: 33.33333333%;
}
.t-col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.t-col-xs-order-4 {
  -ms-flex-order: 4;
      order: 4;
}
.t-col-xs-3 {
  display: block;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}
.t-col-xs-push-3 {
  left: 25%;
}
.t-col-xs-pull-3 {
  right: 25%;
}
.t-col-xs-offset-3 {
  margin-left: 25%;
}
.t-col-xs-order-3 {
  -ms-flex-order: 3;
      order: 3;
}
.t-col-xs-2 {
  display: block;
  -ms-flex: 0 0 16.66666667%;
      flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.t-col-xs-push-2 {
  left: 16.66666667%;
}
.t-col-xs-pull-2 {
  right: 16.66666667%;
}
.t-col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.t-col-xs-order-2 {
  -ms-flex-order: 2;
      order: 2;
}
.t-col-xs-1 {
  display: block;
  -ms-flex: 0 0 8.33333333%;
      flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.t-col-xs-push-1 {
  left: 8.33333333%;
}
.t-col-xs-pull-1 {
  right: 8.33333333%;
}
.t-col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.t-col-xs-order-1 {
  -ms-flex-order: 1;
      order: 1;
}
.t-col-xs-0 {
  display: none;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-xs-push-0 {
  left: auto;
}
.t-col-xs-pull-0 {
  right: auto;
}
.t-col-xs-offset-0 {
  margin-left: 0;
}
.t-col-xs-order-0 {
  -ms-flex-order: 0;
      order: 0;
}
@media (min-width: 768px) {
  .t-col-sm-12 {
    display: block;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-sm-push-12 {
    left: 100%;
  }
  .t-col-sm-pull-12 {
    right: 100%;
  }
  .t-col-sm-offset-12 {
    margin-left: 100%;
  }
  .t-col-sm-order-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .t-col-sm-11 {
    display: block;
    -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-sm-push-11 {
    left: 91.66666667%;
  }
  .t-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .t-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-sm-order-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .t-col-sm-10 {
    display: block;
    -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-sm-push-10 {
    left: 83.33333333%;
  }
  .t-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .t-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-sm-order-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .t-col-sm-9 {
    display: block;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-sm-push-9 {
    left: 75%;
  }
  .t-col-sm-pull-9 {
    right: 75%;
  }
  .t-col-sm-offset-9 {
    margin-left: 75%;
  }
  .t-col-sm-order-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .t-col-sm-8 {
    display: block;
    -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-sm-push-8 {
    left: 66.66666667%;
  }
  .t-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .t-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-sm-order-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .t-col-sm-7 {
    display: block;
    -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-sm-push-7 {
    left: 58.33333333%;
  }
  .t-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .t-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-sm-order-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .t-col-sm-6 {
    display: block;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-sm-push-6 {
    left: 50%;
  }
  .t-col-sm-pull-6 {
    right: 50%;
  }
  .t-col-sm-offset-6 {
    margin-left: 50%;
  }
  .t-col-sm-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .t-col-sm-5 {
    display: block;
    -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-sm-push-5 {
    left: 41.66666667%;
  }
  .t-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .t-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-sm-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .t-col-sm-4 {
    display: block;
    -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-sm-push-4 {
    left: 33.33333333%;
  }
  .t-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .t-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-sm-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .t-col-sm-3 {
    display: block;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-sm-push-3 {
    left: 25%;
  }
  .t-col-sm-pull-3 {
    right: 25%;
  }
  .t-col-sm-offset-3 {
    margin-left: 25%;
  }
  .t-col-sm-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .t-col-sm-2 {
    display: block;
    -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-sm-push-2 {
    left: 16.66666667%;
  }
  .t-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .t-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-sm-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .t-col-sm-1 {
    display: block;
    -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-sm-push-1 {
    left: 8.33333333%;
  }
  .t-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .t-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-sm-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .t-col-sm-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-sm-push-0 {
    left: auto;
  }
  .t-col-sm-pull-0 {
    right: auto;
  }
  .t-col-sm-offset-0 {
    margin-left: 0;
  }
  .t-col-sm-order-0 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 992px) {
  .t-col-md-12 {
    display: block;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-md-push-12 {
    left: 100%;
  }
  .t-col-md-pull-12 {
    right: 100%;
  }
  .t-col-md-offset-12 {
    margin-left: 100%;
  }
  .t-col-md-order-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .t-col-md-11 {
    display: block;
    -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-md-push-11 {
    left: 91.66666667%;
  }
  .t-col-md-pull-11 {
    right: 91.66666667%;
  }
  .t-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-md-order-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .t-col-md-10 {
    display: block;
    -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-md-push-10 {
    left: 83.33333333%;
  }
  .t-col-md-pull-10 {
    right: 83.33333333%;
  }
  .t-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-md-order-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .t-col-md-9 {
    display: block;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-md-push-9 {
    left: 75%;
  }
  .t-col-md-pull-9 {
    right: 75%;
  }
  .t-col-md-offset-9 {
    margin-left: 75%;
  }
  .t-col-md-order-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .t-col-md-8 {
    display: block;
    -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-md-push-8 {
    left: 66.66666667%;
  }
  .t-col-md-pull-8 {
    right: 66.66666667%;
  }
  .t-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-md-order-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .t-col-md-7 {
    display: block;
    -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-md-push-7 {
    left: 58.33333333%;
  }
  .t-col-md-pull-7 {
    right: 58.33333333%;
  }
  .t-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-md-order-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .t-col-md-6 {
    display: block;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-md-push-6 {
    left: 50%;
  }
  .t-col-md-pull-6 {
    right: 50%;
  }
  .t-col-md-offset-6 {
    margin-left: 50%;
  }
  .t-col-md-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .t-col-md-5 {
    display: block;
    -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-md-push-5 {
    left: 41.66666667%;
  }
  .t-col-md-pull-5 {
    right: 41.66666667%;
  }
  .t-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-md-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .t-col-md-4 {
    display: block;
    -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-md-push-4 {
    left: 33.33333333%;
  }
  .t-col-md-pull-4 {
    right: 33.33333333%;
  }
  .t-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-md-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .t-col-md-3 {
    display: block;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-md-push-3 {
    left: 25%;
  }
  .t-col-md-pull-3 {
    right: 25%;
  }
  .t-col-md-offset-3 {
    margin-left: 25%;
  }
  .t-col-md-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .t-col-md-2 {
    display: block;
    -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-md-push-2 {
    left: 16.66666667%;
  }
  .t-col-md-pull-2 {
    right: 16.66666667%;
  }
  .t-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-md-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .t-col-md-1 {
    display: block;
    -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-md-push-1 {
    left: 8.33333333%;
  }
  .t-col-md-pull-1 {
    right: 8.33333333%;
  }
  .t-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-md-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .t-col-md-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-md-push-0 {
    left: auto;
  }
  .t-col-md-pull-0 {
    right: auto;
  }
  .t-col-md-offset-0 {
    margin-left: 0;
  }
  .t-col-md-order-0 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 1200px) {
  .t-col-lg-12 {
    display: block;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-lg-push-12 {
    left: 100%;
  }
  .t-col-lg-pull-12 {
    right: 100%;
  }
  .t-col-lg-offset-12 {
    margin-left: 100%;
  }
  .t-col-lg-order-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .t-col-lg-11 {
    display: block;
    -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-lg-push-11 {
    left: 91.66666667%;
  }
  .t-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .t-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-lg-order-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .t-col-lg-10 {
    display: block;
    -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-lg-push-10 {
    left: 83.33333333%;
  }
  .t-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .t-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-lg-order-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .t-col-lg-9 {
    display: block;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-lg-push-9 {
    left: 75%;
  }
  .t-col-lg-pull-9 {
    right: 75%;
  }
  .t-col-lg-offset-9 {
    margin-left: 75%;
  }
  .t-col-lg-order-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .t-col-lg-8 {
    display: block;
    -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-lg-push-8 {
    left: 66.66666667%;
  }
  .t-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .t-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-lg-order-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .t-col-lg-7 {
    display: block;
    -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-lg-push-7 {
    left: 58.33333333%;
  }
  .t-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .t-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-lg-order-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .t-col-lg-6 {
    display: block;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-lg-push-6 {
    left: 50%;
  }
  .t-col-lg-pull-6 {
    right: 50%;
  }
  .t-col-lg-offset-6 {
    margin-left: 50%;
  }
  .t-col-lg-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .t-col-lg-5 {
    display: block;
    -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-lg-push-5 {
    left: 41.66666667%;
  }
  .t-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .t-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-lg-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .t-col-lg-4 {
    display: block;
    -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-lg-push-4 {
    left: 33.33333333%;
  }
  .t-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .t-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-lg-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .t-col-lg-3 {
    display: block;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-lg-push-3 {
    left: 25%;
  }
  .t-col-lg-pull-3 {
    right: 25%;
  }
  .t-col-lg-offset-3 {
    margin-left: 25%;
  }
  .t-col-lg-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .t-col-lg-2 {
    display: block;
    -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-lg-push-2 {
    left: 16.66666667%;
  }
  .t-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .t-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-lg-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .t-col-lg-1 {
    display: block;
    -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-lg-push-1 {
    left: 8.33333333%;
  }
  .t-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .t-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-lg-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .t-col-lg-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-lg-push-0 {
    left: auto;
  }
  .t-col-lg-pull-0 {
    right: auto;
  }
  .t-col-lg-offset-0 {
    margin-left: 0;
  }
  .t-col-lg-order-0 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 1400px) {
  .t-col-xl-12 {
    display: block;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-xl-push-12 {
    left: 100%;
  }
  .t-col-xl-pull-12 {
    right: 100%;
  }
  .t-col-xl-offset-12 {
    margin-left: 100%;
  }
  .t-col-xl-order-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .t-col-xl-11 {
    display: block;
    -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-xl-push-11 {
    left: 91.66666667%;
  }
  .t-col-xl-pull-11 {
    right: 91.66666667%;
  }
  .t-col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-xl-order-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .t-col-xl-10 {
    display: block;
    -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-xl-push-10 {
    left: 83.33333333%;
  }
  .t-col-xl-pull-10 {
    right: 83.33333333%;
  }
  .t-col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-xl-order-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .t-col-xl-9 {
    display: block;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-xl-push-9 {
    left: 75%;
  }
  .t-col-xl-pull-9 {
    right: 75%;
  }
  .t-col-xl-offset-9 {
    margin-left: 75%;
  }
  .t-col-xl-order-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .t-col-xl-8 {
    display: block;
    -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-xl-push-8 {
    left: 66.66666667%;
  }
  .t-col-xl-pull-8 {
    right: 66.66666667%;
  }
  .t-col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-xl-order-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .t-col-xl-7 {
    display: block;
    -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-xl-push-7 {
    left: 58.33333333%;
  }
  .t-col-xl-pull-7 {
    right: 58.33333333%;
  }
  .t-col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-xl-order-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .t-col-xl-6 {
    display: block;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-xl-push-6 {
    left: 50%;
  }
  .t-col-xl-pull-6 {
    right: 50%;
  }
  .t-col-xl-offset-6 {
    margin-left: 50%;
  }
  .t-col-xl-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .t-col-xl-5 {
    display: block;
    -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-xl-push-5 {
    left: 41.66666667%;
  }
  .t-col-xl-pull-5 {
    right: 41.66666667%;
  }
  .t-col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-xl-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .t-col-xl-4 {
    display: block;
    -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-xl-push-4 {
    left: 33.33333333%;
  }
  .t-col-xl-pull-4 {
    right: 33.33333333%;
  }
  .t-col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-xl-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .t-col-xl-3 {
    display: block;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-xl-push-3 {
    left: 25%;
  }
  .t-col-xl-pull-3 {
    right: 25%;
  }
  .t-col-xl-offset-3 {
    margin-left: 25%;
  }
  .t-col-xl-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .t-col-xl-2 {
    display: block;
    -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-xl-push-2 {
    left: 16.66666667%;
  }
  .t-col-xl-pull-2 {
    right: 16.66666667%;
  }
  .t-col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-xl-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .t-col-xl-1 {
    display: block;
    -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-xl-push-1 {
    left: 8.33333333%;
  }
  .t-col-xl-pull-1 {
    right: 8.33333333%;
  }
  .t-col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-xl-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .t-col-xl-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-xl-push-0 {
    left: auto;
  }
  .t-col-xl-pull-0 {
    right: auto;
  }
  .t-col-xl-offset-0 {
    margin-left: 0;
  }
  .t-col-xl-order-0 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 1880px) {
  .t-col-xxl-12 {
    display: block;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-xxl-push-12 {
    left: 100%;
  }
  .t-col-xxl-pull-12 {
    right: 100%;
  }
  .t-col-xxl-offset-12 {
    margin-left: 100%;
  }
  .t-col-xxl-order-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .t-col-xxl-11 {
    display: block;
    -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-xxl-push-11 {
    left: 91.66666667%;
  }
  .t-col-xxl-pull-11 {
    right: 91.66666667%;
  }
  .t-col-xxl-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-xxl-order-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .t-col-xxl-10 {
    display: block;
    -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-xxl-push-10 {
    left: 83.33333333%;
  }
  .t-col-xxl-pull-10 {
    right: 83.33333333%;
  }
  .t-col-xxl-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-xxl-order-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .t-col-xxl-9 {
    display: block;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-xxl-push-9 {
    left: 75%;
  }
  .t-col-xxl-pull-9 {
    right: 75%;
  }
  .t-col-xxl-offset-9 {
    margin-left: 75%;
  }
  .t-col-xxl-order-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .t-col-xxl-8 {
    display: block;
    -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-xxl-push-8 {
    left: 66.66666667%;
  }
  .t-col-xxl-pull-8 {
    right: 66.66666667%;
  }
  .t-col-xxl-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-xxl-order-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .t-col-xxl-7 {
    display: block;
    -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-xxl-push-7 {
    left: 58.33333333%;
  }
  .t-col-xxl-pull-7 {
    right: 58.33333333%;
  }
  .t-col-xxl-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-xxl-order-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .t-col-xxl-6 {
    display: block;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-xxl-push-6 {
    left: 50%;
  }
  .t-col-xxl-pull-6 {
    right: 50%;
  }
  .t-col-xxl-offset-6 {
    margin-left: 50%;
  }
  .t-col-xxl-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .t-col-xxl-5 {
    display: block;
    -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-xxl-push-5 {
    left: 41.66666667%;
  }
  .t-col-xxl-pull-5 {
    right: 41.66666667%;
  }
  .t-col-xxl-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-xxl-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .t-col-xxl-4 {
    display: block;
    -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-xxl-push-4 {
    left: 33.33333333%;
  }
  .t-col-xxl-pull-4 {
    right: 33.33333333%;
  }
  .t-col-xxl-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-xxl-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .t-col-xxl-3 {
    display: block;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-xxl-push-3 {
    left: 25%;
  }
  .t-col-xxl-pull-3 {
    right: 25%;
  }
  .t-col-xxl-offset-3 {
    margin-left: 25%;
  }
  .t-col-xxl-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .t-col-xxl-2 {
    display: block;
    -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-xxl-push-2 {
    left: 16.66666667%;
  }
  .t-col-xxl-pull-2 {
    right: 16.66666667%;
  }
  .t-col-xxl-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-xxl-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .t-col-xxl-1 {
    display: block;
    -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-xxl-push-1 {
    left: 8.33333333%;
  }
  .t-col-xxl-pull-1 {
    right: 8.33333333%;
  }
  .t-col-xxl-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-xxl-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .t-col-xxl-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-xxl-push-0 {
    left: auto;
  }
  .t-col-xxl-pull-0 {
    right: auto;
  }
  .t-col-xxl-offset-0 {
    margin-left: 0;
  }
  .t-col-xxl-order-0 {
    -ms-flex-order: 0;
        order: 0;
  }
}

@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.t-icon::before {
  font-family: unset;
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
.t-icon {
  fill: currentColor;
}
.t-icon.t-size-s {
  font-size: 14px;
}
.t-icon.t-size-m {
  font-size: 16px;
}
.t-icon.t-size-l {
  font-size: 18px;
}

.t-divider {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  line-height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 24px 0;
  font-size: 14px;
  border-top: 1px solid var(--td-border-level-1-color);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
}
.t-divider--dashed {
  border-top-style: dashed;
}
.t-divider--horizontal {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.t-divider--vertical {
  border-top: 0;
  display: inline-block;
  margin: 0 12px;
  border-left: 1px solid var(--td-border-level-1-color);
  height: 0.9em;
  vertical-align: middle;
}
.t-divider--with-text {
  display: -ms-flexbox;
  display: flex;
  border-top: 0;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
}
.t-divider--with-text .t-divider__inner-text {
  padding: 0 1em;
  display: inline-block;
}
.t-divider--with-text::before,
.t-divider--with-text::after {
  content: "";
  width: 50%;
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-divider--with-text-left::before {
  width: 5%;
}
.t-divider--with-text-left::after {
  width: 95%;
}
.t-divider--with-text-right::before {
  width: 95%;
}
.t-divider--with-text-right::after {
  width: 5%;
}
.t-divider--dashed::before,
.t-divider--dashed::after {
  border-top: 1px dashed var(--td-border-level-1-color);
}
.t-divider--vertical.t-divider--dashed {
  border-left: 1px dashed var(--td-border-level-1-color);
}

.audit_button {
  color: #0052d9;
}
.audit_button:hover {
  cursor: pointer;
}

/** 吸顶表头 Affix 组件，zIndex: 1000。宽度拖拽辅助线层级需高于表头 */
.scrollbar {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track,
.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track {
  background: var(--td-scroll-track-color);
}
.t-table__affixed-footer-wrap > .scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb {
  background: transparent;
}
.t-table.t-table--overflow-visible {
  overflow: initial;
}
.t-table {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  line-height: 22px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  font-size: 14px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  overflow: hidden;
  /** loading need to be top of fixed columns */
}
.t-table .t-loading--full {
  z-index: 72;
}
.t-table.t-vertical-align-top th,
.t-table.t-vertical-align-top td {
  vertical-align: top;
}
.t-table.t-vertical-align-middle th,
.t-table.t-vertical-align-middle td {
  vertical-align: middle;
}
.t-table.t-vertical-align-bottom th,
.t-table.t-vertical-align-bottom td {
  vertical-align: bottom;
}
.t-table .t-table__resize-line {
  display: none;
  position: absolute;
  left: 10px;
  width: 0;
  border-left: 1px solid var(--td-component-border);
  z-index: 1001;
}
.t-table__column-controller {
  padding: 16px 0;
}
.t-table__column-controller-trigger.t-align-top-right,
.t-table__column-controller-trigger.t-align-bottom-right {
  text-align: right;
}
.t-table__column-controller-trigger {
  padding: 16px 0;
}
.t-table__content {
  position: relative;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__pagination {
  padding: 14px 0;
  box-sizing: border-box;
}
.t-table .t-icon {
  font-size: 16px;
}
.t-table table {
  width: 100%;
  border-spacing: 0;
}
.t-table .t-text-ellipsis {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-table th,
.t-table td {
  position: relative;
  padding: 13px 24px 12px 24px;
  border-bottom: 1px solid var(--td-component-border);
  line-height: 22px;
  font-weight: normal;
  overflow-wrap: break-word;
  background-color: inherit;
  box-sizing: border-box;
}
.t-table th:not([align]),
.t-table td:not([align]) {
  text-align: left;
}
.t-table thead td,
.t-table th {
  color: var(--td-text-color-placeholder);
}
.t-table td[key="row-select"] {
  padding: 13px 0 12px 24px;
}
.t-table td.t-align-left,
.t-table th.t-align-left {
  text-align: left;
}
.t-table td.t-align-right,
.t-table th.t-align-right {
  text-align: right;
}
.t-table td.t-align-center,
.t-table th.t-align-center {
  text-align: center;
}
.t-table tr {
  background-color: var(--td-bg-color-container);
}
.t-table.t-size-s th,
.t-table.t-size-s td {
  padding: 7px;
}
.t-table.t-size-l th,
.t-table.t-size-l td {
  padding: 21px;
}
.t-table .t-table__expandable-icon-cell,
.t-table .t-table__selection-cell {
  padding: 0;
}
.t-table .t-table__expandable-icon-cell + td,
.t-table .t-table__selection-cell + td,
.t-table .t-table__expandable-icon-cell + th,
.t-table .t-table__selection-cell + th {
  padding-left: 0;
  padding-right: 0;
}
.t-table .t-table__cell--selectable > .t-checkbox {
  vertical-align: middle;
}
.t-table .t-table__cell--selectable + td,
.t-table .t-table__cell--selectable + th {
  padding-left: 0;
}
.t-table--bordered td,
.t-table--bordered th {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered td.t-table__cell--fixed-left-last::before,
.t-table--bordered th.t-table__cell--fixed-left-last::before {
  border-right: 1px solid var(--td-component-border);
}
.t-table--bordered th:first-child,
.t-table--bordered td.t-table__td-first-col {
  border-left-width: 0;
}
.t-table--bordered:not(.t-table--rowspan-colspan) td:first-child {
  border-left-width: 0;
}
.t-table--bordered .t-table__content {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content {
  border: 1px solid var(--td-component-border);
  border-radius: 3px;
}
.t-table--bordered .t-table--loading {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__pagination {
  border: 1px solid var(--td-component-border);
  border-top: 0;
  padding: 14px 24px;
}
.t-table--bordered .t-table__bottom-content + .t-table__pagination {
  border: 0;
  padding: 0;
}
.t-table--bordered.t-table__header--fixed .t-table__content {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__td-last-row {
  border-bottom: none;
}
.t-table--striped.t-table--header-fixed tbody tr:nth-of-type(even) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped:not(.t-table--header-fixed) tbody tr:nth-of-type(odd) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(even):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable:not(.t-table__header--fixed) tbody tr:nth-of-type(odd):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable tbody tr {
  transition: background-color 0.3s ease-in;
}
.t-table--striped.t-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table--hoverable tbody tr {
  transition: background-color 0.3s ease-in;
}
.t-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table.t-table--align-top tbody td {
  vertical-align: top;
}
.t-table .t-table__cell--highlight {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed table {
  table-layout: fixed;
}
.t-table__header--fixed th,
.t-table__header--fixed td {
  overflow-wrap: break-word;
}
.t-table__header--fixed.t-table__header,
.t-table__header--fixed .t-table__header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 5;
}
.t-table__header--fixed .t-table__header {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__body {
  overflow-y: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table:not(.t-table--bordered) .t-table__cell--selectable + td,
.t-table:not(.t-table--bordered) .t-table__cell--selectable + th {
  padding-left: 0;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header {
  overflow: hidden;
  width: 100%;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child::after,
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child::after {
  content: "";
  position: absolute;
  right: -6px;
  width: 6px;
  height: 100%;
  top: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__cell--fixed.t-table__header--fixed .t-table__body {
  overflow: auto scroll;
}
.t-table__cell--fixed .t-table__content {
  overflow: auto hidden;
}
.t-table__cell--fixed table {
  table-layout: fixed;
  min-width: 100%;
}
.t-table__cell--fixed th,
.t-table__cell--fixed td {
  position: relative;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
  right: 0;
  transform: translateX(100%);
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
  left: 0;
  transform: translateX(-100%);
}
.t-table .t-table__cell-resizable {
  position: relative;
}
.t-table .t-table__cell-resizable .t-table__cell--resizer {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  z-index: 10;
  width: 10px;
  cursor: col-resize;
}
.t-table .t-table__row--disabled {
  color: var(--td-text-color-disabled);
}
.t-table .t-table__cell--title {
  display: -ms-flexbox;
  display: flex;
}
.t-table__column-controller-desc {
  margin-bottom: 24px;
}
.t-table__column-controller-block {
  padding: 10px 24px;
  border: 1px solid var(--td-gray-color-3);
}
.t-table__column-controller-block + .t-table__column-controller-block {
  border-top: 0;
  padding-top: 8px;
  padding-bottom: 24px;
}
.t-table__column-controller-block .t-checkbox-group .t-checkbox {
  margin-top: 16px;
}
.t-table__column-controller--fixed .t-checkbox {
  width: 108px;
}
.t-table--bordered .t-table__cell--sortable .t-table__cell--title,
.t-table--bordered .t-table__cell--filterable .t-table__cell--title {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.t-table th.t-align-right .t-table__cell--title {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
/**
 * 有边框和无边框的图标排列不一样，需谨慎修改
 * 无边框模式，图标依次紧跟标题
 * 有边框模式，只有一个图标时，图标靠近边框右侧；有两个图标时，排序图标靠近标题，过滤图标靠近边框右侧
 */
.t-table__cell--sort-trigger {
  width: 20px;
  text-align: center;
  vertical-align: text-bottom;
}
.t-table__cell--sort-trigger svg {
  vertical-align: initial;
}
.t-table--loading {
  position: relative;
}
.t-table--loading-progressbar {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--td-brand-color);
  animation: tTableProgressbar 2s ease-in-out;
  animation-fill-mode: both;
}
.t-table--loading-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 120px;
  color: var(--td-text-color-disabled);
}
.t-table__expanded-cell {
  padding-left: 45px;
}
.t-table__async-loading {
  text-align: center;
}
.t-table__async-loading.t-is-load-more {
  cursor: pointer;
}
.t-table__empty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 120px;
  color: var(--td-text-color-disabled);
}
.t-table__filter-icon,
.t-table__sort-icon {
  margin-left: 8px;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-bottom;
}
.t-table__filter-icon > svg,
.t-table__sort-icon > svg {
  margin-top: -4px;
}
.t-popup__reference.t-table__filter-icon {
  margin-top: -4px;
}
.t-table__sort-icon .t-is-focus,
.t-table__sort-icon.t-is-focus,
.t-table__sort-icon:hover {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-secondarycontainer-hover);
  border-radius: 50%;
}
.t-table__filter-icon .t-is-focus,
.t-table__filter-icon.t-is-focus,
.t-table__filter-icon:hover {
  color: var(--td-brand-color);
}
.t-table__filter-pop .t-table__filter-pop-content {
  margin: -8px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: 16px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
  display: block;
  height: auto;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group {
  display: block;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,
.t-table__filter-pop .t-table__filter-pop-content .t-radio {
  display: block;
  line-height: 28px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
  border-top: 1px solid var(--td-component-border);
  padding: 16px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
  margin-left: 16px;
}
.t-table__filter-pop-content-inner {
  padding: 16px;
}
.t-table__filter-pop-content-inner > .t-input__wrap {
  width: 200px;
}
.t-table__sort-icon--active {
  color: var(--td-brand-color);
}
.t-table__double-icons {
  display: inline-grid;
  height: 22px;
}
.t-table__double-icons .t-table__sort-icon,
.t-table__double-icons .t-popup__reference {
  height: 16px;
}
.t-table__double-icons .t-table-sort-asc {
  margin-top: -2px;
}
.t-table__double-icons .t-table-sort-desc {
  margin-top: -6px;
}
.t-popup__reference .t-table__filter-icon,
.t-popup__reference .t-table__sort-icon {
  vertical-align: initial;
}
.t-table__filter-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  pointer-events: all;
}
.t-table--bordered .t-table__filter-icon-wrap {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
}
.t-table .t-align-center .t-table__cell--sortable,
.t-table .t-align-center .t-table__cell--filterable {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.t-table__expand-box {
  padding: 13px 24px 12px 24px;
  display: inline-grid;
  vertical-align: middle;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: all 0.2s ease 0s;
  -ms-flex-align: center;
      align-items: center;
}
.t-table__expand-box:hover {
  color: var(--td-brand-color);
}
@keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.t-table__th-row-select .t-table__th-cell-inner {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
  padding-left: 10px;
}
.t-table__filter--bottom-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px;
  border-top: 1px solid var(--td-component-border);
}
.t-table__filter--bottom-buttons > .t-button + .t-button {
  margin-left: 8px;
}
.t-table__row-filter-inner {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  text-align: center;
}
.t-table__filter-result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-table__filter-result > .t-button {
  margin-left: 8px;
}
.t-table--layout-fixed {
  table-layout: fixed;
}
.t-table--layout-auto {
  table-layout: auto;
}
.t-table__ellipsis {
  white-space: nowrap;
  width: 100%;
}
.t-table__content {
  overflow: auto;
}
.t-table-td--ellipsis .t-popup__reference {
  width: 100%;
  display: inline;
}
.t-table__th-cell-inner > .t-popup__reference,
.t-table__cell--title > .t-popup__reference {
  width: 100%;
  display: inline;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
  box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
}
.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
  box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
}
.t-table__scroll-bar-divider {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid var(--td-component-border);
  z-index: 71;
}
.t-table__footer,
.t-table__header.t-table__header--fixed {
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
}
.t-table:not(.t-table--striped) .t-table__footer > tr {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__row--fixed-top,
.t-table__row--fixed-bottom {
  position: -webkit-sticky;
  position: sticky;
  z-index: 70;
}
.t-table__row--fixed-bottom-first > td {
  border-top: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content .t-table__row--without-border-bottom > td {
  border-bottom: 0;
}
.t-table--bordered tbody > tr:last-child > td,
.t-table--bordered tfoot > tr:last-child > td {
  border-bottom: 0;
}
.t-table--bordered tfoot > tr:first-child > td {
  border-top: 1px solid var(--td-component-border);
}
.t-table__header.t-table__header--fixed {
  top: 0;
}
.t-table__footer.t-table__footer--fixed {
  bottom: 0;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
  right: 0;
  transform: translateX(100%);
}
.t-table--column-fixed .t-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
  left: 0;
  transform: translateX(-100%);
}
.t-table--column-fixed .t-table__cell--fixed-left,
.t-table--column-fixed .t-table__cell--fixed-right {
  position: -webkit-sticky;
  position: sticky;
}
.t-table--column-fixed .t-table__cell--fixed-left {
  z-index: 30;
}
.t-table--column-fixed .t-table__cell--fixed-right {
  z-index: 31;
}
.t-table__empty-row > td {
  padding: 0;
  border: 0;
}
.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered > tr:first-child > th {
  border-top: 1px solid var(--td-component-border);
}
.t-table--multiple-header .t-table__header th.t-table__header-th--bordered {
  border-left-width: 1px;
}
.t-table__header.t-table__header--multiple > tr {
  background-color: var(--td-bg-color-container);
}
.t-table__tree-op-icon {
  margin-right: 16px;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: text-bottom;
}
.t-table__tree-op-icon:hover {
  color: var(--td-brand-color);
}
.t-table__virtual-scroll-cursor {
  position: absolute;
  width: 1px;
  height: 1px;
  transition: transform 0.2s;
}
.t-table__virtual-scroll-header {
  position: absolute;
  z-index: 51;
  left: 0;
}
/** 用于隐藏表头滚动条 */
.t-table__affixed-header-elm-wrap {
  overflow: hidden;
}
.t-table__affixed-header-elm-wrap,
.t-table__affixed-header-elm {
  position: absolute;
  left: 0;
  z-index: 51;
}
.t-table__affixed-header-elm {
  overflow: auto;
  transition: opacity 0.15s linear;
  opacity: 1;
}
.t-table__affixed-footer-elm {
  overflow: auto;
  z-index: 50;
}
.t-table--bordered .t-table__affixed-header-elm {
  border: 1px solid var(--td-component-border);
  border-bottom: 0;
  border-right: 0;
}
.t-table--bordered .t-table__affixed-footer-elm {
  border-left: 1px solid var(--td-component-border);
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
  border-right: 0;
}
.t-is-hidden {
  display: none;
}
.t-positive-rotate-90 {
  transform: rotate(90deg);
}
.t-negative-rotate-180 {
  transform: rotate(180deg);
}
.t-table__expanded-row > td,
.t-table__row--full > td {
  padding: 0;
}
/** @{prefix}-table__row--full 和 @{prefix}-table__row-full-element 同时存在，是为了保证 固定列时，当前行不随内容进行横向滚动 */
.t-table__row-full-element {
  padding: 13px 24px 12px 24px;
}
.t-table__row-full-inner {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.t-table__row-full-inner:not(.t-table__empty) {
  display: inline-block;
}
.t-table__tree-col--inline {
  display: inline;
}
.t-table--full-height {
  height: 100%;
}
.t-table--loading .t-table__content {
  min-height: 200px;
}
.t-table__handle-draggable:hover,
.t-table--row-draggable tr,
.t-table--col-draggable .t-table__th-cell-inner {
  cursor: move;
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable {
  cursor: pointer;
}
/** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
.t-affix .t-table__pagination {
  background-color: var(--td-bg-color-container);
}
.t-table--bordered .t-affix .t-table__pagination {
  border-top: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered) th {
  border-top: 1px solid transparent;
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
  border-right: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th {
  border-top: 1px solid var(--td-component-border);
}
/** 可选中行的场景下，将 Checkbox 和 Radio 铺满整个单元格，增大点击范围，方便用户选中 */
.t-table td.t-table__cell-check,
.t-table th.t-table__cell-check {
  padding: 0;
  /** HTML 特性: th/td 必须设置为 0，他们的子元素才能设置为 100% */
  height: 0;
}
.t-table td.t-table__cell-check .t-radio__label,
.t-table th.t-table__cell-check .t-radio__label,
.t-table td.t-table__cell-check .t-checkbox__label,
.t-table th.t-table__cell-check .t-checkbox__label {
  display: none;
}
.t-table .t-table__cell-check .t-radio,
.t-table .t-table__cell-check .t-checkbox,
.t-table .t-table__cell-check .t-table__th-cell-inner {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content {
  margin-bottom: 8px;
}
.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin-bottom: 16px;
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content {
  margin-top: 8px;
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
  margin-top: 16px;
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content {
  margin-right: 8px;
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
  margin-right: 16px;
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--text {
  max-width: 480px;
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content {
  margin-left: 8px;
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin-left: 16px;
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--td-text-color-primary);
  display: inline-block;
  z-index: 5500;
}
.t-popup__content {
  position: relative;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: 3px;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
}
.t-popup__reference {
  display: inline-block;
}
.t-popup__arrow {
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
}
.t-popup__arrow::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: var(--td-bg-color-container);
}
.t-popup[data-popper-placement^="top"] .t-popup__content {
  margin-bottom: 8px;
}
.t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin-bottom: 16px;
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content {
  margin-top: 8px;
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
  margin-top: 16px;
}
.t-popup[data-popper-placement^="left"] .t-popup__content {
  margin-right: 8px;
}
.t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
  margin-right: 16px;
}
.t-popup[data-popper-placement^="left"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="right"] .t-popup__content {
  margin-left: 8px;
}
.t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin-left: 16px;
}
.t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="top"] .t-popup__arrow {
  bottom: calc(-8px / 2);
}
.t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
  border-top-left-radius: 100%;
  box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="top-start"] .t-popup__arrow {
  left: 8px;
}
.t-popup[data-popper-placement="top"] .t-popup__arrow {
  left: 50%;
  margin-left: calc(-8px / 2);
}
.t-popup[data-popper-placement="top-end"] .t-popup__arrow {
  left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
  top: calc(-8px / 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
  border-bottom-right-radius: 100%;
  box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
}
.t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
  left: 8px;
}
.t-popup[data-popper-placement="bottom"] .t-popup__arrow {
  left: 50%;
  margin-left: calc(-8px / 2);
}
.t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
  left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow {
  right: calc(-8px / 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
  box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
}
.t-popup[data-popper-placement="left-start"] .t-popup__arrow {
  top: 8px;
}
.t-popup[data-popper-placement="left"] .t-popup__arrow {
  top: 50%;
  margin-top: calc(-8px / 2);
}
.t-popup[data-popper-placement="left-end"] .t-popup__arrow {
  top: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow {
  left: calc(-8px / 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
  box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="right-start"] .t-popup__arrow {
  top: 8px;
}
.t-popup[data-popper-placement="right"] .t-popup__arrow {
  top: 50%;
  margin-top: calc(-8px / 2);
}
.t-popup[data-popper-placement="right-end"] .t-popup__arrow {
  top: calc(100% - 8px * 2);
}
.t-popup--animation-enter,
.t-popup--animation-enter-from,
.t-popup--animation-exiting,
.t-popup--animation-leave-to {
  opacity: 0;
  visibility: hidden;
}
.t-popup--animation-enter-to,
.t-popup--animation-entering,
.t-popup--animation-leave-from,
.t-popup--animation-leave {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.t-popup--animation-enter-active {
  transition: opacity 0.2s linear;
}
.t-popup--animation-leave-active {
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-popup--animation-expand-enter-active[data-popper-placement^=top] {
  animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=top] {
  animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@keyframes t-popup-animation-expand-in-top {
  0% {
    -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
            clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
  100% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-top {
  0% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
            clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
}
.t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
  animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
  animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@keyframes t-popup-animation-expand-in-bottom {
  0% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
  100% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-bottom {
  0% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
}

.t-affix {
  position: fixed;
  z-index: 500;
}

.input-disabled.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.input-disabled.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.input-disabled.t-is-disabled .t-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  line-height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: 32px;
  line-height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: var(--td-border-level-2-color);
  padding: 0 8px;
  background-color: var(--td-bg-color-specialcomponent);
  outline: none;
  color: var(--td-text-color-primary);
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}
.t-input:hover {
  border-color: var(--td-brand-color);
}
.t-input:focus {
  z-index: 1;
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-input--focused {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
  z-index: 1;
}
.t-input :focus-visible {
  outline: none;
}
.t-input__inner {
  -ms-flex: 1;
      flex: 1;
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  min-width: 0;
  color: var(--td-text-color-primary);
  line-height: inherit;
  background-color: transparent;
  box-sizing: border-box;
}
.t-input__inner:-moz-read-only {
  cursor: pointer;
}
.t-input__inner:read-only {
  cursor: pointer;
}
.t-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner::-moz-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.t-input__inner:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.t-input__inner:placeholder-shown {
  text-overflow: ellipsis;
}
.t-input__extra {
  font-size: 12px;
  color: var(--td-text-color-placeholder);
}
.t-input__status {
  position: absolute;
  right: -24px;
  top: 0;
}
.t-input.t-input--suffix > span.t-input__clear {
  opacity: 0;
  visibility: hidden;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input.t-input--suffix:hover > span.t-input__clear {
  opacity: 1;
  visibility: visible;
}
.t-input.t-is-success {
  border-color: var(--td-success-color);
}
.t-input.t-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success.t-input--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success > .t-input__extra {
  color: var(--td-success-color);
}
.t-input.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-input.t-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning.t-input--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning > .t-input__extra {
  color: var(--td-warning-color);
}
.t-input.t-is-error {
  border-color: var(--td-error-color);
}
.t-input.t-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error.t-input--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error > .t-input__extra {
  color: var(--td-error-color);
}
.t-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input.t-is-disabled .t-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon,
.t-input.t-is-disabled > .t-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input.t-input--prefix > .t-input__prefix-icon {
  padding-right: 8px;
}
.t-input.t-input--prefix > .t-input__prefix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}
.t-input.t-input--prefix > .t-input__prefix-icon {
  font-size: 16px;
}
.t-input.t-input--suffix > .t-input__suffix-icon {
  padding-left: 8px;
}
.t-input.t-input--suffix > .t-input__suffix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}
.t-input.t-input--suffix > .t-input__suffix-icon {
  font-size: 16px;
}
.t-input .t-input__suffix-clear {
  cursor: pointer;
}
.t-input.t-size-l {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.t-input.t-size-s {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.t-input .t-input__prefix > .t-icon,
.t-input .t-input__suffix > .t-icon {
  font-size: inherit;
}
.t-input .t-input__prefix > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-input .t-input__suffix > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-input.t-is-focused .t-input__prefix > .t-icon {
  color: var(--td-brand-color);
}
.t-input.t-is-focused .t-input__suffix > .t-icon-time,
.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
  color: var(--td-brand-color);
}
.t-input-group {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.t-input-group .t-input__wrap {
  border-radius: 0;
}
.t-input-group .t-input__wrap:first-child {
  border-radius: 3px 0 0 3px;
}
.t-input-group .t-input__wrap:last-child {
  border-radius: 0 3px 3px 0;
}
.t-input-group .t-button,
.t-input-group .t-select {
  border-radius: 0;
}
.t-input-group .t-button:not(:first-child),
.t-input-group .t-select:not(:first-child) {
  margin-left: -1px;
}
.t-input-group .t-input__wrap:not(:first-child) .t-input {
  margin-left: -1px;
}
.t-input-group .t-input__wrap:first-child .t-input {
  border-radius: 3px 0 0 3px;
}
.t-input-group .t-input__wrap:last-child .t-input {
  border-radius: 0 3px 3px 0;
}
.t-input-group .t-button:first-child,
.t-input-group .t-select:first-child {
  border-radius: 3px 0 0 3px;
}
.t-input-group .t-button:last-child,
.t-input-group .t-select:last-child {
  border-radius: 0 3px 3px 0;
}
.t-input-group--separate .t-input__wrap + .t-input__wrap {
  margin-left: 8px;
}
.t-input-group--separate .t-button,
.t-input-group--separate .t-select {
  border-radius: 3px;
}
.t-input-group--separate .t-button:first-child,
.t-input-group--separate .t-select:first-child {
  border-radius: 3px 0 0 3px;
}
.t-input-group--separate .t-button:last-child,
.t-input-group--separate .t-select:last-child {
  border-radius: 0 3px 3px 0;
}
.t-input-group--separate .t-input__wrap .t-input {
  border-radius: 3px;
}
.t-input-group--separate .t-input__wrap .t-input:first-child {
  border-radius: 3px;
}
.t-input-group--separate .t-input__wrap .t-input:last-child {
  border-radius: 3px;
}
.t-input-group .t-input__inner,
.t-input-group .t-button,
.t-input-group .t-select {
  position: relative;
  z-index: 0;
}
.t-input-group .t-input__inner:hover,
.t-input-group .t-button:hover,
.t-input-group .t-select:hover,
.t-input-group .t-input__inner:focus,
.t-input-group .t-button:focus,
.t-input-group .t-select:focus,
.t-input-group .t-input__inner:active,
.t-input-group .t-button:active,
.t-input-group .t-select:active {
  z-index: 1;
}
.t-input__wrap {
  width: 100%;
}
.t-input__tips {
  height: auto;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.t-input__tips--normal {
  color: var(--td-text-color-placeholder);
}
.t-input__tips--success {
  color: var(--td-success-color);
}
.t-input__tips--warning {
  color: var(--td-warning-color);
}
.t-input__tips--error {
  color: var(--td-error-color);
}
.t-align-center > .t-input__inner {
  text-align: center;
}
.t-align-right > .t-input__inner {
  text-align: right;
}
.t-input__input-pre {
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
}
.t-input--auto-width {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 60px;
}

.t-tag {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0px 8px;
  height: 24px;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-anti);
  border-radius: 3px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.t-tag .t-icon {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-tag .t-tag__icon-close {
  margin-right: 0;
  margin-left: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tag ::-moz-selection {
  background: transparent;
}
.t-tag ::selection {
  background: transparent;
}
.t-tag--default {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-component);
}
.t-tag--default .t-tag__icon-close {
  color: var(--td-text-color-placeholder);
}
.t-tag--default .t-tag__icon-close:hover {
  color: var(--td-text-color-primary);
}
.t-tag--default.t-tag--checked {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-tag--default.t-tag--checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-tag--default:active {
  cursor: default;
}
.t-tag--default.t-tag--check {
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  cursor: pointer;
}
.t-tag--default.t-tag--check:hover:not(.t-tag--checked):not(.t-tag--disabled) {
  background-color: var(--td-bg-color-component-hover);
}
.t-tag--default.t-tag--disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.t-tag--default.t-tag--disabled:hover {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-tag--default.t-tag--disabled .t-icon:hover {
  cursor: pointer;
}
.t-tag--primary {
  background-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--outline {
  color: var(--td-brand-color);
}
.t-tag--success {
  background-color: var(--td-success-color);
}
.t-tag--success.t-tag--outline {
  color: var(--td-success-color);
}
.t-tag--warning {
  background-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--outline {
  color: var(--td-warning-color);
}
.t-tag--danger {
  background-color: var(--td-error-color);
}
.t-tag--danger.t-tag--outline {
  color: var(--td-error-color);
}
.t-tag--primary.t-tag--light {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light.t-tag--outline {
  color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light .t-tag__icon-close:hover,
.t-tag--primary.t-tag--outline .t-tag__icon-close:hover {
  color: var(--td-brand-color-hover);
}
.t-tag--success.t-tag--light {
  color: var(--td-success-color);
  background-color: var(--td-success-color-1);
}
.t-tag--success.t-tag--light.t-tag--outline {
  color: var(--td-success-color);
}
.t-tag--success.t-tag--light .t-tag__icon-close:hover,
.t-tag--success.t-tag--outline .t-tag__icon-close:hover {
  color: var(--td-success-color-hover);
}
.t-tag--warning.t-tag--light {
  color: var(--td-warning-color);
  background-color: var(--td-warning-color-1);
}
.t-tag--warning.t-tag--light.t-tag--outline {
  color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light .t-tag__icon-close:hover,
.t-tag--warning.t-tag--outline .t-tag__icon-close:hover {
  color: var(--td-warning-color-hover);
}
.t-tag--danger.t-tag--light {
  color: var(--td-error-color);
  background-color: var(--td-error-color-1);
}
.t-tag--danger.t-tag--light.t-tag--outline {
  color: var(--td-error-color);
}
.t-tag--danger .t-tag__icon-close {
  fill: var(--td-error-color);
}
.t-tag--danger .t-tag__icon-close:hover {
  fill: var(--td-error-color-hover);
}
.t-tag--danger.t-tag--light .t-tag__icon-close:hover,
.t-tag--danger.t-tag--outline .t-tag__icon-close:hover {
  color: var(--td-error-color-hover);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close {
  fill: var(--td-font-white-1);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
  fill: var(--td-font-white-2);
}
.t-tag.t-tag--outline {
  background-color: var(--td-bg-color-component);
}
.t-tag.t-size-s {
  padding: 0px 8px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
}
.t-tag.t-size-s .t-icon {
  font-size: 12px;
}
.t-tag.t-size-l {
  padding: 0px 12px;
  height: 32px;
  font-size: 16px;
  line-height: 30px;
}
.t-tag.t-size-l .t-icon {
  font-size: 16px;
}
.t-tag.t-tag--round {
  border-radius: 12px;
}
.t-tag.t-tag--mark {
  border-radius: 0 12px 12px 0;
}
.t-tag.t-tag--ellipsis .t-tag--text {
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
a .t-tag {
  cursor: pointer;
  transition: all 0.2s linear;
}
a .t-tag:hover {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-component-hover);
}
a .t-tag:active {
  color: var(--td-brand-color-active);
  background-color: var(--td-bg-color-component-active);
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.t-tag-input {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-tag-input .t-tag {
  margin-right: 4px;
  animation: t-fade-in 0.1s ease-in-out;
}
.t-tag-input .t-input {
  padding-left: 4px;
  overflow: hidden;
}
.t-tag-input .t-input.t-size-s {
  padding-left: 2px;
}
.t-tag-input:hover .t-input__inner,
.t-tag-input .t-input--focused .t-input__inner {
  min-width: 40px;
}
.t-tag-input .t-tag-input__prefix,
.t-tag-input .t-input__prefix:empty {
  margin-left: 4px;
}
.t-tag-input .t-input--auto-width {
  padding-right: 4px;
}
.t-tag-input .t-input--auto-width .t-tag:last-child {
  margin-right: 0;
}
.t-tag-input .t-input--auto-width:hover .t-input__prefix:not(:empty) + .t-input__inner,
.t-tag-input .t-input--auto-width .t-is-focused .t-input__prefix:not(:empty) + .t-input__inner {
  margin-left: 4px;
}
.t-tag-input__suffix-clear {
  cursor: pointer;
}
.t-tag-input--break-line .t-input {
  display: block;
  height: auto;
  padding-right: 24px;
}
.t-tag-input--break-line .t-input.t-input--prefix > .t-input__prefix {
  display: inline;
  text-align: left;
}
.t-tag-input--break-line .t-input .t-input__suffix-icon {
  position: absolute;
  right: 8px;
  bottom: 0;
}
.t-tag-input__prefix {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  margin-right: 8px;
}

.t-select-input,
.t-select-input__wrap {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: inline-block;
}
/** 无边框模式 */
.t-select-input--borderless {
  /** 无边框模式的多选 */
}
.t-select-input--borderless .t-input {
  border: 0;
  box-shadow: none;
  transition: background-color 0.2s linear;
}
.t-select-input--borderless .t-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: 3px;
}
.t-select-input--borderless .t-input--focused {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
  display: inline-block;
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-input--borderless.t-tag-input {
  border: 0;
  box-shadow: none;
  transition: background-color 0.2s linear;
}
.t-select-input--borderless.t-tag-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: 3px;
}

.t-select__wrap {
  width: 100%;
}
.t-select-polyfill {
  border: 1px solid var(--td-border-level-2-color);
  border-radius: 3px;
  padding: 0 26px 0 4px;
}
.t-select {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  vertical-align: middle;
  line-height: 30px;
  background: var(--td-bg-color-specialcomponent);
  transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.t-select:hover:not(.t-is-disabled),
.t-select :active:not(.t-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.t-select:hover:not(.t-is-disabled) > .t-select__right-icon:not(.t-select__right-icon-clear),
.t-select :active:not(.t-is-disabled) > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.t-select.t-no-border {
  line-height: 32px;
}
.t-select .t-select__placeholder {
  margin-left: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.t-select:not(.t-is-disabled) .t-select__placeholder {
  color: var(--td-text-color-placeholder);
}
.t-select .t-select__single {
  margin-left: 4px;
  display: block;
  color: var(--td-text-color-primary);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select .t-select__right-icon {
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-select .t-select__right-icon-polyfill {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  right: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
}
.t-select .t-select__active-icon {
  color: var(--td-brand-color);
}
.t-select .t-select__right-icon.t-is-visible {
  transform: scaleY(-1);
  transition: transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  /* IE */
  -webkit-filter: flipv;
          filter: flipv;
}
.t-select .t-select__left-icon {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  left: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-select .t-input__wrap {
  -ms-flex: 1;
      flex: 1;
}
.t-select .t-tag + .t-input__wrap {
  margin-left: 4px;
}
.t-select .t-tag + .t-input__wrap .t-input__inner {
  width: 100%;
}
.t-select .t-select__input .t-input {
  height: auto;
  border: 0;
  padding: 0;
}
.t-select .t-select__input .t-input--focused {
  box-shadow: none;
  border-color: transparent;
}
.t-select .t-select__input:focus,
.t-select .t-select__input :hover {
  border: 0;
}
.t-select .t-select__input input {
  height: 30px;
  line-height: 30px;
}
.t-select .t-tag,
.t-select + .t-tag {
  margin: 4px 4px 4px 0;
}
.t-select .t-tag {
  height: 22px;
  line-height: 20px;
}
.t-select.t-is-active:not(.t-is-disabled) {
  border-color: var(--td-brand-color);
}
.t-select.t-is-active:not(.t-is-disabled):not(.t-no-border) {
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-select.t-is-active:not(.t-is-disabled) .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.t-select.t-has-prefix {
  padding-left: 26px;
}
.t-select.t-no-border {
  border: 0;
  width: auto;
  transition: background-color 0.2s linear;
}
.t-select.t-no-border:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select.t-no-border:active {
  background-color: var(--td-bg-color-container-active);
}
.t-select.t-no-border > .t-select__single {
  margin-right: 8px;
}
.t-select.t-size-l {
  line-height: 38px;
  font-size: 16px;
}
.t-select.t-size-l .t-select__input {
  line-height: 38px;
  height: 38px;
}
.t-select.t-size-l .t-select__input .t-input__inner {
  height: 38px;
  line-height: 38px;
}
.t-select.t-size-l .t-tag.t-size-l {
  height: 30px;
  line-height: 28px;
}
.t-select.t-size-s {
  line-height: 22px;
  font-size: 12px;
}
.t-select.t-size-s .t-select__input {
  line-height: 22px;
  height: 22px;
}
.t-select.t-size-s .t-select__input .t-input__inner {
  height: 22px;
  line-height: 22px;
}
.t-select.t-size-s .t-tag.t-size-s {
  height: 18px;
  line-height: 16px;
}
.t-select.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-border-level-2-color);
}
.t-select.t-is-disabled > .t-select__right-icon {
  color: var(--td-text-color-disabled);
}
.t-select.t-is-disabled > .t-select__left-icon {
  color: var(--td-text-color-disabled);
}
.t-select.t-is-disabled > .t-select__single {
  color: var(--td-text-color-disabled);
}
.t-select__popup-reference {
  width: 100%;
}
.t-select__dropdown {
  margin: 8px 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: var(--td-shadow-2);
  border-radius: 3px;
}
.t-select__dropdown-inner {
  padding: 6px;
}
.t-select__dropdown-inner--size-s {
  padding: 4px;
}
.t-select__dropdown-inner--size-l {
  padding: 8px;
}
.t-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-select__dropdown.t-popup {
  padding: 0;
}
.t-select__empty.t-size-s {
  line-height: 24px;
}
.t-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: 32px;
}
.t-select__empty.t-size-l {
  line-height: 40px;
}
.t-select__loading-tips.t-size-s {
  line-height: 24px;
}
.t-select__loading-tips {
  text-align: center;
  line-height: 32px;
  color: var(--td-text-color-disabled);
}
.t-select__loading-tips.t-size-l {
  line-height: 40px;
}
.t-select-option-group + .t-select-option-group {
  padding-top: 7px;
  margin-top: 7px;
}
.t-select-option-group__divider + .t-select-option-group__divider {
  border-top: 1px var(--td-border-level-1-color) solid;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: 28px;
  line-height: 20px;
  padding: 3px 8px;
  box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
  height: 36px;
  padding: 7px 12px;
}
.t-select-option-group__header.t-size-s {
  height: 20px;
  padding: 0 8px;
}
.t-select-option {
  display: block;
  border-radius: 3px;
  height: 28px;
  line-height: 20px;
  cursor: pointer;
  padding: 3px 8px;
  color: var(--td-text-color-primary);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
  position: relative;
}
.t-select-option:not(.t-is-disabled):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):hover .t-checkbox__label {
  color: inherit;
}
.t-select-option:not(.t-is-disabled):hover .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option .t-checkbox__label {
  color: var(--td-text-color-primary);
  -ms-flex: 1;
      flex: 1;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option .t-checkbox {
  width: 100%;
}
.t-select-option.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-is-disabled:hover,
.t-select-option.t-is-disabled :active {
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-size-l {
  height: 36px;
  padding: 7px 12px;
  font-size: 16px;
}
.t-select-option.t-size-s {
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
}
.t-select-option.t-is-selected {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  transition: all 0.2s linear;
}
.t-select-option.t-is-selected .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-select-option.t-is-selected:hover {
  background-color: var(--td-brand-color-light);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option.t-select-option__hover .t-checkbox__label {
  color: inherit;
}
.t-select-option + .t-select-option {
  margin-top: 2px;
}
.t-select.t-select-input--borderless .t-select__right-icon {
  position: relative;
  margin: 0;
}
.t-select .t-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.t-select .t-fake-arrow--active {
  color: var(--td-brand-color);
}
.t-select .t-input:hover:not(.t-is-disabled),
.t-select .t-input :active:not(.t-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.t-select .t-input:hover:not(.t-is-disabled) .t-fake-arrow,
.t-select .t-input :active:not(.t-is-disabled) .t-fake-arrow {
  color: var(--td-brand-color);
}

@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.t-input-number {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 0 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 128px;
}
.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
  margin-left: 4px;
}
.t-input-number input::-webkit-outer-spin-button,
.t-input-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.t-input-number input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.t-input-number .t-input {
  color: var(--td-text-color-primary);
}
.t-input-number.t-input-number--auto-width {
  width: auto;
}
.t-input-number.t-input-number--auto-width.t-is-controls-right {
  min-width: 88px;
}
.t-input-number.t-input-number--auto-width:not(.t-input-number--column) .t-input-number__increase {
  right: -4px;
}
.t-input-number .t-input-number__decrease,
.t-input-number .t-input-number__increase {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  border: 1px solid var(--td-border-level-2-color);
  box-sizing: border-box;
  border-radius: 3px;
  background-color: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1;
  cursor: pointer;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input-number .t-input-number__decrease:hover,
.t-input-number .t-input-number__increase:hover {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:hover .t-icon,
.t-input-number .t-input-number__increase:hover .t-icon {
  color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:active,
.t-input-number .t-input-number__increase:active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container-hover);
}
.t-input-number .t-input-number__decrease .t-icon,
.t-input-number .t-input-number__increase .t-icon {
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: var(--td-text-color-secondary);
}
.t-input-number .t-input-number__decrease.t-is-disabled,
.t-input-number .t-input-number__increase.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover,
.t-input-number .t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease {
  left: 0;
}
.t-input-number .t-input-number__increase {
  right: -8px;
}
.t-input-number.t-is-disabled .t-input {
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-disabled .t-input:hover,
.t-input-number.t-is-disabled .t-input:focus,
.t-input-number.t-is-disabled .t-input:active {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-disabled .t-input-number__decrease,
.t-input-number.t-is-disabled .t-input-number__increase {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,
.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
  color: var(--td-text-color-secondary);
}
.t-input-number.t-size-s {
  width: 96px;
  padding: 0 24px;
}
.t-input-number.t-size-s .t-input {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
.t-input-number.t-size-s .t-input-number__decrease,
.t-input-number.t-size-s .t-input-number__increase {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.t-input-number.t-size-l {
  width: 152px;
  padding: 0 40px;
}
.t-input-number.t-size-l .t-input {
  height: 40px;
  line-height: 40px;
}
.t-input-number.t-size-l .t-input-number__decrease,
.t-input-number.t-size-l .t-input-number__increase {
  font-size: 18px;
  width: 40px;
  height: 40px;
}
.t-input-number.t-size-l.t-is-controls-right .t-input {
  height: 40px;
  line-height: 40px;
  padding-right: 48px;
}
.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
  width: 40px;
  font-size: 16px;
}
.t-input-number.t-input-number--normal {
  padding: 0;
  border-radius: 3px;
}
.t-input-number.t-input-number--normal.t-is-disabled {
  cursor: no-drop;
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
  box-shadow: none;
}
.t-input-number.t-is-controls-right {
  width: 96px;
  padding: 0;
}
.t-input-number.t-is-controls-right:hover .t-input-number__decrease,
.t-input-number.t-is-controls-right:hover .t-input-number__increase {
  opacity: 1;
  visibility: visible;
}
.t-input-number.t-is-controls-right .t-input {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding-right: 40px;
  border-radius: 3px;
}
.t-input-number.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-is-controls-right .t-input-number__increase {
  width: 32px;
  height: 14px;
  border: 0;
  left: initial;
  top: initial;
  right: 1px;
  border-radius: 0;
  background: var(--td-bg-color-secondarycontainer);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
  font-size: 12px;
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover,
.t-input-number.t-is-controls-right .t-input-number__increase:hover {
  background: var(--td-bg-color-component-hover);
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
  color: var(--td-text-color-primary);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__increase {
  top: 1px;
  border-top-right-radius: calc(3px - 1px);
}
.t-input-number.t-is-controls-right .t-input-number__decrease {
  top: 17px;
  border-bottom-right-radius: calc(3px - 1px);
}
.t-input-number.t-is-controls-right.t-size-l {
  width: 120px;
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  height: 18px;
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  top: 21px;
}
.t-input-number.t-is-controls-right.t-size-s {
  width: 88px;
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
  height: 10px;
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
  top: 13px;
}

.t-pagination {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  white-space: nowrap;
  color: var(--td-text-color-secondary);
}
.t-pagination.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-pagination__total {
  font-size: 14px;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-pagination .t-select__wrap {
  width: auto;
}
.t-pagination__select {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  height: 32px;
  font-size: 14px;
  color: var(--td-text-color-secondary);
}
.t-pagination__btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  color: var(--td-text-color-secondary);
  border-radius: 3px;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__btn.t-is-disabled,
.t-pagination__btn.t-is-disabled:hover,
.t-pagination__btn.t-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination__btn.t-is-disabled {
  cursor: not-allowed;
}
.t-pagination__btn-prev {
  margin-right: 8px;
}
.t-pagination__btn-next {
  margin-left: 8px;
}
.t-pagination__btn + .t-pagination__select {
  margin-right: 0;
}
.t-pagination__pager {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-pagination__pager li:not(:last-child) {
  margin-right: 8px;
}
.t-pagination__number {
  display: inline-block;
  border: 1px solid var(--td-component-border);
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
  height: 32px;
  min-width: 32px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 4px;
  padding-right: 4px;
}
.t-pagination__number:hover {
  color: var(--td-brand-color-hover);
  border-color: var(--td-brand-color-hover);
}
.t-pagination__number:active {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current.t-is-disabled,
.t-pagination__number.t-is-current.t-is-disabled:hover,
.t-pagination__number.t-is-current.t-is-disabled:active {
  background-color: var(--td-brand-color-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.t-pagination__number.t-is-disabled {
  cursor: auto;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.t-pagination__number.t-is-disabled:hover,
.t-pagination__number.t-is-disabled:active {
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-component-border);
}
.t-pagination__number--more {
  border: 0 none;
  padding: 0;
}
.t-pagination__number--more:hover {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination__number--more:active {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__number--more.t-is-disabled,
.t-pagination__number--more.t-is-disabled:hover,
.t-pagination__number--more.t-is-disabled:active {
  background: none;
}
.t-pagination__number--more .t-icon-more {
  transform: rotate(90deg);
  color: var(--td-text-color-disabled);
}
.t-pagination__jump {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
  font-size: 14px;
}
.t-pagination .t-input-number {
  margin-left: 4px;
  margin-right: 4px;
  width: 48px;
}
.t-pagination.t-size-s .t-pagination__total {
  font-size: 12px;
}
.t-pagination.t-size-s .t-pagination__select {
  height: 24px;
  font-size: 12px;
}
.t-pagination.t-size-s .t-pagination__number {
  border: 0 none;
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
}
.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__number.t-is-disabled {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled {
  background-color: var(--td-brand-color-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.t-pagination.t-size-s .t-pagination__btn {
  border: 0 none;
  background: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.t-pagination.t-size-s .t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination.t-size-s .t-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}

.t-checkbox-group {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.t-checkbox {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--td-text-color-primary);
}
.t-checkbox + .t-checkbox {
  margin-left: inherit;
}
.t-checkbox__former {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.t-checkbox__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: 3px;
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
}
.t-checkbox__input::after {
  content: "";
  position: absolute;
  opacity: 0;
  box-sizing: border-box;
}
.t-checkbox__label {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  vertical-align: middle;
  font-size: 14px;
}
.t-checkbox:hover .t-checkbox__input {
  border-color: var(--td-brand-color);
  transition: border-color 0.2s linear;
}
.t-checkbox.t-is-checked .t-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-checked .t-checkbox__input::after {
  opacity: 1;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 9px;
  border: 2px solid var(--td-text-color-anti);
  border-radius: 0 0 1px;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background: transparent;
}
.t-checkbox.t-is-indeterminate .t-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-indeterminate .t-checkbox__input::after {
  opacity: 1;
  width: 16px;
  height: 4px;
  left: -1px;
  right: 0;
  top: 5px;
  border: unset;
  transform: scale(0.5);
  background-color: var(--td-font-white-1);
}
.t-checkbox.t-is-disabled {
  cursor: not-allowed;
}
.t-checkbox.t-is-disabled .t-checkbox__label {
  color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled .t-checkbox__input {
  background-color: var(--td-bg-color-component-disabled);
}
.t-checkbox.t-is-disabled:hover .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input::after {
  border-color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input::after {
  background-color: var(--td-text-color-disabled);
}

.t-radio-group {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-radio-group::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.t-radio-group::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 7px;
}
.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,
.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-radio-group .t-radio {
  margin-right: 24px;
}
.t-radio-group.t-radio-group__outline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 4px;
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
  color: var(--td-brand-color);
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-brand-color-disabled);
  border-color: var(--td-brand-color-disabled);
  background-color: var(--td-bg-color-specialcomponent);
}
.t-radio-group.t-radio-group--filled {
  border-color: var(--td-bg-color-component);
  padding: 2px;
  border-radius: 3px;
  background-color: var(--td-bg-color-component);
  position: relative;
}
.t-radio-group.t-radio-group--filled .t-radio-group__bg-block {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 0;
  height: calc(100% - 4px);
  background-color: var(--td-bg-color-container-select);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  border-radius: 3px;
}
.t-radio-group.t-radio-group--filled .t-radio-button {
  color: var(--td-text-color-secondary);
  border: 0;
  background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button:hover {
  color: var(--td-text-color-primary);
}
.t-radio-group.t-radio-group--filled .t-radio-button::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 16px);
  background-color: var(--td-component-border);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked {
  position: relative;
  color: var(--td-text-color-primary);
  z-index: 1;
  border: 0;
  transition: color 0.2s linear;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked + label::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled {
  background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-disabled);
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block {
  background-color: var(--td-brand-color);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked {
  color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
  background-color: var(--td-brand-color-disabled);
}
.t-radio-group.t-size-s .t-radio-button {
  height: 20px;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 20px;
}
.t-radio-group.t-size-s .t-radio-button::before {
  height: calc(100% - 16px);
}
.t-radio-group.t-size-m .t-radio-button {
  height: 28px;
  padding: 4px 16px;
  font-size: 14px;
}
.t-radio-group.t-size-m .t-radio-button::before {
  height: calc(100% - 20px);
}
.t-radio-group.t-size-l .t-radio-button {
  height: 36px;
  padding: 8px 24px;
  font-size: 16px;
}
.t-radio-group.t-size-l .t-radio-button::before {
  height: calc(100% - 24px);
}
.t-radio-group .t-radio-button {
  cursor: pointer;
  position: relative;
  border: 1px solid;
  border-color: var(--td-border-level-2-color);
  border-right: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
  color: var(--td-text-color-primary);
  white-space: nowrap;
  box-sizing: border-box;
}
.t-radio-group .t-radio-button:first-child {
  border-radius: 3px 0 0 3px;
}
.t-radio-group .t-radio-button:last-child {
  border-right: 1px solid;
  border-right-color: var(--td-border-level-2-color);
  border-radius: 0 3px 3px 0;
}
.t-radio-group .t-radio-button__former {
  opacity: 0;
  height: 0;
  width: 0;
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-radio-group .t-radio-button:hover {
  color: var(--td-brand-color);
}
.t-radio-group .t-radio-button.t-is-checked {
  border-right: 1px solid;
  border-color: var(--td-brand-color);
  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
  border-left: 0;
}
.t-radio-group .t-radio-button.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
  color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover::after {
  width: 0;
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked::after {
  width: 0;
}
.t-radio {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  cursor: pointer;
}
.t-radio__former {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  position: absolute;
}
.t-radio__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container);
  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  transform: scale(0.5);
  opacity: 0;
  border-radius: 50%;
  background-color: var(--td-brand-color);
  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__label {
  display: inline-block;
  margin-left: 8px;
  color: var(--td-text-color-primary);
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
}
.t-radio:hover .t-radio__input {
  border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input {
  border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input::after {
  opacity: 1;
}
.t-radio.t-is-disabled {
  cursor: not-allowed;
}
.t-radio.t-is-disabled .t-radio__label {
  color: var(--td-text-color-disabled);
}
.t-radio.t-is-disabled .t-radio__input {
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio.t-is-disabled:hover .t-radio__input {
  border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input {
  border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input::after {
  background-color: var(--td-text-color-disabled);
}

.t-popup .t-tooltip {
  display: inline-block;
  border: 0;
  margin-bottom: 1px;
  max-width: 480px;
  word-break: break-word;
  box-sizing: border-box;
}
.t-popup .t-tooltip:not(.t-tooltip--light) {
  color: var(--td-text-color-anti);
}
.t-popup .t-tooltip--default {
  background: var(--td-gray-color-12);
  margin: 8px;
}
.t-popup .t-tooltip--primary {
  background: var(--td-brand-color);
}
.t-popup .t-tooltip--success {
  background: var(--td-success-color);
}
.t-popup .t-tooltip--danger {
  background: var(--td-error-color);
}
.t-popup .t-tooltip--warning {
  background: var(--td-warning-color);
}
.t-popup .t-tooltip .t-popup__arrow {
  background: inherit;
  width: auto;
  height: auto;
}
.t-popup .t-tooltip .t-popup__arrow::before {
  background: inherit;
}
.t-popup[data-popper-placement^="top"] .t-tooltip .t-popup__arrow {
  bottom: 4px;
}
.t-popup[data-popper-placement^="left"] .t-tooltip .t-popup__arrow {
  right: 4px;
}
.t-popup[data-popper-placement^="right"] .t-tooltip .t-popup__arrow {
  left: -4px;
}

.recent-card {
  padding-bottom: 0;
}

.iframe-mdm {
  width: 100%;
  border: medium none;
  height: 700px;
}

.mdm-card {
  background-color: #fff;
  padding: 34px 40px 12px;
}

.application_card {
  padding: 24px 42px;
  background: #fff;
}
.application_table__empty {
  height: 256px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.scopes-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.scopes-panel .scope-menu .t-default-menu__inner .t-menu {
  padding: 0;
}
.scopes-panel .scope-table .t-pagination__total {
  display: none;
}
.scopes-panel .scope-pagination_hide .t-pagination {
  display: none;
}
.scopes-panel .scope-table_display {
  padding-left: 80px;
}
.scopes-panel .scope-menu-space {
  margin-right: 24px;
}
.api-list .t-list-item {
  padding: 0;
}
.api-list .t-list-item .api-link {
  color: #0052d9;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 28px;
  font-size: 14px;
}
.api-list .t-list-item .api-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.api-button {
  color: #000;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.api-button:hover {
  cursor: pointer;
}

a.t-menu__item {
  text-decoration: none;
  color: unset;
}
a.t-menu__item:hover,
a.t-menu__item:active {
  color: inherit;
}
.t-head-menu {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
  background-color: #fff;
}
.t-head-menu__inner {
  display: -ms-flexbox;
  display: flex;
  height: 64px;
}
.t-head-menu__inner li + li {
  margin-left: 4px;
}
.t-head-menu__inner .t-menu:first-child {
  margin-left: 24px;
}
.t-head-menu .t-menu__logo:not(:empty) {
  height: 100%;
  margin-right: 32px;
}
.t-head-menu .t-menu {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-head-menu .t-menu__operations:not(:empty) {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  line-height: 64px;
  text-align: right;
  margin-right: 8px;
  overflow: hidden;
}
.t-head-menu .t-menu__operations-icon {
  width: 40px;
  height: 40px;
  padding: 8px;
  line-height: 40px;
  box-sizing: border-box;
}
.t-head-menu .t-submenu > .t-menu__item {
  overflow: unset;
}
.t-head-menu .t-submenu > .t-menu__item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-head-menu .t-menu__item {
  min-width: 104px;
  height: 40px;
  line-height: 40px;
  -ms-flex-pack: center;
      justify-content: center;
  transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-head-menu__submenu {
  border-top: 1px solid var(--td-gray-color-3);
}
.t-head-menu__submenu .t-tabs {
  background: #fff;
}
.t-head-menu__submenu .t-tabs__bar {
  background-color: #4582E6;
}
.t-head-menu__submenu .t-tabs__nav-item {
  color: var(--td-font-gray-2);
  --ripple-color: var(--td-gray-color-3);
}
.t-head-menu__submenu .t-tabs__nav-item-wrapper {
  --ripple-color: var(--td-gray-color-3);
}
.t-head-menu__submenu .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-gray-color-1);
}
.t-head-menu__submenu .t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
}
.t-head-menu__submenu .t-tabs__nav-item.t-is-disabled {
  color: var(--td-font-gray-4);
}
.t-head-menu .t-menu__popup {
  top: 60px;
  min-width: 100%;
  box-sizing: content-box;
  transform-origin: center top;
}
.t-head-menu .t-menu__popup .t-menu__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  white-space: nowrap;
  padding-left: 16px;
  padding-right: 16px;
  min-width: 100%;
  margin-left: 0;
  color: var(--td-font-gray-2);
  box-sizing: border-box;
}
.t-head-menu .t-menu__popup li + li {
  margin-top: 4px;
  margin-left: 0;
}
.t-head-menu .t-submenu-icon {
  margin-left: 8px;
}
.t-head-menu .t-fake-arrow {
  margin-left: 8px;
}
.t-head-menu .t-menu__popup-inner .t-menu__popup {
  top: -8px;
  left: calc(100% + 16px);
  transform-origin: left top;
}
.t-head-menu .t-menu__popup-inner .t-menu__item {
  text-align: left;
  padding: 0 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.t-head-menu .t-menu__popup-inner .t-submenu-icon {
  transform: rotate(270deg);
}
.t-default-menu {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 232px;
  display: inline-block;
  background: #fff;
  transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.t-default-menu.t-menu--dark {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__logo:not(:empty) {
  border-bottom-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__operations:not(:empty) {
  border-top-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) {
  background-color: var(--td-brand-color);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened {
  color: #fff;
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened.t-is-active {
  background-color: transparent;
}
.t-default-menu.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
  background-color: var(--td-brand-color);
}
.t-default-menu.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu-group__title {
  color: var(--td-font-white-3);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after {
  background-color: var(--td-gray-color-10);
}
.t-default-menu.t-is-collapsed {
  width: 64px;
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item {
  padding: 0 14px;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-default-menu.t-is-collapsed .t-fake-arrow {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item {
  text-overflow: initial;
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
  color: #fff;
  background-color: var(--td-brand-color);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
  color: #fff;
}
.t-default-menu.t-is-collapsed .t-menu__item.t-menu__item--plain::after {
  content: "";
}
.t-default-menu.t-is-collapsed .t-menu__item span {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item .t-icon {
  margin-right: initial;
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-menu__item {
  padding-left: 16px;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-menu__item span {
  display: inline;
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-menu__item.t-menu__item--plain::after {
  content: "";
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-fake-arrow {
  display: block;
}
.t-default-menu.t-is-collapsed .t-submenu-icon {
  display: none;
}
.t-default-menu.t-is-collapsed .t-submenu .t-menu__popup .t-submenu-icon {
  display: initial;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item {
  min-width: initial;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item::after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
}
.t-default-menu.t-is-collapsed .t-menu-group__title {
  padding: 0;
  font-size: 0;
}
.t-default-menu.t-is-collapsed .t-menu-group__title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 20px;
  background: var(--td-gray-color-3);
}
.t-default-menu.t-is-collapsed .t-menu__operations {
  text-align: center;
}
.t-default-menu.t-is-collapsed .t-menu__operations-icon {
  display: block;
}
.t-default-menu__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.t-default-menu__inner .t-menu__logo:not(:empty) {
  width: 100%;
  height: 64px;
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-default-menu__inner .t-menu {
  padding: 16px 8px;
  position: relative;
  -ms-flex: 1;
      flex: 1;
}
.t-default-menu__inner .t-menu--scroll {
  overflow-y: auto;
}
.t-default-menu__inner .t-menu-group__title {
  position: relative;
  padding: 20px 16px 8px;
  height: 48px;
  line-height: 20px;
  color: var(--td-font-gray-3);
  font-size: 12px;
  box-sizing: border-box;
}
.t-default-menu .t-submenu {
  margin-bottom: 4px;
  position: relative;
}
.t-default-menu .t-menu__operations:not(:empty) {
  width: 100%;
  position: relative;
  padding: 8px 16px;
  top: 0;
  left: 0;
  text-align: left;
  border-top: solid 1px var(--td-component-stroke);
  box-sizing: border-box;
}
.t-default-menu .t-menu__operations-icon {
  width: 32px;
  height: 32px;
  padding: 8px;
  cursor: pointer;
  color: var(--td-font-gray-1);
  box-sizing: border-box;
}
.t-default-menu .t-menu__item.t-is-opened {
  margin: 4px 0;
  color: var(--td-font-gray-1);
  background-color: unset;
}
.t-default-menu .t-menu__item.t-is-opened .t-icon {
  color: var(--td-font-gray-1);
}
.t-default-menu .t-menu__dropdown {
  overflow: hidden;
  transition: max-height 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-default-menu .t-menu__dropdown .t-menu__item {
  padding-left: 64px;
}
.t-default-menu .t-menu__dropdown--show {
  display: block;
}
.t-default-menu .t-menu__sub {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-default-menu .t-menu__sub.t-is-opened {
  max-height: 1000px;
}
.t-default-menu .t-menu__sub .t-menu__item {
  padding-left: var(--padding-left, 32px);
}
.t-default-menu .t-menu__popup {
  top: 0;
  left: calc(100% + 16px);
}
.t-default-menu .t-menu__item {
  position: relative;
  margin: 4px 0;
  padding: 0 10px 0 16px;
  height: 36px;
  line-height: 36px;
  border-bottom: 0;
  text-align: left;
  border-radius: 3px;
  transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
}
.t-default-menu .t-menu__item:first-child {
  margin-top: 0;
}
.t-default-menu .t-menu__item:last-child {
  margin-bottom: 0;
}
.t-default-menu .t-menu__item .t-icon {
  width: 20px;
  height: 20px;
}
.t-default-menu .t-menu__item .t-fake-arrow {
  margin-left: auto;
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) {
  color: #fff;
  background-color: var(--td-brand-color);
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: #fff;
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background: var(--td-gray-color-2);
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) + .t-menu__item {
  margin-top: 4px;
}
.t-menu {
  color: var(--td-font-gray-2);
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu--dark {
  color: var(--td-font-white-2);
}
.t-menu__logo:not(:empty) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-menu .t-submenu {
  position: relative;
}
.t-menu .t-submenu.t-is-active > .t-menu__item {
  color: var(--td-gray-color-13);
}
.t-menu .t-submenu.t-is-active > .t-menu__item .t-icon {
  color: var(--td-gray-color-13);
}
.t-menu .t-submenu .t-submenu-icon {
  width: 16px;
  height: 16px;
}
.t-menu .t-submenu.t-is-opened .t-submenu-icon {
  transform: scaleY(-1);
}
.t-menu::-webkit-scrollbar {
  display: none;
}
.t-menu__spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.t-menu__spacer--left::before {
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__spacer--top::before {
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-menu__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--td-font-gray-2);
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: 3px;
  --ripple-color: var(--td-gray-color-3);
}
.t-menu__item ::-moz-selection {
  background: transparent;
}
.t-menu__item ::selection {
  background: transparent;
}
.t-menu__item-spacer {
  overflow: unset;
}
.t-menu__item-spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.t-menu__item-spacer--right::before {
  right: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__item-spacer--bottom::before {
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-menu__item a {
  color: unset;
  text-decoration: none;
}
.t-menu__item a.t-menu__item-link {
  color: unset;
}
.t-menu__item.t-is-active {
  color: var(--td-font-gray-1);
  background-color: var(--td-gray-color-2);
}
.t-menu__item.t-is-opened {
  font-weight: 500;
  color: var(--td-font-gray-1);
}
.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  background-color: var(--td-gray-color-1);
}
.t-menu__item.t-is-disabled {
  color: var(--td-font-gray-4);
  cursor: not-allowed;
}
.t-menu__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-icon + .t-menu__content,
.t-icon + .t-menu__item-link {
  margin-left: 8px;
}
.t-menu--dark.t-head-menu {
  background-color: var(--td-gray-color-13);
}
.t-menu--dark.t-head-menu .t-menu__popup {
  background-color: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__item {
  color: rgba(255, 255, 255, 0.55);
  --ripple-color: var(--td-gray-color-11);
}
.t-menu--dark .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-gray-color-9);
}
.t-menu--dark .t-menu__item.t-is-opened {
  color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-opened .t-icon {
  color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-disabled {
  color: var(--td-font-white-4);
}
.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  color: rgba(255, 255, 255, 0.55);
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__popup .t-menu__item {
  color: rgba(255, 255, 255, 0.55);
  border-radius: 3px;
}
.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-gray-color-9);
}
.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  color: rgba(255, 255, 255, 0.55);
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-head-menu__submenu {
  border-top: 1px solid transparent;
}
.t-menu--dark .t-menu__operations-icon {
  color: #fff;
}
.t-menu--dark .t-menu__operations-icon:hover {
  background-color: var(--td-gray-color-9);
}
.t-menu--dark .t-tabs {
  background: var(--td-gray-color-11);
}
.t-menu--dark .t-tabs__nav-item {
  color: #fff;
  --ripple-color: var(--td-gray-color-9);
}
.t-menu--dark .t-tabs__nav-item-wrapper {
  --ripple-color: var(--td-gray-color-9);
}
.t-menu--dark .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-tabs__nav-item.t-is-active {
  color: #4582E6;
}
.t-menu--dark .t-tabs__nav-item.t-is-disabled {
  color: var(--td-font-white-4);
}
.t-menu__popup {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.24s cubic-bezier(0.38, 0, 0.24, 1), width 0.24s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
  position: absolute;
  background: #fff;
  z-index: 1000;
  border-radius: 3px;
  opacity: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu__popup-wrapper {
  padding: 8px;
  height: 100%;
  list-style: none;
  margin: 0;
}
.t-menu__popup .t-fake-arrow {
  margin-left: 8px;
}
.t-menu__popup.t-is-vertical {
  max-height: unset;
  width: 0;
}
.t-menu__popup.t-is-vertical.t-is-opened {
  width: var(--popup-width, 216px);
}
.t-menu__popup.t-is-vertical .t-menu__item {
  padding-left: 16px;
  padding-right: 16px;
  margin: 4px 0;
}
.t-menu__popup.t-is-horizontal .t-menu__item {
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
}
.t-menu__popup.t-is-horizontal li + li {
  margin-top: 4px;
}
.t-menu__popup.t-is-opened {
  max-height: var(--popup-max-height, 364px);
  opacity: 1;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
  overflow: visible;
}
.t-menu__popup.t-is-opened .t-menu__popup {
  top: 0;
  left: calc(100% + 16px);
}
.t-menu__popup.t-is-opened .t-menu__popup::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__popup .t-menu__item {
  color: var(--td-font-gray-1);
}
.t-menu__popup .t-menu__item + .t-menu__item {
  margin-left: 0;
}
.t-menu__popup .t-menu__item.t-is-active {
  color: var(--td-brand-color);
  background-color: #ECF2FE;
}
.t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  background-color: var(--td-gray-color-1);
}
.t-menu__operations-icon {
  margin-right: 16px;
  border-radius: 3px;
  color: var(--td-font-gray-2);
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-menu__operations-icon:hover {
  background-color: var(--td-gray-color-2);
}
.t-opacity-transition {
  transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
}
.horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}

.t-tabs {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: var(--td-bg-color-container);
}
.t-tabs .t-icon {
  font-size: 16px;
}
.t-tabs__header.t-is-left {
  float: left;
}
.t-tabs__header.t-is-right {
  float: right;
}
.t-tabs__nav {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-tabs__operations {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__operations--left {
  left: 0;
}
.t-tabs__operations--right {
  right: 0;
}
.t-tabs__operations--right .t-tabs__btn:first-child {
  box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn {
  width: 40px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: var(--td-bg-color-secondarycontainer);
  border-left: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font-size: 16px;
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  z-index: 1;
  opacity: 1;
}
.t-tabs__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__btn.t-size-m {
  height: 48px;
  line-height: 48px;
}
.t-tabs__btn.t-size-l {
  height: 64px;
  line-height: 64px;
}
.t-tabs__btn--left {
  border-right: 1px solid var(--td-component-stroke);
  box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn--left.fade-enter,
.t-tabs__btn--left.fade-enter-from,
.t-tabs__btn--left.fade-leave-to {
  transform: translateX(-50px);
}
.t-tabs__btn--right.fade-enter,
.t-tabs__btn--right.fade-enter-from,
.t-tabs__btn--right.fade-leave-to {
  transform: translateX(50px);
}
.t-tabs__nav-container {
  position: relative;
}
.t-tabs__nav-container.t-is-top::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-bottom::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-left::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-right::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-addable {
  margin-right: 40px;
}
.t-tabs__nav-container.t-tabs__nav--card::after {
  content: "";
  background-color: transparent;
}
.t-tabs__scroll-btn {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 100%;
  display: block;
  background-color: var(--td-bg-color-secondarycontainer);
  text-align: center;
  border-bottom: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font-size: 16px;
}
.t-tabs__scroll-btn.t-size-m {
  height: 48px;
  line-height: 48px;
}
.t-tabs__scroll-btn.t-size-l {
  height: 64px;
  line-height: 64px;
}
.t-tabs__nav-scroll {
  position: relative;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.t-tabs__nav-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
}
.t-tabs__nav-wrap.t-is-smooth {
  transition: transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tabs__nav-wrap.t-is-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
}
.t-tabs__bar {
  position: absolute;
  background-color: var(--td-brand-color);
  z-index: 1;
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tabs__bar.t-is-top {
  bottom: 0;
  left: 0;
  height: 2px;
}
.t-tabs__bar.t-is-bottom {
  top: 0;
  left: 0;
  height: 2px;
}
.t-tabs__bar.t-is-left {
  top: 0;
  right: 0;
  width: 2px;
}
.t-tabs__bar.t-is-right {
  top: 0;
  left: 0;
  width: 2px;
}
.t-tabs__nav-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item-wrapper {
  display: block;
  padding: 5px 8px;
  margin-left: 8px;
  margin-right: 8px;
  line-height: 22px;
  border-radius: 3px;
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item.t-size-l {
  font-size: 16px;
}
.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
  padding: 9px 12px;
}
.t-tabs__nav-item-text-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-bg-color-container-hover);
}
.t-tabs__nav-item.t-is-left,
.t-tabs__nav-item.t-is-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-tabs__nav-item.t-size-m {
  height: 48px;
  line-height: 48px;
}
.t-tabs__nav-item.t-size-l {
  height: 64px;
  line-height: 64px;
}
.t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  text-shadow: 0 0 0.3px currentcolor;
}
.t-tabs__nav-item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-tabs__nav-item > .remove-btn {
  margin-left: 8px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-tabs__nav--card {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav--card.t-tabs__nav-item {
  padding-right: 16px;
  padding-left: 16px;
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item::after {
  display: none;
}
.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type) {
  border-left: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item:last-of-type {
  border-right: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container);
  border-bottom-color: var(--td-bg-color-container);
}
.t-tabs__nav--card.t-tabs__nav-item.t-size-l {
  padding-left: 24px;
  padding-right: 24px;
}
.t-tabs__nav--card .t-icon-close {
  color: var(--td-text-color-secondary);
  transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-tabs__nav--card .t-icon-close:hover {
  color: var(--td-text-color-primary);
}
.t-tabs__content {
  overflow: hidden;
  position: relative;
}

.t-list {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  color: var(--td-text-color-primary);
}
.t-list__inner {
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-list-item {
  font-size: 14px;
  padding: 12px 24px;
  background: var(--td-bg-color-container);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  line-height: 22px;
  position: relative;
}
.t-list-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.t-list-item-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex: 1;
      flex: 1;
}
.t-list-item__meta {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
}
.t-list-item__meta-avatar {
  width: 56px;
  height: 56px;
  border-radius: 28px;
  overflow: hidden;
  background: var(--td-bg-color-page);
  margin-right: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-list-item__meta-avatar img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.t-list-item__meta-title {
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px;
  color: var(--td-text-color-primary);
}
.t-list-item__meta-description {
  margin-right: 24px;
  color: var(--td-text-color-primary);
}
.t-list-item__action {
  list-style: none;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-list-item__action > li {
  display: inline-block;
}
.t-list-item__action > li:not(:last-child) {
  margin-right: 24px;
}
.t-list-item__action > li .t-icon {
  color: var(--td-text-color-secondary);
  font-size: 16px;
}
.t-list-item__action > li .t-icon:hover {
  color: var(--td-text-color-link);
  cursor: pointer;
}
.t-list-item__action > li > a {
  text-decoration: none;
  color: var(--td-brand-color);
}
.t-list-item__extra {
  margin: 8px 0 8px 16px;
}
.t-list--split .t-list-item::after {
  background: var(--td-border-level-1-color);
}
.t-list--stripe .t-list-item:nth-child(even) {
  background: var(--td-bg-color-secondarycontainer);
}
.t-list--vertical-action .t-list-item {
  -ms-flex-direction: column;
  flex-direction: column;
}
.t-list.t-size-s .t-list-item {
  padding: 8px 16px;
}
.t-list.t-size-l .t-list-item {
  padding: 16px 32px;
}
.t-list__header,
.t-list__footer {
  background: var(--td-bg-color-container);
  padding: 16px 24px;
}
.t-list__load {
  background: var(--td-bg-color-container);
  text-align: center;
  line-height: 20px;
}
.t-list__load > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-list__load:not(:empty) {
  padding: 32px;
}
.t-list__load .t-loading {
  font-size: 16px;
}
.t-list__load .t-loading.t-is-load-more {
  cursor: pointer;
}

.app-category .t-input__inner {
  margin-left: 6px;
}
.app-category_border .t-input {
  height: 36px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}
.app-category_text {
  margin: 4px 2px;
}

.application-form-wrapper .application-base {
  margin-bottom: 16px;
}
.application-form-wrapper .application-form {
  max-width: 700px;
}
.application-form-wrapper .application-form_item {
  width: 100%;
  padding-left: 12px;
  margin-top: 16px;
}
.application-form-wrapper .application-form_span {
  margin-bottom: 16px;
}
.application-form-wrapper .application-form_addon .t-input-adornment__prepend {
  border: 0;
  background-color: #fff;
  margin-left: -10px;
}
.application-form-wrapper .application-form_button .t-button {
  height: 40px;
  width: 80px;
  margin: 36px auto 0 104px;
}
.application-form-wrapper .application-form_helper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.application-form-wrapper .application-form_helper .helper-info {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}
.application-form-wrapper .form-scope-divider {
  height: 1px;
  width: 100%;
  background: #e7e7e7;
  margin: 40px 0;
}
.application-form-wrapper .form-scope-tips {
  margin-bottom: 12px;
}
.application-form-wrapper .submit-button {
  margin: 16px 0 0 140px;
}
.callback-form_helper .MuiFormHelperText-root {
  color: #999;
}
.app-form_select__center .form-item .item-key {
  margin-top: 6px;
}
.app-form_image__center .form-item .item-key {
  margin-top: 50px;
}
.app-input .t-input__wrap {
  max-width: 600px;
}
.app-textarea .t-textarea {
  max-width: 600px;
}
.app-input-adornment .t-input-adornment {
  max-width: 600px;
  width: 100%;
}
.app-input-adornment__prepend .t-input-adornment__prepend {
  background-color: #fff;
  border: 0;
}
.label .t-form__label {
  padding-left: 8px;
}
.form-scope-table.t-form__item.t-form__item-with-help {
  margin-bottom: 40px;
}

.t-form {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}
.t-form:not(.t-form-inline) .t-form__item:last-of-type {
  margin: 0;
}
.t-form__item {
  margin-bottom: 24px;
}
.t-form__item.t-form__item-with-help {
  margin-bottom: 4px;
}
.t-form__item.t-form__item-with-extra {
  margin-bottom: 24px;
}
.t-form__label {
  float: left;
  padding-right: 24px;
  vertical-align: middle;
  line-height: 32px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  white-space: nowrap;
}
.t-form__label--top {
  float: none;
  min-height: 32px;
}
.t-form__label--left {
  text-align: left;
}
.t-form__label--right {
  text-align: right;
}
.t-form__label--required label::before {
  display: inline-block;
  margin-right: 4px;
  color: var(--td-error-color);
  line-height: 22px;
  content: "*";
}
.t-form__label--colon label::after {
  content: ":";
  position: relative;
  margin: 0 8px 0 2px;
}
.t-form__controls {
  min-height: 32px;
  display: flow-root;
  position: relative;
}
.t-form__controls-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 32px;
}
.t-form__controls .t-form__item {
  margin-bottom: 0;
  margin-right: 24px;
}
.t-form__controls.t-is-success .t-form__status .t-icon {
  color: var(--td-success-color);
}
.t-form__controls.t-is-success .t-input__extra {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-input__extra {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-input {
  box-shadow: none;
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-success-color);
}
.t-form__status {
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
}
.t-form__status > .t-icon {
  font-size: 20px;
}
.t-form__status-without-icon {
  width: 25px;
  height: 25px;
}
.t-form__status button {
  width: 32px;
}
.t-form__status button + button {
  margin-left: 8px;
}
.t-form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
}
.t-form-inline .t-form__item {
  margin: 0;
  min-width: 200px;
  display: inline-block;
  margin-right: 24px;
}
.t-input__extra,
.t-input__help {
  margin: 0;
  width: 100%;
  height: auto;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: var(--td-text-color-placeholder);
}
.t-input__extra {
  position: absolute;
  bottom: -20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-is-warning .t-input__extra {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input,
.t-is-warning .t-form__controls-content .t-select,
.t-is-warning .t-form__controls-content .t-radio-button,
.t-is-warning .t-form__controls-content .t-cascader,
.t-is-warning .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input--focused,
.t-is-warning .t-form__controls-content .t-select--focused,
.t-is-warning .t-form__controls-content .t-radio-button--focused,
.t-is-warning .t-form__controls-content .t-cascader--focused,
.t-is-warning .t-form__controls-content .t-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-input .t-icon,
.t-is-warning .t-form__controls-content .t-select .t-icon,
.t-is-warning .t-form__controls-content .t-radio-button .t-icon,
.t-is-warning .t-form__controls-content .t-cascader .t-icon,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-warning .t-form__controls-content .t-input .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-select .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-cascader .t-input,
.t-is-warning .t-form__controls-content .t-select .t-input {
  box-shadow: none;
}
.t-is-warning .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-cascader.t-is-active,
.t-is-warning .t-form__controls-content .t-select.t-is-active {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-warning-color);
}
.t-is-error .t-input__extra {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input,
.t-is-error .t-form__controls-content .t-select,
.t-is-error .t-form__controls-content .t-radio-button,
.t-is-error .t-form__controls-content .t-cascader,
.t-is-error .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input--focused,
.t-is-error .t-form__controls-content .t-select--focused,
.t-is-error .t-form__controls-content .t-radio-button--focused,
.t-is-error .t-form__controls-content .t-cascader--focused,
.t-is-error .t-form__controls-content .t-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-input .t-icon,
.t-is-error .t-form__controls-content .t-select .t-icon,
.t-is-error .t-form__controls-content .t-radio-button .t-icon,
.t-is-error .t-form__controls-content .t-cascader .t-icon,
.t-is-error .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-error .t-form__controls-content .t-input .t-fake-arrow,
.t-is-error .t-form__controls-content .t-select .t-fake-arrow,
.t-is-error .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-error .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-error .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-cascader .t-input,
.t-is-error .t-form__controls-content .t-select .t-input {
  box-shadow: none;
}
.t-is-error .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-cascader.t-is-active,
.t-is-error .t-form__controls-content .t-select.t-is-active {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-error-color);
}

.range-input-disabled.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.range-input-disabled.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.range-input-disabled.t-is-disabled .t-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled > .t-range-input__prefix .t-icon,
.range-input-disabled.t-is-disabled > .t-range-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-range-input {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  line-height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: var(--td-border-level-2-color);
  padding: 4px 8px 4px 4px;
  background-color: var(--td-bg-color-specialcomponent);
  color: var(--td-text-color-primary);
  font-size: 14px;
  box-sizing: border-box;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.t-range-input:hover {
  border-color: var(--td-brand-color);
}
.t-range-input.t-is-success {
  border-color: var(--td-success-color);
}
.t-range-input.t-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-range-input.t-is-success.t-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-range-input.t-is-success > .t-range-input__extra {
  color: var(--td-success-color);
}
.t-range-input.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-range-input.t-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-range-input.t-is-warning.t-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-range-input.t-is-warning > .t-range-input__extra {
  color: var(--td-warning-color);
}
.t-range-input.t-is-error {
  border-color: var(--td-error-color);
}
.t-range-input.t-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-range-input.t-is-error.t-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-range-input.t-is-error > .t-range-input__extra {
  color: var(--td-error-color);
}
.t-range-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-range-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-range-input.t-is-disabled .t-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-range-input--prefix > .t-range-input__prefix-icon {
  padding-right: 8px;
}
.t-range-input.t-range-input--prefix > .t-range-input__prefix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}
.t-range-input.t-range-input--prefix > .t-range-input__prefix-icon {
  font-size: 16px;
}
.t-range-input.t-range-input--suffix > .t-range-input__suffix-icon {
  padding-left: 8px;
}
.t-range-input.t-range-input--suffix > .t-range-input__suffix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}
.t-range-input.t-range-input--suffix > .t-range-input__suffix-icon {
  font-size: 16px;
}
.t-range-input.t-size-l {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.t-range-input.t-size-l .t-input {
  padding: 0 8px;
}
.t-range-input.t-size-s {
  padding: 2px 4px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.t-range-input.t-is-focused {
  z-index: 1;
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-range-input__inner {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}
.t-range-input__inner .t-input__wrap {
  height: 100%;
}
.t-range-input__inner .t-input {
  padding: 0 4px;
  height: 100%;
  border: 0;
  box-shadow: none;
  font-size: inherit;
}
.t-range-input__inner .t-input:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-range-input__inner .t-input__inner {
  width: 100%;
  height: 100%;
}
.t-range-input__inner .t-input.t-is-focused {
  background-color: var(--td-bg-color-component);
}
.t-range-input__extra {
  font-size: 12px;
  color: var(--td-text-color-placeholder);
}
.t-range-input__status {
  position: absolute;
  right: -24px;
  top: 0;
}
.t-range-input.t-range-input--suffix .t-input__clear {
  opacity: 0;
  visibility: hidden;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-range-input.t-range-input--suffix:hover .t-input__clear {
  opacity: 1;
  visibility: visible;
}
.t-range-input .t-range-input__suffix-clear {
  cursor: pointer;
}
.t-range-input__prefix .t-icon,
.t-range-input__suffix .t-icon {
  transition: color 0.2s linear;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-range-input-popup {
  width: 100%;
}
.t-range-input-popup--visible .t-range-input {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-range-input-popup--visible .t-range-input .t-icon-time,
.t-range-input-popup--visible .t-range-input .t-icon-calendar {
  color: var(--td-brand-color);
}
.t-range-input-popup--visible .t-range-input .t-input.t-is-focused {
  background-color: var(--td-bg-color-component);
}

.t-jumper {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-jumper--outline .t-jumper__prev {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 1;
}
.t-jumper--outline .t-jumper__current {
  border-radius: 0;
  position: relative;
  margin-left: -1px;
}
.t-jumper--outline .t-jumper__current:hover {
  z-index: 1;
}
.t-jumper--outline .t-jumper__next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  margin-left: -1px;
}
.t-jumper--outline .t-jumper__next:hover {
  z-index: 1;
}

.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-time-picker,
.t-time-range-picker {
  width: 240px;
  background: transparent;
  display: inline-block;
  position: relative;
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-time-picker.t-is-disabled,
.t-time-range-picker.t-is-disabled {
  cursor: not-allowed;
}
.t-time-picker > *:focus,
.t-time-range-picker > *:focus,
.t-time-picker > *:active,
.t-time-range-picker > *:active {
  outline: 0;
}
.t-time-picker__group,
.t-time-range-picker__group {
  position: relative;
}
.t-time-picker__group.t-is-focused .t-input__suffix .t-icon:not(.t-input__suffix-clear),
.t-time-range-picker__group.t-is-focused .t-input__suffix .t-icon:not(.t-input__suffix-clear) {
  color: var(--td-brand-color);
}
.t-time-picker__group.active,
.t-time-range-picker__group.active {
  border: 1px solid var(--td-brand-color);
  box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
}
.t-time-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear,
.t-time-range-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear {
  display: block;
}
.t-time-picker__group-text,
.t-time-range-picker__group-text {
  color: var(--td-text-color-primary);
}
.t-time-picker__group input,
.t-time-range-picker__group input {
  cursor: pointer;
}
.t-time-picker__input,
.t-time-range-picker__input {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0 8px 0 4px;
  z-index: 1;
  border-radius: 3px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-time-picker__input:hover,
.t-time-range-picker__input:hover {
  border-color: var(--td-brand-color);
}
.t-time-picker__input-placeholder,
.t-time-range-picker__input-placeholder {
  margin-left: 8px;
  color: var(--td-text-color-placeholder);
}
.t-time-picker__input-item,
.t-time-range-picker__input-item {
  height: 22px;
}
.t-time-picker__input-item-disabled,
.t-time-range-picker__input-item-disabled {
  color: var(--td-text-color-disabled);
}
.t-time-picker__input-item-input,
.t-time-range-picker__input-item-input {
  margin: 0 2px;
  color: inherit;
  background: none;
  cursor: pointer;
  height: inherit;
  outline: none;
  width: 28px;
  text-align: center;
  border-radius: 3px;
  border: 0;
  line-height: 22px;
}
.t-time-picker__input-item-input-meridiem,
.t-time-range-picker__input-item-input-meridiem {
  width: 36px;
}
.t-time-picker__input-item-input:focus,
.t-time-range-picker__input-item-input:focus {
  border-color: var(--td-bg-color-page);
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__input-disabled,
.t-time-range-picker__input-disabled {
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__input-disabled-placeholder,
.t-time-range-picker__input-disabled-placeholder {
  color: var(--td-text-color-disabled);
}
.t-time-picker__input-disabled-item-input,
.t-time-range-picker__input-disabled-item-input {
  pointer-events: none;
}
.t-time-range-picker {
  width: auto;
}
.t-time-picker__panel {
  width: 264px;
  background: transparent;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.t-time-picker__panel-body {
  width: 100%;
  height: 216px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 16px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.t-time-picker__panel-body-active-mask {
  position: absolute;
  top: 50%;
  height: 24px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.t-time-picker__panel-body-active-mask > div {
  -ms-flex: 1;
      flex: 1;
  transform: translateY(-15px);
  height: 24px;
  background-color: var(--td-brand-color-light);
  margin: 6px 4px;
  border-radius: 3px;
}
.t-time-picker__panel-body-scroll {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  overflow-y: scroll;
  text-align: center;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-time-picker__panel-body-scroll::-webkit-scrollbar {
  width: 0;
}
.t-time-picker__panel-body-scroll::after,
.t-time-picker__panel-body-scroll::before {
  display: block;
  height: 50%;
  content: "";
}
.t-time-picker__panel-body-scroll:last-child {
  border-right: 0;
}
.t-time-picker__panel-body-scroll-item {
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: var(--td-text-color-secondary);
  margin: 6px 4px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover {
  color: var(--td-text-color-primary);
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active {
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__panel-body-scroll-item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-hidden {
  display: none;
  cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-current {
  color: var(--td-brand-color);
}
.t-time-picker__panel-section-footer {
  width: 100%;
  height: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  position: relative;
  border-top: 1px solid var(--td-border-level-1-color);
  box-sizing: border-box;
}

.t-textarea {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
}
.t-textarea__inner {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  min-height: 56px;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: 3px;
  padding: 5px 8px;
  background-color: var(--td-bg-color-specialcomponent);
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: var(--td-text-color-primary);
  resize: vertical;
  outline: none;
  line-height: 22px;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
  box-sizing: border-box;
}
.t-textarea__inner:hover {
  border-color: var(--td-brand-color);
}
.t-textarea__inner:focus {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-textarea__inner::-webkit-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner::-moz-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner:-ms-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner.t-is-success {
  border-color: var(--td-success-color);
}
.t-textarea__inner.t-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-textarea__inner.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-textarea__inner.t-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-textarea__inner.t-is-error {
  border-color: var(--td-error-color);
}
.t-textarea__inner.t-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-textarea__limit {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
}
.t-textarea .t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.t-textarea .t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-textarea .t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-resize-none {
  resize: none;
}
.t-textarea__tips {
  height: auto;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
}
.t-textarea__tips--normal {
  color: var(--td-text-color-placeholder);
}
.t-textarea__tips--success {
  color: var(--td-success-color);
}
.t-textarea__tips--warning {
  color: var(--td-warning-color);
}
.t-textarea__tips--error {
  color: var(--td-error-color);
}

.t-upload {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-upload .t-size-s {
  display: block;
  color: var(--td-text-color-placeholder);
  font-size: 12px;
  line-height: 20px;
}
.t-upload .t-is-bordered {
  border: 1px solid var(--td-component-border);
}
.t-upload .t-upload__trigger {
  display: inline-block;
}
.t-upload .t-icon {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload .t-icon-check-circle-filled {
  color: var(--td-success-color);
}
.t-upload .t-icon-error-circle-filled {
  color: var(--td-error-color);
}
.t-upload .t-icon-loading {
  color: var(--td-brand-color);
}
.t-upload .t-icon-time-filled {
  color: var(--td-text-color-placeholder);
}
.t-upload .t-icon-add {
  color: var(--td-text-color-primary);
}
.t-upload .t-upload__icon-delete {
  color: var(--td-text-color-secondary);
  cursor: pointer;
}
.t-upload__list-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: 12px;
  overflow: hidden;
}
.t-upload__list-file .t-icon {
  font-size: 40px;
  color: var(--td-brand-color);
}
.t-upload__list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 12px;
  width: 496px;
  height: 124px;
  padding: 12px;
  border: 1px solid var(--td-component-border);
  border-radius: 3px;
  font-size: 14px;
}
.t-upload__list-item.t-is--error .t-upload__list-name {
  color: var(--td-error-color);
}
.t-upload__list-item.t-is--error .t-upload__list-file .t-icon {
  color: var(--td-error-color);
}
.t-upload__list-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-upload-list__control {
  cursor: pointer;
}
.t-upload-list__control:hover {
  color: var(--td-error-color);
}
.t-upload__list-img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}
.t-upload__list-name {
  max-width: 200px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload--highlight {
  color: var(--td-text-color-brand);
}
.t-upload__single-name {
  margin-right: 8px;
}
.t-upload__card {
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
.t-upload__card .t-is-disabled :hover {
  cursor: not-allowed;
}
.t-upload__card-item {
  margin: 0 8px 0 0;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  list-style: none;
}
.t-upload__card-item::after {
  content: "";
  display: block;
}
.t-upload__card-item:hover .t-upload__card-mask {
  opacity: 1;
  transition: opacity 0.2s linear;
}
.t-upload__card-item.t-is--error .t-icon-warning_fill {
  color: var(--td-error-color);
  margin-bottom: 10px;
}
.t-upload__card-item.t-is--error .t-upload__card-status {
  color: var(--td-error-color);
}
.t-upload__card-item.t-is--background {
  transition: border-color 0.2s linear;
}
.t-upload__card-item.t-is--background:hover {
  border-color: var(--td-brand-color);
}
.t-upload__card .t-icon-loading {
  margin-bottom: 10px;
}
.t-upload__card-name {
  max-width: 100%;
  margin-top: 8px;
  color: var(--td-text-color-primary);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__card-content {
  position: relative;
  width: 112px;
  height: 112px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  padding: 8px;
}
.t-upload__card-container {
  width: 110px;
  height: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  box-sizing: border-box;
}
.t-upload__card-container > .t-icon,
.t-upload__card-container .t-loading {
  font-size: 24px;
  margin-bottom: 8px;
}
.t-upload__card-container > p {
  color: var(--td-text-color-placeholder);
  margin: 0;
}
.t-upload__card-status-wrap {
  text-align: center;
}
.t-upload__card-status-wrap > svg {
  margin-bottom: 6px;
}
.t-upload__card-status-wrap .t-icon,
.t-upload__card-status-wrap .t-loading {
  font-size: 20px;
}
.t-upload__card-image {
  max-width: 100%;
  max-height: 100%;
}
.t-upload__card-status {
  color: var(--td-text-color-disabled);
  font-size: 12px;
}
.t-upload__card-mask {
  background-color: var(--td-text-color-secondary);
  color: var(--td-bg-color-container);
  transition: opacity 0.5s ease-in-out;
  will-change: transform;
  opacity: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.t-upload__card-mask-item-divider {
  margin: 0 16px;
  border-left: 1px var(--td-bg-color-container) solid;
  height: 16px;
}
.t-upload__card-mask-item > .t-icon {
  cursor: pointer;
  font-size: 16px;
}
.t-upload__dialog .t-dialog {
  max-width: 80%;
}
.t-upload__dialog .t-dialog--default {
  padding: 32px;
}
.t-upload__dialog .t-dialog-body {
  padding-bottom: 0;
}
.t-upload__dialog .t-dialog-body-img-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger {
  display: -ms-flexbox;
  display: flex;
  width: 336px;
  height: 144px;
  border: 1px dashed var(--td-component-border);
  border-radius: 2px;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  cursor: pointer;
  padding: 16px;
  position: relative;
  overflow: auto;
  transition: border-color 0.2s linear;
}
.t-upload__dragger.t-is--active {
  background-color: var(--td-bg-color-container-active);
  border-color: var(--td-brand-color);
}
.t-upload__dragger:hover {
  border-color: var(--td-brand-color);
}
.t-upload__dragger-btns {
  position: absolute;
  bottom: 8px;
}
.t-upload__dragger-center {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.t-upload__dragger-error {
  border-color: var(--td-error-color);
}
.t-upload__dragger-error:hover {
  border-color: var(--td-error-color);
}
.t-upload__dragger-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  margin-bottom: 8px;
  max-width: 304px;
}
.t-upload__dragger-text .t-upload__single-name {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__tips {
  margin-top: 8px;
}
.t-upload__tips.t-upload__tips-error {
  color: var(--td-error-color);
}
.t-upload__placeholder {
  color: var(--td-text-color-placeholder);
}
.t-upload__display-text--margin {
  margin-top: 10px;
}
.t-upload__single-display-text {
  color: var(--td-text-color-secondary);
  font-size: 12px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-icon-clear-circle-filled {
  color: var(--td-text-color-placeholder);
  margin-top: 2px;
  transition: color 0.2s linear;
}
.t-icon-clear-circle-filled:hover {
  color: var(--td-text-color-secondary);
  cursor: pointer;
}
.t-upload__single-percent {
  margin-left: 8px;
}
.t-upload__single-progress {
  color: var(--td-brand-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-upload__single-progress .t-loading {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__single-input-delete {
  margin-left: 16px;
  font-size: 14px;
  color: var(--td-brand-color);
  line-height: 22px;
  cursor: pointer;
}
.t-upload__single-input-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
  max-width: calc(100% - 162px);
}
.t-upload__single-input-text {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__single-file-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-upload__single-file-input .t-upload__trigger {
  margin-left: 16px;
}
.t-upload__single-file-input .t-upload__trigger .t-button {
  margin-left: 8px;
}
.t-upload__single-file-input .t-upload__single-progress {
  white-space: nowrap;
}
.t-upload__single-file-input .t-input__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.t-upload__dragger-progress {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.t-upload__dragger-progress .t-icon,
.t-upload__dragger-progress .t-loading {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__dragger-img-wrap {
  width: 112px;
  height: 112px;
  background-color: var(--td-bg-color-secondarycontainer);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__dragger-img-wrap > img {
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger-img-wrap + .t-upload__dragger-progress-info {
  margin-left: 16px;
  max-width: 176px;
}
.t-upload__dragger-progress-info {
  -ms-flex: 1;
      flex: 1;
}
.t-upload__dragger-progress-info .t-upload__single-display-text {
  margin-bottom: 8px;
}
.t-upload__dragger-progress-info .t-button:hover {
  background-color: transparent;
}
.t-upload__dragger-progress-cancel {
  padding: 0;
}
.t-upload__flow-image-flow {
  width: 498px;
}
.t-upload__flow {
  min-width: 496px;
  max-width: 960px;
}
.t-upload__flow-placeholder {
  display: inline-block;
  margin-left: 16px;
}
.t-upload__flow-op {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-upload__flow-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 24px;
}
.t-upload__flow-bottom .t-button + .t-button {
  margin-left: 8px;
}
.t-upload__flow-empty {
  width: 100%;
  height: 210px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: var(--td-text-color-placeholder);
}
.t-upload__flow-table {
  width: 100%;
  border: 1px dashed var(--td-component-border);
  margin-top: 24px;
  border-collapse: collapse;
}
.t-upload__flow-table > thead > tr,
.t-upload__flow-table > tbody > tr,
.t-upload__flow-table > tfoot > tr,
.t-upload__flow-table > tr {
  border-top: 1px solid var(--td-component-border);
}
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
  color: var(--td-text-color-placeholder);
  font-weight: normal;
  border: 1px solid var(--td-component-border);
  text-align: left;
  background-color: var(--td-bg-color-container);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td {
  color: var(--td-text-color-primary);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td,
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
  padding: 10px 24px;
}
.t-upload__flow-table__batch-row {
  border-left: 1px solid var(--td-component-border);
}
.t-upload__flow-button {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: color 0.2s linear;
}
.t-upload__flow-button:hover {
  color: var(--td-text-color-secondary);
}
.t-upload__flow-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-upload__flow-status .t-icon,
.t-upload__flow-status .t-loading {
  margin-right: 8px;
  font-size: 16px;
}
.t-upload__flow-card-area {
  border: 1px dashed var(--td-component-border);
  padding: 12px;
  margin-top: 24px;
  width: 100%;
}

.t-input-adornment {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
}
.t-input-adornment .t-input-adornment__prepend {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  color: var(--td-text-color-primary);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  border-right: 0;
  border-radius: 3px 0 0 3px;
}
.t-input-adornment .t-input-adornment__prepend .t-input__wrap,
.t-input-adornment .t-input-adornment__prepend .t-select__wrap {
  height: 100%;
}
.t-input-adornment .t-input-adornment__prepend .t-select__wrap {
  width: auto;
  margin: 0 -12px;
}
.t-input-adornment .t-input-adornment__prepend .t-input,
.t-input-adornment .t-input-adornment__prepend .t-select {
  height: 100%;
  line-height: 100%;
  background-color: transparent;
}
.t-input-adornment .t-input-adornment__append {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  color: var(--td-text-color-primary);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  border-left: 0;
  border-radius: 0 3px 3px 0;
}
.t-input-adornment .t-input-adornment__append .t-input__wrap,
.t-input-adornment .t-input-adornment__append .t-select__wrap {
  height: 100%;
}
.t-input-adornment .t-input-adornment__append .t-select__wrap {
  width: auto;
  margin: 0 -12px;
}
.t-input-adornment .t-input-adornment__append .t-input,
.t-input-adornment .t-input-adornment__append .t-select {
  height: 100%;
  line-height: 100%;
  background-color: transparent;
}
.t-input-adornment--prepend .t-input,
.t-input-adornment--prepend .t-textarea__inner {
  border-radius: 0 3px 3px 0;
}
.t-input-adornment--append .t-input,
.t-input-adornment--append .t-textarea__inner {
  border-radius: 3px 0 0 3px;
}
.t-input-adornment--prepend.t-input-adornment--append .t-input,
.t-input-adornment--prepend.t-input-adornment--append .t-textarea__inner {
  border-radius: 0;
}

.application-result-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.application-result-wrapper .complete-icon {
  color: #04dd7d;
  width: 60px;
  height: 60px;
  margin-bottom: 12px;
}
.application-result-wrapper .qrcode-image {
  width: 170px;
  height: 170px;
  background: url(https://docs.gtimg.com/open/image/qrcode_public-e1b506e9bf.png) no-repeat center center;
  background-size: cover;
  margin: 40px 0 16px;
}
.application-result-wrapper .app-news {
  margin: 10px 0 14px;
}

.loading-wrapper {
  position: relative;
  overflow: hidden;
}
.loading-wrapper .loading-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f3f5f7;
}
.loading-wrapper .loading-icon {
  width: 50px;
  height: 50px;
  color: #0052d9;
}

.blank-mask .status-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #fff;
}
.blank-mask .status-wrapper .icon {
  width: 60px;
  height: 60px;
}
.blank-mask .status-wrapper .success-icon {
  color: #00a870;
}
.blank-mask .status-wrapper .error-icon {
  color: #ed7b2f;
}
.blank-mask .status-wrapper .refresh-icon {
  color: #0052d9;
}
.loading-wrapper {
  overflow: visible;
}

.application-create_card {
  padding: 24px 42px 40px;
  background: #fff;
}

.app-edit {
  padding: 29px 40px;
  background: #fff;
  height: 100%;
}

.app-detail {
  padding: 36px 40px;
  background-color: #fff;
}
.app-detail_title {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.9);
}
.app-detail_subtitle {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.app-detail .app-icon {
  width: 60px;
  height: 60px;
  border-radius: 6px;
}
.app-detail .status-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.app-detail .color-primary {
  color: #3770f6;
}
.app-detail .color-success {
  color: #65d986;
}
.app-detail .color-error {
  color: #e85a49;
}
.app-detail .refuse-subtitle {
  font-weight: 500;
  margin-bottom: 10px;
}
.app-detail .info-subtitle {
  padding-left: 10px;
  font-weight: 500;
  margin-bottom: 16px;
}
.app-detail .info-container {
  padding-left: 10px;
  font-size: 14px;
}
.app-detail .app-info-avatar {
  width: 96px;
  height: 96px;
  border-radius: 6px;
}

.scopes-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.scopes-info .scopes-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.client-info_subtitle {
  margin-bottom: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.secret-dialog .t-dialog__body {
  padding: 16px 0 0 0;
}
.secret-dialog .t-dialog__body .secret-input div {
  font-size: 14px;
}
.secret-dialog .t-dialog__body .checkbox {
  padding-top: 3px;
}
.secret-dialog .t-dialog__body .cursor-pointer {
  cursor: pointer;
}
.client-secret {
  height: 32px;
  display: -ms-flexbox;
  display: flex;
}
.client_tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.dialog__body .t-dialog__body {
  margin-top: 16px;
}
.app-detail_blank-mask {
  height: 12px;
  background-color: #f3f5f7;
}
.app-detail_blank-mask__empty {
  height: 200px;
}

.dialog-content .divider-container {
  margin: 14px 0;
}
.dialog-content .dialog-divider {
  width: 100%;
}
.dialog-content .table-row {
  vertical-align: top;
}
.dialog-content .table-cell {
  border: 0;
  padding: 6px 0;
  font-size: 14px;
}
.dialog-content .font-black {
  color: #000;
}

.oauth-wrapper .oauth-iframe {
  width: calc(100vw);
  height: calc(100vh);
  border: 0;
  overflow: hidden;
  background-color: #f3f5f7;
}
.oauth-wrapper .oauth-iframe-dialog {
  width: 410px;
  height: 600px;
  border: 0;
  overflow: hidden;
}
.oauth-wrapper__failure {
  width: 400px;
  height: 460px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.auth-dialog {
  width: 600px;
  padding: 28px 8px 0px;
}
.auth-dialog .t-dialog__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 16px 0px 0px;
}

/* stylelint-disable selector-max-id */
.account-card {
  padding: 10px 40px 20px;
  background: #fff;
  height: auto;
}
#account-button:hover {
  border: transparent;
  background-color: transparent;
}

.card-register {
  padding: 0;
  background-color: #fff;
  border: 0.5px solid #dcdcdc;
  box-sizing: border-box;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

.stepper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media screen and (min-width: 1121px) {
  .stepper .stepper_width {
    width: 1120px;
  }
}
@media screen and (max-width: 1120px) {
  .stepper .stepper_width {
    max-width: 1120px;
  }
}

.default-step-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.t-steps .t-steps-item {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.t-steps .t-steps-item:last-child {
  -ms-flex: none;
      flex: none;
}
.t-steps .t-steps-item__inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.t-steps .t-steps-item__inner.t-steps-item--clickable {
  cursor: pointer;
}
.t-steps .t-steps-item--finish .t-steps-item__icon .t-icon {
  color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__icon--number {
  border-color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__title {
  color: var(--td-text-color-primary);
  font-weight: normal;
}
.t-steps .t-steps-item--finish .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--process .t-steps-item__icon .t-icon {
  color: var(--td-brand-color);
}
.t-steps .t-steps-item--process .t-steps-item__icon--number {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__title {
  color: var(--td-brand-color);
  font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--error .t-steps-item__icon .t-icon {
  color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__icon--number {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__title {
  color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item__icon {
  vertical-align: top;
  font-size: 14px;
  margin-right: 8px;
  color: var(--td-text-color-placeholder);
}
.t-steps .t-steps-item__icon--number {
  color: var(--td-text-color-placeholder);
  border: 1px solid var(--td-text-color-placeholder);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps .t-steps-item__icon--finish {
  border: 1px solid var(--td-brand-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps .t-steps-item__icon--error {
  border: 1px solid var(--td-error-color-6);
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps .t-steps-item__icon > .t-icon {
  font-size: 24px;
}
.t-steps .t-steps-item__title {
  position: relative;
  padding-right: 8px;
  color: var(--td-text-color-placeholder);
  font-size: 16px;
  line-height: 24px;
}
.t-steps .t-steps-item__description {
  color: var(--td-text-color-placeholder);
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 22px;
}
.t-steps--line-separator .t-steps-item:before,
.t-steps--line-separator .t-steps-item:after,
.t-steps--line-separator .t-steps-item__title:after {
  border-style: solid;
}
.t-steps--dashed-separator .t-steps-item:before,
.t-steps--dashed-separator .t-steps-item:after,
.t-steps--dashed-separator .t-steps-item__title:after {
  border-style: dashed;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__content {
  margin-top: 4px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
  width: steps-circle-width;
  height: 24px;
  margin-top: 4px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon > .t-icon {
  font-size: 35px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  -ms-flex: 1;
      flex: 1;
  height: 24px;
  content: "^";
  transform: rotateZ(90deg);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  border: 0;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  -ms-flex: 1;
      flex: 1;
  height: 24px;
  content: "^";
  transform: rotateZ(90deg);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  border: 0;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--process:not(:last-child) .t-steps-item__title:after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item {
  overflow: visible;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
  padding-right: 0;
  margin-bottom: 4px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
  border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: 50%;
  margin-bottom: 4px;
  position: relative;
  box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__content {
  text-align: center;
  width: 140px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  -ms-flex: 1;
      flex: 1;
  content: "^";
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  border: 0;
  font-size: 16px;
  transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  -ms-flex: 1;
      flex: 1;
  content: "^";
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  border: 0;
  font-size: 16px;
  transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--vertical {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-direction: column;
  flex-direction: column;
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--positive .t-steps-item {
  padding-bottom: 24px;
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-top: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
  margin-top: 2px;
  margin-left: 0px;
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
  margin-bottom: 4px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
  border-right-color: var(--td-brand-color);
  border-right-width: 2px;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
  border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: 50%;
  margin-bottom: 4px;
  position: relative;
  box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  top: 5px;
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  transform: rotateZ(0);
  margin-top: 4px;
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse .t-steps-item {
  padding-bottom: 24px;
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-bottom: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:last-child::before {
  display: none;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}

.enterprise_center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.email-result-wrapper .send-des {
  margin-left: 5px;
  color: #00a870;
}
.email-result-wrapper .email {
  font-weight: 700;
}
.email-result-wrapper .email_center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.email-result-wrapper .email_resend {
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 4px;
}
.email-result-wrapper .email_check-icon {
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.creation-and-activation-card {
  padding: 28px 55px 45px 65px;
  width: 480px;
  height: 400px;
}
.creation-and-activation-card .create-account-wrapper {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
.creation-and-activation-card .create-account-wrapper.hidden {
  display: none;
}
.creation-and-activation-card .create-checkbox {
  margin: 2px -10px 0 0;
}
.creation-and-activation-card .activation-email-wrapper {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
}
.creation-and-activation-card .activation-email-wrapper .with-space {
  margin-top: 5px;
}
.creation-and-activation-card .activation-email-wrapper .send-msg .send-ok {
  display: inline-block;
  vertical-align: -2px;
  width: 16px;
  height: 16px;
  margin: 5px 5px 0 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iIzZERDc5MiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNCA3LjkzNSA3LjExNyAxMCAxMiA2Ii8+PC9nPjwvc3ZnPg==) no-repeat center / 100% 100%;
}
.creation-and-activation-card .create_agree-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.creation-and-activation-card .create_agree-desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: start;
}

.admin-card {
  padding: 26px 112px 88px;
  min-width: 900px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.admin-card .create-admin-wrapper {
  margin: 0 auto;
}
.admin-card .create-admin-wrapper .admin-form {
  margin-top: 50px;
}
.admin-card .create-admin-wrapper .admin-form .info-key,
.admin-card .create-admin-wrapper .admin-form .info-value {
  line-height: 35px;
}

.admin-dialog__body .t-dialog__body {
  padding: 24px 0;
}

.completed-card {
  padding: 22px 60px;
}

.fail-card-wrapper {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.fail-card-wrapper .fail-card {
  margin: auto 0;
}
.fail-card-wrapper .font-error {
  text-align: center;
}

.t-dropdown {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  list-style: none;
  background-color: var(--td-bg-color-container);
  position: relative;
  border-radius: 3px;
  padding: 0;
}
.t-dropdown__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.t-dropdown__menu-column {
  font-size: 14px;
  color: var(--td-text-color-primary);
  text-align: left;
  overflow-y: auto;
}
.t-dropdown__menu-column:not(:first-child) {
  border-left: solid 1px var(--td-border-level-1-color);
}
.t-dropdown__menu .t-divider {
  margin: 4px 0;
}
.t-dropdown__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  border-radius: 3px;
  color: var(--td-text-color-primary);
  padding: 9px 8px;
  margin: 4px 8px;
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-dropdown__item:first-child,
.t-dropdown__item:last-child {
  margin: 8px;
}
.t-dropdown__item:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-dropdown__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-dropdown__item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  max-width: 100%;
}
.t-dropdown__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-dropdown__item.t-dropdown--suffix .t-dropdown__item-content {
  max-width: calc(100% - 16px - 8px);
}
.t-dropdown__item.t-dropdown--suffix .t-dropdown__item-icon {
  color: currentcolor;
  font-size: 16px;
  margin-left: 8px;
}

.t-avatar {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--td-brand-color-focus);
  color: var(--td-text-color-brand);
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: content-box;
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
}
.t-avatar.t-avatar__icon {
  font-size: 20px;
}
.t-avatar img {
  height: 32px;
  width: 32px;
}
.t-avatar--circle {
  border-radius: 50%;
}
.t-avatar--round {
  border-radius: 3px;
}
.t-avatar.t-size-s {
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
}
.t-avatar.t-size-s.t-avatar__icon {
  font-size: 16px;
}
.t-avatar.t-size-s img {
  height: 24px;
  width: 24px;
}
.t-avatar.t-size-l {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
}
.t-avatar.t-size-l.t-avatar__icon {
  font-size: 24px;
}
.t-avatar.t-size-l img {
  height: 40px;
  width: 40px;
}
.t-avatar-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-avatar-group .t-avatar {
  border: 2px solid var(--td-bg-color-container);
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child) {
  margin-right: -6px;
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-s {
  margin-right: -4px;
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-l {
  margin-right: -8px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(1) {
  z-index: 49;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(2) {
  z-index: 48;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(3) {
  z-index: 47;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(4) {
  z-index: 46;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(5) {
  z-index: 45;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(6) {
  z-index: 44;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(7) {
  z-index: 43;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(8) {
  z-index: 42;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(9) {
  z-index: 41;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(10) {
  z-index: 40;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(11) {
  z-index: 39;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(12) {
  z-index: 38;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(13) {
  z-index: 37;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(14) {
  z-index: 36;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(15) {
  z-index: 35;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(16) {
  z-index: 34;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(17) {
  z-index: 33;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(18) {
  z-index: 32;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(19) {
  z-index: 31;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(20) {
  z-index: 30;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(21) {
  z-index: 29;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(22) {
  z-index: 28;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(23) {
  z-index: 27;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(24) {
  z-index: 26;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(25) {
  z-index: 25;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(26) {
  z-index: 24;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(27) {
  z-index: 23;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(28) {
  z-index: 22;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(29) {
  z-index: 21;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(30) {
  z-index: 20;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(31) {
  z-index: 19;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(32) {
  z-index: 18;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(33) {
  z-index: 17;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(34) {
  z-index: 16;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(35) {
  z-index: 15;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(36) {
  z-index: 14;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(37) {
  z-index: 13;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(38) {
  z-index: 12;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(39) {
  z-index: 11;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(40) {
  z-index: 10;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(41) {
  z-index: 9;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(42) {
  z-index: 8;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(43) {
  z-index: 7;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(44) {
  z-index: 6;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(45) {
  z-index: 5;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(46) {
  z-index: 4;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(47) {
  z-index: 3;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(48) {
  z-index: 2;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(49) {
  z-index: 1;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(50) {
  z-index: 0;
}
.t-avatar-group.t-avatar--offset-left .t-popup__reference .t-avatar {
  z-index: 0;
  margin-left: -6px;
}
.t-avatar-group.t-avatar--offset-left .t-popup__reference .t-avatar.t-size-s {
  margin-left: -4px;
}
.t-avatar-group.t-avatar--offset-left .t-popup__reference .t-avatar.t-size-l {
  margin-left: -8px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child) {
  margin-left: -6px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-s {
  margin-left: -4px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-l {
  margin-left: -8px;
}

/* stylelint-disable selector-max-id */
.white {
  background-color: transparent;
}
#custom-header {
  width: 100%;
  height: 72px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 1100;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
}
#custom-header {
  width: 100%;
  height: 72px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 1100;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
}
#custom-header-no-login {
  width: 100%;
  height: 72px;
  box-shadow: none;
  z-index: 1000;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  top: 0;
}
.header-wrapper {
  width: 1176px;
  height: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto;
}
.header-wrapper .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 50px;
  width: 100%;
  margin: 0 auto;
}
.header-wrapper .header-btn:hover {
  background-color: rgba(30, 111, 255, 0.08);
  border-color: transparent;
}
.header-wrapper .header .header--left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.header-wrapper .header .header--left-logo {
  width: 195px;
  height: 28px;
  margin-right: 3px;
  background-size: contain;
  background-image: url(https://docs.gtimg.com/open/image/logo_docs_open_48-4732d25a1d.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  -ms-flex: none;
      flex: none;
}
.header-wrapper .header .header--left:hover {
  background-color: transparent;
}
.header-wrapper .header .header--right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}
.header-wrapper .header .header--right-btn {
  height: 36px;
  --td-gray-color-10: #f9f9f9;
}
.header-wrapper .header .header--right .user-container {
  line-height: normal;
  height: 100%;
  width: 33px;
  margin-right: 20px;
  margin-left: 17px;
}
.header-wrapper .header .header--right .user-container .user-avatar-btn {
  width: 33px;
}
.header-wrapper .header .header--right .avatar-container {
  position: relative;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.header-wrapper .header .header--right .avatar-container .avatar {
  width: 32px;
  height: 32px;
}
.header-wrapper .header .header--right .avatar-container .avatar-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.menu-item {
  padding: 9px 12px 9px 12px;
}
.tooltip-content {
  min-width: 126px;
  min-height: 34px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  margin: 4px;
}
.tooltip-content .tooltip-nickname {
  font-weight: 600;
  font-size: 14px;
}
@media screen and (max-width: 1176px) {
  .header-wrapper {
    padding: 0 20px;
  }
}
@media screen and (max-width: 834px) {
  .header-wrapper .header--left .header--left-line {
    display: none;
  }
  .header-wrapper .header--left .normal_title {
    display: none;
  }
}

.t-layout {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-layout,
.t-layout__direction-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--td-bg-color-page);
  -ms-flex: auto;
      flex: auto;
}
.t-layout--with-sider,
.t-layout__direction-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}
.t-layout__header {
  height: 64px;
  background-color: var(--td-bg-color-container);
}
.t-layout__content {
  -ms-flex: auto;
      flex: auto;
}
.t-layout__sider {
  position: relative;
  transition: all 0.22s;
  background: var(--td-bg-color-container);
  width: 232px;
}
.t-layout__footer {
  color: var(--td-text-color-placeholder);
  padding: 24px;
}

.page-root {
  min-height: 100vh;
  background: url(https://docs.gtimg.com/open/image/bg_gradient-0f0369b183.png) no-repeat center center;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}
.page-root .content {
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: calc(72px + 10px);
  min-height: calc(100vh - 72px - 100px - 10px);
}
.page-root .footer {
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.page-root .footer .bg-page_copyright {
  margin: 20px auto 66px;
  position: absolute;
  bottom: 0;
}

.change-password-page .page-wrapper {
  width: 480px;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.change-password-page .page-wrapper .paper-wrapper {
  padding: 0px 0 27px;
}
.change-password-page .page-wrapper .paper-wrapper .send-des {
  margin-left: 5px;
}
.change-password-page .page-wrapper .paper-wrapper .email {
  font-weight: 700;
}
.change-password-page .page-wrapper .paper-wrapper .element-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px 10px 17px 10px;
}

.reset-password-page .reset-password-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.reset-password-page .reset-password-wrapper .reset-password-card {
  padding: 20px 52px 36px 52px;
}
.reset-password-page .reset-password-wrapper .row-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 8px;
}

.send-email-auth-page .send-email-auth-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.send-email-auth-page .send-email-auth-wrapper .content-card {
  display: inline-block;
  padding: 20px 60px 44px;
}

.addon-create {
  padding: 34px 40px;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.addon-create_card {
  text-align: center;
}
.addon-create_button {
  width: 88px;
}
.addon-create_tips {
  width: 100%;
  text-align: center;
  margin-top: 12px;
}

.addon_card {
  padding: 24px 42px;
  background: #fff;
}

.loading-wrapper {
  height: calc(100vh - 72px - 100px);
}

.version-structure {
  width: 100%;
  height: 100%;
}
.version-structure .structure_option {
  position: absolute;
  right: 20px;
  top: 37%;
}
.table__empty {
  height: 140px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.table-border_none {
  --td-component-border: transparent;
}
.table-border_none td {
  padding: 6px 0;
}
.table-border_none thead {
  display: none;
}

.develope_option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.button-space {
  width: 4px;
  height: 8px;
}
.addon-link {
  color: #0052d9;
}
.addon-link:hover {
  cursor: pointer;
}
.link-space {
  width: 20px;
}
.addon-version {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.addon-version_tip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 10px;
  background-color: #0052d9;
  color: #fff;
  border-radius: 12px;
  width: 45px;
}
.status__grey {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  background: #e7e7e7;
  border-radius: 3px;
}
.auditing {
  width: 74px;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  background: #e7e7e7;
  border-radius: 3px;
}
.deploying {
  width: 102px;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  background: #e7e7e7;
  border-radius: 3px;
}

.upload-dialog .t-dialog__body {
  padding: 32px 0 0;
}
.upload-dialog .t-dialog__body_body .t-upload__card {
  padding: 0;
}
.submit-button-space {
  width: 8px;
  height: 8px;
}

.upload-dialog .t-dialog__body {
  padding: 32px 0 0;
}
.upload-dialog .t-dialog__body_body .t-upload__card {
  padding: 0;
}
.submit-button-space {
  width: 8px;
  height: 8px;
}

.info-avatar {
  width: 40;
  height: 40px;
  border-radius: 3px;
  background: #d4e3fc;
}
.addon-row {
  margin: 0 0 24px 10px;
}
.addon-row .detail-row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.status-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.color-primary {
  color: #3770f6;
}
.color-success {
  color: #65d986;
}
.color-error {
  color: #e85a49;
}

.addon-detail {
  padding: 62px 200px 62px 114px;
  background: #fff;
}
.addon-detail .button-container {
  margin-top: 120px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  row-gap: 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.addon-detail .button-container .button {
  width: 116px;
}
.addon-detail_blank-mask__empty {
  height: 12px;
  background-color: #f3f5f7;
}

.addon-form {
  width: 730px;
}
.addon-form .submit-button {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  -ms-flex-pack: center;
      justify-content: center;
}
.addon-form .input-adornment {
  width: 100%;
}
.addon-form .item-space {
  margin-bottom: 20px;
}
.addon-form .t-form__item.t-form__item-with-extra {
  margin-bottom: 30px;
}
.addon-form .suffix {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}
.addon-form .t-upload__card {
  padding: 0;
}
.addon-form .t-upload__card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.addon-audit {
  text-align: center;
}

.addon-card {
  padding: 42px;
  background: #fff;
}

.addon-member-previewersList .btn-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 12px;
}

.addon-card {
  padding: 42px;
  background: #fff;
}

.announcement-content {
  text-indent: 2em;
}

.usage-statistics-download-dialog .t-dialog__close {
  right: 30px;
}
.usage-statistics-download-dialog .content-box {
  width: 100%;
  padding: 16px 0 8px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.usage-statistics-download-dialog .content-box .tit {
  width: 72px;
  white-space: nowrap;
}

.t-date-picker,
.t-date-range-picker {
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-date-picker__panel-container,
.t-date-range-picker__panel-container {
  padding: 0;
  min-width: 280px;
}
.t-date-picker__panel,
.t-date-range-picker__panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.t-date-picker__panel--direction-row,
.t-date-range-picker__panel--direction-row {
  -ms-flex-direction: row;
  flex-direction: row;
}
.t-date-picker__panel .t-select__dropdown,
.t-date-range-picker__panel .t-select__dropdown {
  max-height: 160px;
}
.t-date-picker__panel .t-time-picker__panel,
.t-date-range-picker__panel .t-time-picker__panel {
  width: 216px;
}
.t-date-picker__panel .t-time-picker__panel-section-body,
.t-date-range-picker__panel .t-time-picker__panel-section-body {
  padding: 0;
}
.t-date-picker__panel .t-time-picker__panel-body,
.t-date-range-picker__panel .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-content,
.t-date-range-picker__panel-content,
.t-date-range-picker__panel-content-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.t-date-range-picker__panel-content-wrapper {
  gap: 6px;
}
.t-date-picker__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.t-date-picker__header-controller {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
}
.t-date-picker__header-controller .t-date-picker__header-controller-month {
  width: 80px;
}
.t-date-picker__header-controller .t-date-picker__header-controller-year {
  width: 78px;
}
.t-date-picker__table table {
  width: 100%;
  border-collapse: collapse;
}
.t-date-picker__table table th {
  text-align: center;
  color: var(--td-text-color-secondary);
  font-weight: 400;
}
.t-date-picker__table table td.t-date-picker__cell {
  text-align: center;
  font-weight: 500;
}
.t-date-picker__table table th,
.t-date-picker__table table td.t-date-picker__cell {
  padding: 0;
  border: 0;
  line-height: initial;
}
.t-date-picker__table table thead::after {
  content: "-";
  display: block;
  line-height: 3px;
  color: transparent;
}
.t-date-picker__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 12px;
  gap: 8px;
}
.t-date-picker__footer--bottom {
  border-top: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--top {
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left {
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--right {
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__presets {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  white-space: nowrap;
  min-width: 40px;
}
.t-date-picker__presets .t-button {
  cursor: pointer;
}
.t-date-picker__presets a {
  color: var(--td-brand-color);
}
.t-date-picker__presets a:hover {
  color: var(--td-brand-color-hover);
}
.t-date-picker__panel-time,
.t-date-range-picker__panel-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__panel-time-viewer,
.t-date-range-picker__panel-time-viewer {
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  line-height: 22px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: var(--td-text-color-primary);
}
.t-date-picker__panel-time .t-time-picker__panel-body,
.t-date-range-picker__panel-time .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-year,
.t-date-picker__panel-month,
.t-date-picker__panel-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 12px;
  gap: 12px;
  max-width: 280px;
}
.t-date-picker__panel-year .t-date-picker__header-controller-year,
.t-date-picker__panel-month .t-date-picker__header-controller-year {
  width: 130px;
}
.t-date-picker__panel-year .t-date-picker__table table tbody,
.t-date-picker__panel-month .t-date-picker__table table tbody {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-direction: column;
  flex-direction: column;
}
.t-date-picker__panel-year .t-date-picker__table table tbody tr,
.t-date-picker__panel-month .t-date-picker__table table tbody tr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.t-date-picker__panel-year .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-month .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before {
  left: -56px;
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(1) {
  text-align: left;
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(3) {
  text-align: right;
}
.t-date-picker__panel-year .t-date-picker__cell-inner,
.t-date-picker__panel-month .t-date-picker__cell-inner {
  width: 48px;
}
.t-date-picker__cell {
  cursor: pointer;
  position: relative;
  padding: 0;
}
.t-date-picker__cell::before,
.t-date-picker__cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-date-picker__cell:hover .t-date-picker__cell-inner {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__cell-inner {
  position: relative;
  z-index: 5;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 3px;
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear;
}
.t-date-picker__cell--now .t-date-picker__cell-inner {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-date-picker__cell--hover-highlight::after {
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after {
  left: -28px;
}
.t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before {
  left: -28px;
}
.t-date-picker__cell--highlight::before {
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.t-date-picker__cell--additional:hover .t-date-picker__cell-inner {
  box-shadow: none;
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.t-date-picker__cell--additional .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__cell--active .t-date-picker__cell-inner {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-date-picker__cell--active-start::before {
  left: 6px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.t-date-picker__cell--active-end::before {
  right: 6px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
  box-shadow: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled + .t-date-picker__cell--disabled::before {
  left: -32px;
  right: 12px;
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__input--placeholder input {
  color: var(--td-text-color-placeholder);
}

/* stylelint-disable selector-max-id */
.usage-statistics-page {
  width: 100%;
  margin-top: -40px;
}
.usage-statistics-page .usage-statistics-tabs {
  width: 100%;
  margin-top: 12px;
  background: none;
  border-bottom: 1px solid #fff;
}
.usage-statistics-page .usage-statistics-tit {
  width: 100%;
  padding: 12px 0 16px;
  box-sizing: border-box;
}
.usage-statistics-page .usage-statistics-tit .txt {
  font-size: 14px;
  line-height: 1.4;
}
.usage-statistics-page .usage-statistics {
  padding: 10px 40px 20px;
  background: #fff;
  height: auto;
}
.usage-statistics-page .usage-statistics .header-btn-box {
  width: 100%;
  padding: 16px 0 12px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.usage-statistics-page .usage-statistics .header-btn-box button {
  margin-right: 4px;
}
.usage-statistics-page .usage-statistics .header-btn-box .radio-box {
  margin-left: 16px;
}
#account-button:hover {
  border: transparent;
  background-color: transparent;
}

.feedback-tab {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.feedback-tab .feedback-text {
  font-size: 20px;
  color: #000000e0;
  width: 140px;
  border-left: 1px solid #00000014;
  padding-left: 16px;
  margin-left: 16px;
}
.feedback-tab .dui-tabs-bar-container,
.feedback-tab .dui-tabs-bar {
  height: 72px;
}
.feedback-tab .dui-tabs-bar-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.feedback-tab .dui-tabs-bar-item {
  font-size: 14px;
  margin-right: 40px;
  padding: 0;
}
.feedback-tab .dui-tabs-bar-item-active {
  color: var(--text-ultrastrong, rgba(0, 0, 0, 0.88));
  font-weight: 600;
}
.feedback-tab .dui-tabs-indicator {
  background: var(--text-ultrastrong, rgba(0, 0, 0, 0.88));
}

@media screen and (min-width: 834px) {
  .help-center {
    z-index: 999999;
    position: fixed;
    top: 50%;
    right: 40px;
    color: rgba(0, 0, 0, 0.88);
    width: 134px;
    padding: 8px 10px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0px 8px 20px 0px rgba(139, 155, 187, 0.16);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }
  .help-center-item {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
  }
  .help-center-item:hover {
    background: rgba(30, 111, 255, 0.08);
  }
  .help-center-item:active {
    background: rgba(30, 111, 255, 0.12);
  }
  .help-center-item-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 6px;
  }
  .help-center-item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .help-center .buy {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zNzkgNC41SDUuNXYxNWgxM3YtMy43ODRsMS41LTEuNTEzVjIwYTEgMSAwIDAgMS0xIDFINWExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMWgxMWwzLjcyIDMuNzItMS4yMi45NzdWNy42MkwxNS4zNzkgNC41Wk0xMiAxNXYtMS41SDhWMTVoNFptMy02djEuNUg4VjloN1ptNS45NDUtMS4wNWEuMS4xIDAgMCAwLS4xNDIgMGwtNi4yOTMgNi4yOTQtLjIzIDEuMzUxYS4xLjEgMCAwIDAgLjExNi4xMTVsMS4zNTEtLjIyOSA2LjI5NC02LjI5M2EuMS4xIDAgMCAwIDAtLjE0MkwyMC45NDUgNy45NVoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
  }
  .help-center .feedback {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjUgMTl2LTEuNUg1YS41LjUgMCAwIDEtLjUtLjVWNmEuNS41IDAgMCAxIC41LS41aDE0YS41LjUgMCAwIDEgLjUuNXYxMWEuNS41IDAgMCAxLS41LjVoLTcuMzU0bC0uMzE3LjE1OEw3LjUgMTkuNTczVjE5Wm00LjUgMC00LjU1MyAyLjI3NkExIDEgMCAwIDEgNiAyMC4zODJWMTlINWEyIDIgMCAwIDEtMi0yVjZhMiAyIDAgMCAxIDItMmgxNGEyIDIgMCAwIDEgMiAydjExYTIgMiAwIDAgMS0yIDJoLTdaTTcuNSA5aDl2MS41aC05VjlabTAgNGg2djEuNWgtNlYxM1oiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
  }
  .help-center .back {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE4IDE0LTYtNi02LjAwMSA2IiBzdHJva2U9IiM0NTRENUEiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTEyLjc1IDl2MTFoLTEuNVY5aDEuNVpNNSA0aDE0djEuNUg1VjRaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
  }
  .help-center .ai {
    background-image: url(https://docs.gtimg.com/open/image/ai-assistant_fill_24-d640e10228.svg);
  }
}
@media screen and (max-width: 834px) {
  .help-center {
    display: none;
  }
}

.feedback-box {
  background-color: #f9fafb;
  width: 100%;
  padding-top: 72px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.feedback-box iframe {
  margin: 0 auto;
  width: 100%;
  height: 1033px;
  border: 0;
  display: block;
}
.dui-loading-mask-hidden {
  visibility: hidden;
}
.feedback-footer {
  background-color: #fff;
  overflow: hidden;
}

.mobile-app-bar.MuiAppBar-root {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  box-shadow: none;
  padding: 0 16px;
  width: 100%;
  height: 60px;
  z-index: 1002;
  border-top: 1px solid rgba(151, 151, 151, 0.08);
}
.mobile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.mobile-nav-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.mobile-nav-title .mobile-nav-logo {
  height: 20px;
  width: 145px;
  background-image: url(https://docs.gtimg.com/open/image/logo_docs_open_48-4732d25a1d.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.mobile-nav-title .mobile-line {
  width: 1px;
  height: 19px;
  opacity: 24%;
  margin: auto 8px;
  background-color: #000;
}
.mobile-nav-title .mobile_title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.mobile-line {
  width: 0.8px;
  height: 19px;
  opacity: 24%;
  margin: auto 6px auto 5px;
  background-color: #000;
}
.mobile .header--right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.mobile .icon-button {
  color: #030303;
}
.mobile-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.mobile-list:hover {
  cursor: pointer;
}
.mobile-item {
  margin: 20px auto;
}
.mobile-text {
  text-align: center;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #030303;
  height: 5.3vw;
  font-size: 4.3vw;
}
.menu-icon {
  height: 24px;
  width: 24px;
}
.drawerHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  margin-left: 90%;
  margin-top: -20px;
}

.subject-selection-wrapper {
  padding: 30px 40px;
  height: 100%;
}
.subject-selection-wrapper .register_title {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 24px;
}
.subject-selection-wrapper .select-checkbox {
  position: absolute;
  margin: -10px 0 0 160px;
}
.subject-selection-wrapper .select-checkbox:hover {
  background-color: transparent;
}
.subject-selection-wrapper .select-btn {
  height: 62px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 16px;
}
.subject-selection-wrapper .select-btn:hover {
  background-color: transparent;
}
.subject-selection-wrapper .select-btn--selected {
  border: solid 1px #1e6fff;
}
.subject-selection-wrapper .select-img {
  width: 24px;
  height: 24px;
}
.subject-selection-wrapper .button-display .t-button {
  -ms-flex-pack: left;
      justify-content: left;
}
.subject-selection-wrapper .button-display:last-child .t-button {
  margin-bottom: 24px;
}
.subject-selection-wrapper .subject-selection_button:last-child .t-button {
  margin-left: 10px;
}
.subject-selection-wrapper .subject-selection_button .t-button {
  width: 130px;
  height: 40px;
}
.subject-selection-wrapper .normal_subtitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 2px;
  padding-left: 12px;
  text-align: left;
}
.subject-selection-wrapper .normal_subtitle .title {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.subject-selection-wrapper .normal_subtitle .desc {
  color: rgba(0, 0, 0, 0.48);
  font-size: 12px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.login-title {
  line-height: 28px;
  font-weight: 600;
  font-family: PingFang SC;
  margin: 0 0 28px 0;
  text-align: center;
}
.login-panel-form {
  width: 100%;
  margin: 0;
}
.login-panel-form .login-input {
  position: relative;
}
.login-panel-form .login-input:last-child {
  margin: 24px;
}
.login-panel-form .login-input .tips {
  margin: 0;
  position: absolute;
  left: 2px;
  bottom: -20px;
  color: #e10000;
}
.login-panel-form .input-box {
  position: relative;
}
.login-panel-form .input-box > div {
  font-size: 14px;
}
.login-panel-form .input-box > div input {
  padding: 8px 12px;
  height: 20px;
}
.login-panel-form .input-box > p {
  margin: 0;
  position: absolute;
  left: 2px;
  bottom: -22px;
}
.login-panel-form .login-button {
  font-size: 18px;
  font-weight: 500;
}

.login-panel-wrapper {
  padding: 30px 40px;
}

.head-container-pc .top {
  background-color: #f8fafc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.head-container-pc .top .box {
  height: 480px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background: linear-gradient(180deg, #e2efff 0%, rgba(237, 244, 255, 0) 47.67%);
  background-image: url(https://docs.gtimg.com/open/image/banner_open_1920-80646d9717.jpg);
  background-position: center;
  background-size: cover;
}
.head-container-pc .top .box .head-container-box {
  width: 1176px;
  height: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  z-index: 0;
}
.head-container-pc .top .box .head-container-box .headline-title {
  color: rgba(0, 0, 0, 0.88);
  font-size: 48px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
.head-container-pc .top .box .head-container-box .headline-text {
  font-size: 36px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 58px;
  margin-top: 8px;
}
.head-container-pc .top .box .head-container-box .headline .btn {
  display: none;
}
.head-container-pc .top .box .head-container-box .login-wrapper {
  -ms-flex: none;
      flex: none;
  width: 360px;
  height: 320px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgba(12, 17, 55, 0.08);
}
.head-container-mobile .top {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background-color: #f8fafc;
}
.head-container-mobile .top .box {
  background-repeat: no-repeat;
  background: linear-gradient(180deg, #e2efff 0%, rgba(237, 244, 255, 0) 47.67%);
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/CABEIAoAC7gMBIgACEQEDEQH/xAAbAAEBAQEBAQEBAAAAAAAAAAAAAQIDBAUGB//aAAgBAQAAAAD+05zjnjprW9a1Rj5fl+N5g9P2wfS+5nlvc54xmZct7oAAAAAADhnOczF663vWrR5/ynzg9P2wfT+prrMYxiJxnW2gAAAAAAPLnMkMb663rWlOXx/z3E9P2x2+l7+7GMYyc+etXSgAAAAAAPHJIEnTe9a1a5def5/4WPT9tv6P0PTrOOeMxni1dW0AAAAAAA8aIgZdta3dXGzh+d+d9v3/AEfV1zjGMZOGdLu2gAAAAAADywhELi9ta1rPQPH29ve4xzxmOXLS61q0AAAAAAAPKQhCGd9N3HdTl16dWcYyxxF3rVoAAAAAAAPOhCEDM67z2trl1LM2cM2N61rQAAAAAAADihEIQMOnTWreXUSccakut61QAAAAAAADmRCIQheW+utXn1snPlpldb1qgAAAAAAADCEIiCIMdOlx2Y5Vkut6tAAAAAAAACQhCEQgZz2x15XWZLd61VAAAAAAAACEIQhEIHPHTrJDWtW0AAAAAAAAACCEIhAEGrq0AAAAAAAAAACCEIRAW3VAAAAAAAAACgCAhBEBbpQAAAAAAAAAAACBCAq0AAAAAAAAACgAAgIClAAAAAAAAAAAAACAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8QAGQEBAQEBAQEAAAAAAAAAAAAAAAECAwQF/9oACAECEAAAAPXqpmR3+v0ePi5fOmeu9IAAAHS0zmR0+j7PJw4ePlrrdIAAADooZzE7d/Dwdd6rKAAAB0KLMzK4zvWjMAAAA1RQZiW1JAAAAFKKVkVMwAAAAKUoWEkAAAAEUFKEkAAAAAAoWIAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACKAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//EABkBAQEBAQEBAAAAAAAAAAAAAAABAgMEBf/aAAgBAxAAAADzZi60cfmc3fbr9HW8YzKAAAHOJbq28/B5e3Tv7e05zMWgAADnCLdVePn9nouMTC2gAABhALql3nOc26AAAAyIQuqSSXVAAAAEEIqpF0AAAALAgQsW0AAAAAQCFoAAAAKCABQAAAAAAgUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/8QAJBAAAgICAgIBBQEAAAAAAAAAARECAwAQBCATUAUGEjBAYLD/2gAIAQEAAQIAJJJJmPIJAiQIIPW2nkfHAc7twO/w2pWGUKsJMjIyw4Mfmrr9aSSSSdGAtBBBBBfW/h/L8XrwO/xMDZClEmRkZPRyV3j9eScO1iEIWAgggg9YV876c5HF3wOtPGo4MKREkyMjIndlpyMfcyi4TBBBBe6NXUc76ctqzgbqpo+PhTGokkyMjJ6lM2Rjg9mkkls1iwEEEEHVR3yuHzvp3hxhCn4+uiFKJMjIyJ3K8R0MAXsFixJJb8cbQQQQXUOvN4lFNdUYmRkZGRkTqdxGhgAAHsEsS0klsxULAQQae12o2i77zIyJ1OwyAeAAAAexSxJLqtygJQmDVIF7u6Mn7slI3RgToAAAD2SSSSSSSSSyVXlrwF7u6nDkrvGToAAABL2aSSSS0u4phaC27ujsuMRj0AAAB7VLSSSSSxJJalFQsx248nMyjAnYAAAC90li6JfgnWJxlaX5o1knaAAAXt1ixJJJJJJJJJaNVkvFh0khEABJfwCS6pL8aAAX8KkkliSxJLokkv5JbSWJfxaXRYkkkkli/wAjRaX7i0v3Fpf6c3//xAA5EAACAAQCBgYJAgcAAAAAAAABAgADETESIRAgMkFRUgQiJDBgchMzUGFxgaGx4RRiI1ORosDB0f/aAAgBAQADPwDUDi5BBqCIZNsVHMIBFQaju5c5cLrWJkurS+uvDfoX9R1bZ/c11u2Jr9qfyaFS94eZbqiAsU1so6vz0F8pIxfvOz+YwksWLO1yfalDVDhP0MUNHGE7uB7yVPzphfmET5M8NMlkKagMBkczrdsTXeXNea6kIUoCd8O5ogoIpmYA7jKAOooLvyiC+c01HILfn2uCKGGT1ZqOUwGNLNwPdhpTJMKzQWatcxSpyiVMq/RG9G/IdkxP6LMwT5bIffv1O2JqzZ+wKLvY2iXLoaY34mwgk1bOAvcrLuczYDMmHmbRwLyg5n5wFFFAA4D20rihEPL4uv1hXFQa9ymBhLrTG1a8amuiV0iWZc6WrqdxEEVfobVH8toeS5SYhRhuOjtaaZk5sMtSTCJQzP4jcBYQTSthYQFincKiksQAN5h5mwMK8zDP5CAlqkm7G59vAmoqrcRDJ6wZcwtFRrsQ2JMNGI+IrfUkdMl4J0sNwO8ROk1fopM1OU7UMnTlV1KsLgiGdgqKSTuEb5xqeVYoAoUKvARSAvc4spQxbi24RniY4m4nd8B4CK5yzhPDcYzCuMLfQ6zANjbF1iR7hrSZzS3aWMeKgYDOFRQqqF48TAgDuVQ4RVn5RDTPWnLkFvz4FDKQwBB3GHTYOJeVj9jCvlYi6m41EBmBCds4q8dbOV59BWK66yxVjSJk3jLT+4/8hUFFFB4IV7jMWIuIeXtddeIuIV1xKQRoJL1TDRv6+/WzlefVMV0BQSSABDTPVDq87f6gKcVSz8xv4MBOJSVfiIKGk0UHMLQ4L4yCC1V9woNbOV59fMrKBdhfgPiYLENNOM7huHhD0RYyaLU1KmxMAnCwKPwOrnK8+qqGmZY2UXh5nrDhXkU/cwFACgACwHhJXFGAIiZK2SZi8Cc4V60OYuN405yvPpVFqxAETJtqy04naMLLBwi9zcnwsr0JqGFmFxDytsYl5wPuIDKGUgg7xGcrz6DMykio5zb8wFbExLvzHw1mWlnAxuRY/ERNOAeiJcNXI5QXzmnF+0WH+Ru//8QAJREAAgICAQMEAwEAAAAAAAAAAREAAgMQICExUAQwMkBRUmCg/9oACAECAQE/ANqLjXN+0xEGgW8/y3m+BiXeG34icFdD7yi4Uy3xl1MxetrbpfprP8oSpfOB2l8pM7wVgrpeBI44s98faZPUi3VS+UmEuAOCugPCKKHgagwUgCgEX3n7DhHsuPw5GlwfgHpx8nHwf8w9uP8Azo//xAAmEQABBAECBgIDAAAAAAAAAAABAAIDERAgMQQhMDJAUBJRYHGg/9oACAEDAQE/ALV4tAq9D472UgpxvLO3MPeF+kGfa2Rdg+feh8bXinKXhXN5t54Z24ZATumRBqqkXInF+htXokgZJum8OQaUcICDaVouwSr82ugNAdS+au0Sic16q816KupX45X8/wD/AP/Z);
  background-position: center 0;
  background-size: cover;
  padding: 76px 20px 56px;
}
.head-container-mobile .top .box .headline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}
.head-container-mobile .top .box .headline-title {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 32px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}
.head-container-mobile .top .box .headline-text {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-top: 12px;
}
.head-container-mobile .top .box .headline .btn {
  margin-top: 36px;
}
.head-container-mobile .top .box .login-wrapper {
  display: none;
}
@media screen and (max-width: 1176px) {
  .head-container-pc .box {
    padding: 0 20px;
  }
}
@media screen and (max-width: 835px) {
  .head-container-pc .top {
    height: auto;
  }
  .head-container-pc .top .box {
    height: auto;
    padding: 30px 20px;
    background-position: center 0;
  }
  .head-container-pc .top .box .head-container-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 40px;
    height: auto;
  }
  .head-container-pc .top .box .head-container-box .headline {
    text-align: center;
  }
  .head-container-pc .top .box .head-container-box .headline-title {
    color: rgba(0, 0, 0, 0.88);
    font-size: 48px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
  }
  .head-container-pc .top .box .head-container-box .headline-text {
    font-size: 36px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
    margin-top: 8px;
  }
  .head-container-pc .top .box .head-container-box .login-wrapper {
    -ms-flex: none;
        flex: none;
    width: 360px;
    height: 320px;
    background-color: #fff;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 8px 24px 0px rgba(12, 17, 55, 0.08);
  }
}
@media screen and (max-width: 600px) {
  .head-container-pc .top .box .head-container-box .headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
  }
  .head-container-pc .top .box .head-container-box .headline .btn {
    display: block;
  }
  .head-container-pc .top .box .head-container-box .headline-title {
    color: rgba(0, 0, 0, 0.88);
    text-align: center;
    font-size: 32px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
  }
  .head-container-pc .top .box .head-container-box .headline-text {
    color: rgba(0, 0, 0, 0.88);
    text-align: center;
    font-size: 20px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding-top: 12px;
  }
  .head-container-pc .top .box .head-container-box .headline .btn {
    margin-top: 36px;
  }
  .head-container-pc .top .box .head-container-box .login-wrapper {
    display: none;
  }
}

.pronounce-pc {
  background: #edf4ff;
}
.pronounce-pc .module {
  display: block;
  max-width: 1176px;
  margin: 0 auto;
  position: relative;
}
.pronounce-pc .module.hidden {
  display: none;
}
.pronounce-pc .module-close {
  position: absolute;
  right: 0;
  top: 12px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMS4xMDcgMTIuMDgzLTQuOTQzIDUuMDExLjg5My45MDZMMTIgMTIuOTg5IDE2Ljk0MyAxOGwuODkzLS45MDYtNC45NDMtNS4wMTFMMTggNi45MDYgMTcuMTA3IDYgMTIgMTEuMTc3IDYuODkzIDYgNiA2LjkwNmw1LjEwNyA1LjE3N1oiIGZpbGw9IiM0NTRENUEiIHN0eWxlPSJmaWxsOmNvbG9yKGRpc3BsYXktcDMgLjI3MDYgLjMwMiAuMzUyOSk7ZmlsbC1vcGFjaXR5OjEiLz48L3N2Zz4=);
  background-size: cover;
}
.pronounce-pc .module-box {
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 80px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.pronounce-pc .module-list:hover {
  cursor: pointer;
}
.pronounce-pc .module-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-top: 40px;
}
.pronounce-pc .module-text {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}
.pronounce-pc .module-text .detail-link {
  color: var(--t-doc-light-text-text-link, #175ceb);
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.pronounce-pc .module-text .detail-link .more-title-content {
  transition: transform 0.2s;
}
.pronounce-pc .module-text .detail-link .right-arrow {
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC40NDEgNS4yNjYgNi44MDYgNi44MDYtNi44MDYgNi44MDUtLjg4My0uODgzIDUuOTIyLTUuOTIyTDkuNTU4IDYuMTVsLjg4My0uODg0WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
  background-size: cover;
  background-position: center;
  transition: transform 0.2s;
}
.pronounce-pc .module-text .detail-link:hover .more-title-content {
  transform: translateX(-2px);
}
.pronounce-pc .module-text .detail-link:hover .right-arrow {
  transform: translateX(2px);
}
.pronounce-pc .line {
  width: 0.8px;
  height: 20px;
  opacity: 24%;
  margin: 44px 20px auto 24px;
  background-color: #000;
}
.pronounce-mobile {
  width: 100%;
  z-index: 1;
}
.pronounce-mobile .module {
  display: block;
  position: relative;
}
.pronounce-mobile .module.hidden {
  display: none;
}
.pronounce-mobile .module-close {
  position: absolute;
  right: 16px;
  top: 6px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMS4xMDcgMTIuMDgzLTQuOTQzIDUuMDExLjg5My45MDZMMTIgMTIuOTg5IDE2Ljk0MyAxOGwuODkzLS45MDYtNC45NDMtNS4wMTFMMTggNi45MDYgMTcuMTA3IDYgMTIgMTEuMTc3IDYuODkzIDYgNiA2LjkwNmw1LjEwNyA1LjE3N1oiIGZpbGw9IiM0NTRENUEiIHN0eWxlPSJmaWxsOmNvbG9yKGRpc3BsYXktcDMgLjI3MDYgLjMwMiAuMzUyOSk7ZmlsbC1vcGFjaXR5OjEiLz48L3N2Zz4=);
  background-size: cover;
}
.pronounce-mobile .module-box {
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -ms-flex-align: center;
      align-items: center;
  gap: 80px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #edf4ff;
  padding: 0 16px;
}
.pronounce-mobile .module-list:hover {
  cursor: pointer;
}
.pronounce-mobile .module-text {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.pronounce-mobile .module-text .detail-link {
  color: var(--t-doc-light-text-text-link, #175ceb);
  text-align: center;
  font-weight: 600;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.pronounce-mobile .module-text .detail-link .right-arrow {
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC40NDEgNS4yNjYgNi44MDYgNi44MDYtNi44MDYgNi44MDUtLjg4My0uODgzIDUuOTIyLTUuOTIyTDkuNTU4IDYuMTVsLjg4My0uODg0WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
  background-size: cover;
}

.open-api-pc .open-api {
  padding: 80px 60px 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
}
.open-api-pc .open-api-nav {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 36px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}
.open-api-pc .open-api-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 20px;
  max-width: 1176px;
  width: 100%;
}
.open-api-pc .open-api-item {
  -ms-flex: 1;
      flex: 1;
  width: 372px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  box-shadow: 0px 8px 16px 0px rgba(139, 155, 187, 0.12);
  padding: 30px;
}
.open-api-pc .open-api-title {
  display: block;
  color: rgba(0, 0, 0, 0.88);
  font-size: 24px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 20px;
}
.open-api-pc .open-api-title span {
  color: #175ceb;
}
.open-api-pc .open-api-desc {
  display: block;
  color: var(--t-doc-light-text-text-medium, rgba(0, 0, 0, 0.48));
  font-size: 17px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
}
.open-api-pc .open-api-icon {
  width: 80px;
  height: 80px;
  border-radius: 6px;
}
.open-api-pc .open-api-btn {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-pack: center;
      justify-content: center;
}
.open-api-pc .open-api-btn .btn {
  height: 44px;
  width: 180px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 22px;
}
.open-api-pc .open-api-btn .btn.try-out {
  display: none;
}
.open-api-pc .open-api-btn .btn.t-button--ghost:hover {
  background-color: rgba(30, 111, 255, 0.08);
  --td-gray-color-10: #f9f9f9;
}
.open-api-pc.api {
  background: linear-gradient(180deg, #e2efff 18.58%, rgba(237, 244, 255, 0) 97.24%);
}
.open-api-pc.addon .open-api-list {
  border-radius: 8px;
  border: 1px solid rgba(30, 111, 255, 0.08);
  background: linear-gradient(180deg, #f5f9ff 54.17%, #dfedff 95.77%);
  padding: 20px;
  gap: 40px;
}
.open-api-pc.addon .open-api-list .open-api-item {
  padding: 20px;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.open-api-pc.addon .open-api-list .open-api-item .open-api-title {
  margin: 0;
}
.open-api-pc.addon .open-api-list .open-api-item .open-api-desc {
  color: rgba(0, 0, 0, 0.48);
  font-size: 17px;
  line-height: 24px;
  margin: 16px 0 0;
}
.open-api-pc.template {
  background: linear-gradient(180deg, #e2efff 18.58%, rgba(237, 244, 255, 0) 97.24%);
}
.open-api-pc.template .open-api-item {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 8px 16px 0px rgba(139, 155, 187, 0.12);
}
.open-api-pc.template .open-api-item .open-api-icon {
  width: 48px;
  height: 48px;
}
.open-api-pc.template .open-api-item:first-child {
  background: linear-gradient(223deg, #4dbbff 0%, #3cb4ff 100%), linear-gradient(180deg, #44c1ff 0%, #8ad8ff 100%), #fff;
}
.open-api-pc.template .open-api-item:nth-child(2) {
  background: linear-gradient(180deg, #6194ff 0%, #307bff 71.23%), linear-gradient(180deg, rgba(237, 244, 255, 0) 0%, #e2efff 100%), #fff;
}
.open-api-pc.template .open-api-item:last-child {
  background: linear-gradient(212deg, #7693ff 0%, #546dff 100%), linear-gradient(180deg, #6194ff 0%, #307bff 71.23%), linear-gradient(180deg, rgba(237, 244, 255, 0) 0%, #e2efff 100%), #fff;
}
.open-api-pc.template .open-api-item .open-api-title {
  color: #fff;
}
.open-api-pc.template .open-api-item .open-api-desc {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}
.open-api-pc.sdk .open-api-list {
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.open-api-pc.sdk .open-api-list .open-api-item {
  width: calc((100% - 20px) / 2);
  -ms-flex: auto;
      flex: auto;
}
.open-api-mobile .open-api {
  padding: 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}
.open-api-mobile .open-api-nav {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 24px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
}
.open-api-mobile .open-api-list {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  width: 100%;
  padding: 0 24px;
  /* 谷歌浏览器 */
}
.open-api-mobile .open-api-list::-webkit-scrollbar {
  overflow: hidden;
  height: 0;
  width: 0;
  /* 消除横向滚动轴 */
  display: none;
}
.open-api-mobile .open-api-item {
  -ms-flex: none;
      flex: none;
  width: calc(100vw - 48px);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  box-shadow: 0px 8px 16px 0px rgba(139, 155, 187, 0.12);
  padding: 30px;
}
.open-api-mobile .open-api-title {
  display: block;
  color: rgba(0, 0, 0, 0.88);
  font-size: 24px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 20px;
}
.open-api-mobile .open-api-title span {
  color: #175ceb;
}
.open-api-mobile .open-api-desc {
  display: block;
  color: rgba(0, 0, 0, 0.48);
  font-size: 17px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
}
.open-api-mobile .open-api-icon {
  width: 80px;
  height: 80px;
  border-radius: 6px;
}
.open-api-mobile .open-api-btn {
  padding: 0 24px;
  width: 100%;
}
.open-api-mobile .open-api-btn .btn {
  height: 44px;
  width: 100%;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 22px;
}
.open-api-mobile.addon .open-api {
  padding: 40px 24px;
}
.open-api-mobile.addon .open-api .open-api-list {
  border-radius: 8px;
  border: 1px solid rgba(30, 111, 255, 0.08);
  background: linear-gradient(180deg, #f5f9ff 54.17%, #dfedff 95.77%);
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0;
}
.open-api-mobile.addon .open-api .open-api-list .open-api-item {
  padding: 20px;
  background: transparent;
  box-shadow: none;
  border: 0;
  width: 100%;
}
.open-api-mobile.addon .open-api .open-api-list .open-api-item .open-api-title {
  margin: 0;
}
.open-api-mobile.addon .open-api .open-api-list .open-api-item .open-api-desc {
  color: rgba(0, 0, 0, 0.48);
  font-size: 17px;
  line-height: 24px;
  margin: 16px 0 0;
}
.open-api-mobile.addon .open-api .open-api-btn {
  padding: 0;
}
.open-api-mobile.template {
  background: linear-gradient(180deg, #e2efff 18.58%, rgba(237, 244, 255, 0) 97.24%);
}
.open-api-mobile.template .open-api-item {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 8px 16px 0px rgba(139, 155, 187, 0.12);
}
.open-api-mobile.template .open-api-item .open-api-icon {
  width: 48px;
  height: 48px;
}
.open-api-mobile.template .open-api-item:first-child {
  background: linear-gradient(223deg, #4dbbff 0%, #3cb4ff 100%), linear-gradient(180deg, #44c1ff 0%, #8ad8ff 100%), #fff;
}
.open-api-mobile.template .open-api-item:nth-child(2) {
  background: linear-gradient(180deg, #6194ff 0%, #307bff 71.23%), linear-gradient(180deg, rgba(237, 244, 255, 0) 0%, #e2efff 100%), #fff;
}
.open-api-mobile.template .open-api-item:last-child {
  background: linear-gradient(212deg, #7693ff 0%, #546dff 100%), linear-gradient(180deg, #6194ff 0%, #307bff 71.23%), linear-gradient(180deg, rgba(237, 244, 255, 0) 0%, #e2efff 100%), #fff;
}
.open-api-mobile.template .open-api-item .open-api-title {
  color: #fff;
}
.open-api-mobile.template .open-api-item .open-api-desc {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1176px) {
  .open-api-pc .open-api {
    padding: 60px 20px;
  }
  .open-api-pc .open-api-list {
    gap: 12px;
  }
}
@media screen and (max-width: 834px) {
  .open-api-pc.sdk .open-api .open-api-list .open-api-item {
    width: 100%;
  }
  .open-api-pc .open-api {
    padding: 60px 20px;
  }
  .open-api-pc .open-api-list {
    gap: 12px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .open-api-pc .open-api-item {
    width: 100%;
  }
}

.process-pc .process .box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
  padding: 80px 0 120px;
  width: 100%;
  background: linear-gradient(180deg, #e2efff 18.58%, rgba(237, 244, 255, 0) 97.24%);
  gap: 60px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.process-pc .process .box-nav {
  color: var(--t-doc-light-text-text-ultrastrong, rgba(0, 0, 0, 0.88));
  text-align: center;
  font-size: 36px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}
.process-pc .process .box-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 514px;
}
.process-pc .process .box-item {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.process-pc .process .box-icon {
  width: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.process-pc .process .box-icon .icon {
  width: 65px;
  height: 75px;
}
.process-pc .process .box-icon .line {
  width: 2px;
  height: 32px;
  border-radius: 2px;
  background: linear-gradient(213deg, #34a4ff 0%, #1e6fff 99.92%), #6daefe;
  margin: 4px 0;
}
.process-pc .process .box-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  padding: 11px;
}
.process-pc .process .box-info .title {
  color: var(--t-doc-light-text-text-ultrastrong, rgba(0, 0, 0, 0.88));
  font-size: 18px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.process-pc .process .box-info .desc {
  color: var(--t-doc-light-text-text-medium, rgba(0, 0, 0, 0.48));
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.process-mobile .process {
  background: linear-gradient(180deg, #e2efff 18.58%, rgba(237, 244, 255, 0) 97.24%);
}
.process-mobile .process .box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto;
  padding: 60px 0;
  width: 100%;
}
.process-mobile .process .box-nav {
  color: var(--t-doc-light-text-text-ultrastrong, rgba(0, 0, 0, 0.88));
  text-align: center;
  font-size: 24px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
}
.process-mobile .process .box-list {
  padding: 36px 40px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.process-mobile .process .box-item {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.process-mobile .process .box-icon {
  width: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.process-mobile .process .box-icon .icon {
  width: 65px;
  height: 75px;
}
.process-mobile .process .box-icon .line {
  width: 2px;
  height: 32px;
  border-radius: 2px;
  background: linear-gradient(213deg, #34a4ff 0%, #1e6fff 99.92%), #6daefe;
  margin: 4px 0;
}
.process-mobile .process .box-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  padding: 11px 0;
}
.process-mobile .process .box-info .title {
  color: var(--t-doc-light-text-text-ultrastrong, rgba(0, 0, 0, 0.88));
  font-size: 17px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.process-mobile .process .box-info .desc {
  color: var(--t-doc-light-text-text-medium, rgba(0, 0, 0, 0.48));
  font-size: 12px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
@media screen and (max-width: 1176px) {
  .process-pc .process .box {
    padding: 60px 20px;
  }
  .process-pc .process .box .box-list {
    max-width: 100%;
  }
}

.client-pc .them {
  display: -ms-flexbox;
  display: flex;
  padding: 120px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
}
.client-pc .them-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  width: 1176px;
  padding: 20px 0;
}
.client-pc .them-list .them-item {
  width: calc((100% - 100px) / 6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.client-pc .them-list .them-item img {
  max-width: 100%;
}
.client-pc .them-nav {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 36px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
}
.client-mobile .them {
  display: -ms-flexbox;
  display: flex;
  padding: 40px 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}
.client-mobile .them-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 20px 0;
  gap: 40px 10px;
}
.client-mobile .them-list .them-item {
  width: calc((100% - 20px) / 3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.client-mobile .them-list .them-item img {
  max-width: 100%;
}
.client-mobile .them-nav {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 24px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}
@media screen and (max-width: 1176px) {
  .client-pc .them {
    padding: 60px 20px;
  }
  .client-pc .them-list {
    width: 100%;
    gap: 10px 0;
  }
  .client-pc .them-list .them-item {
    width: calc((100% - 50px) / 6);
  }
}
@media screen and (max-width: 835px) {
  .client-pc .them {
    padding: 60px 20px;
  }
  .client-pc .them-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    gap: 20px 0;
  }
  .client-pc .them-list .them-item {
    width: calc(100% / 3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .client-pc .them-list .them-item img {
    max-width: 180px;
    width: 100%;
    max-height: 100%;
  }
}

.header-navbar {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  /* stylelint-disable-next-line order/order */
}
.header-navbar .pc-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 72px;
}
.header-navbar .pc-nav a {
  height: 72px;
  line-height: 72px;
}
.header-navbar .header-title {
  height: 72px;
  line-height: 72px;
  font-size: 20px;
  position: relative;
  padding-left: 16px;
}
.header-navbar .header-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 24px;
  width: 1px;
  height: 24px;
  background: rgba(0, 0, 0, 0.08);
}
.header-navbar .nav-item {
  padding: 0px 20px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  color: #1e1e1e;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.header-navbar .nav-item:hover,
.header-navbar .nav-item:visited,
.header-navbar .nav-item:link,
.header-navbar .nav-item:active {
  text-decoration: none;
}
.header-navbar .nav-item.use-white-logo {
  color: #fff;
}
.header-navbar .nav-item:hover {
  color: #1e6fff;
}
.header-navbar .nav-item-has-drop {
  color: #1e1e1e;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.header-navbar .nav-item-has-drop.use-white-logo {
  color: #fff;
}
.header-navbar .nav-item-has-drop.default-cursor {
  cursor: default;
}
.header-navbar .nav-item-has-drop:hover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  color: #1e6fff;
}
.header-navbar .nav-item-has-drop:hover::after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #1e6fff;
  border-right: 1px solid #1e6fff;
  transform: rotate(135deg) translateX(4px);
  color: #1e6fff;
  position: absolute;
  top: 44px;
  left: 50%;
}
.header-navbar .login-btn {
  width: 96px;
  height: 36px;
  border: 1px solid #1e6fff;
  font-size: 14px;
  font-weight: 600;
  color: #1e6fff;
  background: transparent;
  cursor: pointer;
  margin-left: 16px;
}
.header-navbar .login-btn:focus {
  outline: none;
}
.header-navbar .login-btn:hover {
  background-color: rgba(30, 111, 255, 0.08);
}
.header-navbar .login-btn:active {
  background-color: rgba(30, 111, 255, 0.24);
}
.header-navbar .nav-dropdown {
  width: 100%;
  position: fixed;
  top: 72px;
  left: 0;
  box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.08);
  background: #fff;
  display: none;
  z-index: 9999;
}
.header-navbar .nav-dropdown.show {
  display: block;
}
.header-navbar .header-dropdown {
  font-size: 14px;
  max-width: 1240px;
  padding: 0 32px;
  margin: 0 auto;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 36px 0;
  -ms-flex-align: center;
      align-items: center;
}
.header-navbar .header-dropdown a {
  text-decoration: none;
}
.header-navbar .header-dropdown > div {
  -ms-flex: 1;
      flex: 1;
}
.header-navbar .dropdown-link {
  color: #000;
  opacity: 0.88;
}
.header-navbar .dropdown-link.row {
  width: 180px;
  margin: 0 33px;
  display: inline-block;
}
.header-navbar .dropdown-column {
  height: 381px;
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.header-navbar .dropdown-column:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.header-navbar .dropdown-column-title {
  height: 20px;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 600;
}
.header-navbar .dropdown-item {
  height: 46px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
}
.header-navbar .dropdown-item span {
  color: #000;
  opacity: 0.88;
}
.header-navbar .dropdown-item:hover {
  cursor: pointer;
}
.header-navbar .dropdown-item.column {
  margin-top: 16px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 200px;
  padding: 8px;
}
.header-navbar .dropdown-item.column:hover {
  background-color: rgba(30, 111, 255, 0.08);
  cursor: pointer;
}
.header-navbar .dropdown-item.column:active {
  background-color: rgba(30, 111, 255, 0.12);
}
.header-navbar .dropdown-item .dropdown-item-row {
  width: 180px;
  height: 46px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-radius: 4px;
  padding: 8px;
}
.header-navbar .dropdown-item .dropdown-item-row:hover {
  background-color: rgba(30, 111, 255, 0.08);
  cursor: pointer;
}
.header-navbar .dropdown-item .dropdown-item-row:active {
  background-color: rgba(30, 111, 255, 0.12);
}
.header-navbar .dropdown-item .dropdown-new {
  transform: scale(10 / 12);
  display: inline-block;
  border-radius: 4px / 10 / 12;
  background: rgba(30, 111, 255, 0.08);
  font-size: 12px;
  font-weight: 500;
  padding: 0 6px / 10 / 12;
  height: 16px / 10 / 12;
  line-height: 16px / 10 / 12;
  color: #175ceb;
  margin-left: 4px;
}
.header-navbar .dropdown-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 0 8px 0 0;
  background-size: cover;
}
.header-navbar .dropdown-icon.wenku {
  background-size: 72%;
  background-position: center;
  background-repeat: no-repeat;
}
.header-navbar .dropdown-desc {
  font-size: 12px;
  color: #000;
  opacity: 0.48;
}
.header-navbar .menu-item-fix {
  -ms-flex-pack: left;
      justify-content: left;
  height: 22px;
  padding-left: 48px;
}
.header-navbar .menu-icon {
  background-repeat: no-repeat;
  background-position: 16px 10px;
  background-size: 20px 20px;
}
.header-navbar .mac > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.header-navbar .mac i {
  margin: 0 0 0 6px;
  width: 36px;
  height: 16px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.header-navbar .download {
  width: 144px;
  height: 144px;
  background-size: cover;
}
.header-navbar .dui-menu-submenu:hover:after {
  margin-left: 14px;
}
.header-navbar .font-style {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #808080;
}
@media screen and (min-width: 835px) and (max-width: 970px) {
  .header-navbar .nav-item {
    padding: 10px;
  }
}
@media screen and (max-width: 834px) {
  .header-navbar .pc-nav {
    display: none;
  }
}
@media screen and (min-width: 835px) and (max-width: 1216px) {
  .header-navbar .dropdown-link.row {
    width: 180px;
    max-width: 100%;
    margin: 0;
    display: inline-block;
  }
  .header-navbar .dropdown-item.column {
    width: 200px;
    max-width: calc(100% - 20vw / 12.16);
    padding: 8 / 12.16vw;
  }
  .header-navbar .dropdown-item .dropdown-item-row {
    width: 180px;
    max-width: 100%;
    padding: 8 / 12.16vw;
  }
}

.home {
  padding-top: 72px;
  --td-brand-color: #1e6fff;
  --td-brand-color-active: #175ceb;
  --td-brand-color-hover: #175ceb;
}
.home.home-mobile {
  padding-top: 60px;
}
.home * {
  box-sizing: border-box;
}
.home .content-pc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .home .content-pc .login-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 110px;
    margin-left: 59.6%;
    z-index: 999;
    position: relative;
  }
  .home .content-pc .login-wrapper .login-paper-wrapper {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    width: 480px;
  }
}
@media screen and (max-width: 999px) {
  .home .content-pc .login-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 400px;
    z-index: 999;
    position: relative;
  }
  .home .content-pc .login-wrapper .login-paper-wrapper {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    width: 480px;
  }
}
@media screen and (max-width: 834px) {
  .home .content-pc .login-wrapper {
    margin-top: 55vw;
  }
}
.home .content-mobile {
  display: none;
}

.sidebar-root {
  position: fixed;
  left: 0;
}
.sidebar-root .sidebar {
  height: calc(100vh - 72px);
  width: 232px;
  border: 0;
  background-color: #fff;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.breadcrumb_font .t-breadcrumb__inner {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}

@keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
.t-breadcrumb {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-breadcrumb__separator {
  margin: 0 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-breadcrumb__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--td-text-color-placeholder);
  text-decoration: none;
}
.t-breadcrumb__item.t-is-current {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item.t-is-current .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item:last-child {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item:last-child .t-breadcrumb__separator {
  display: none;
}
.t-breadcrumb__item .t-icon {
  font-size: 16px;
}
.t-breadcrumb__item .t-link {
  color: inherit;
  text-decoration: none;
}
.t-breadcrumb__item .t-link:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__item .t-is-disabled {
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner {
  color: var(--td-text-color-disabled);
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active {
  animation: none;
}
.t-breadcrumb__item--arrow {
  margin: 0 4px;
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__item--slash {
  margin: 0 4px;
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner {
  font-size: 14px;
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner .t-icon {
  margin: 0 4px;
}
.t-breadcrumb__select {
  position: relative;
}
.t-breadcrumb__select:hover .t-breadcrumb__option {
  display: block;
}
.t-breadcrumb__select-item:hover .t-icon {
  color: var(--td-brand-color);
}
.t-breadcrumb__option {
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 120px;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__option-item {
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb__option-item:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__option-item.t-is-active {
  color: var(--td-brand-color);
}
.t-breadcrumb__inner-msg {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 300px;
  padding: 8px;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
  border-radius: 1.5px;
  box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__inner-msg::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: var(--td-bg-color-container) transparent transparent transparent;
  z-index: 20;
}
.t-breadcrumb--text-overflow {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg {
  display: block;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner {
  max-width: 120px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner .t-icon {
  vertical-align: text-bottom;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover {
  color: var(--td-brand-color);
  transition: color 0.2s linear;
  cursor: pointer;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
  animation: 0.2s linear changeColor;
}

.sidebar-root {
  position: fixed;
  left: 0;
}
.sidebar-root .sidebar {
  height: calc(100vh - 72px);
  width: 232px;
  border: 0;
  background-color: #fff;
}
.root {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 1;
  min-height: 100vh;
  background-color: #f3f5f7;
  position: relative;
}
.root .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-x: auto;
  min-height: 100vh;
}
.root .container .main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-top: 72px;
}
.root .container .main .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 2;
      flex-grow: 2;
  padding: 40px 24px;
  min-height: calc(100vh - 72px - 40px - 64px);
  margin-left: 232px;
}
.root .container .main .content .layouts_footer {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.root .container .main .content .layouts_copyright {
  margin: 20px auto 16px;
  position: absolute;
  bottom: 0;
}

body {
  font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
h1 {
  font-weight: 300;
  font-size: 96px;
  line-height: 1.167;
  letter-spacing: -0.25px;
}
h2 {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.2;
  letter-spacing: -0.15px;
}
h3 {
  font-weight: 400;
  font-size: 48px;
  line-height: 1.167;
  letter-spacing: 0px;
}
h4 {
  font-weight: 400;
  font-size: 34px;
  line-height: 1.235;
  letter-spacing: 0.11px;
}
h5 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.334;
  letter-spacing: 0px;
}
h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.12px;
}
.medium_subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.15px;
}
.normal_subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.15px;
}
.small_subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.11px;
}
.grey_subtitle {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.5;
  letter-spacing: 0.11px;
}
.normal_title {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.12px;
}
.card_title {
  font-weight: 700;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}
.normal_body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.15px;
}
.grey_middle_body {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.43;
  letter-spacing: 0.17px;
}
.grey_body {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.43;
  letter-spacing: 0.17px;
}
.button {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}
.caption {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.66;
  letter-spacing: 0.53px;
}
.overline {
  font-weight: 400;
  font-size: 12px;
  line-height: 2.66;
  letter-spacing: 1.33px;
  text-transform: uppercase;
}
.tips {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.64);
  line-height: 1.43;
  letter-spacing: 0.17px;
}
.tips_medium {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.17px;
}
.MuiFormHelperText-root span {
  display: none;
}
.form .MuiInputBase-root {
  font-size: 16px;
  font-weight: 400;
  opacity: 70%;
}
.form_small .MuiInputBase-root {
  font-size: 14px;
  font-weight: 400;
}
.link {
  font-size: 14px;
  color: #0052d9;
}
.link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.table-border {
  --td-component-border: #e7e7e7;
}
.header-card_bottom__none {
  padding-bottom: 0;
}
.black {
  color: #000;
}
.white {
  color: #fff;
}
.red {
  color: #e34d59;
}
.blue {
  color: #0052d9;
}
.green {
  color: #00a870;
}
.orange {
  color: #ed7b2f;
}
.grey {
  color: #999;
}
.translucent {
  color: rgba(0, 0, 0, 0.64);
}

* {
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
}

:root {
  --td-screen-xs: 320px;
  --td-screen-sm: 768px;
  --td-screen-md: 992px;
  --td-screen-lg: 1200px;
  --td-screen-xl: 1400px;
  --td-screen-xxl: 1880px;
}
.narrow-scrollbar::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.narrow-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
}
.t-fake-arrow path {
  transition: d 0.2s;
  stroke: currentcolor;
}
.t-fake-arrow--active path {
  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
}

:root,
:root[theme-mode="light"] {
  --td-brand-color-1: #ecf2fe;
  --td-brand-color-2: #d4e3fc;
  --td-brand-color-3: #bbd3fb;
  --td-brand-color-4: #96bbf8;
  --td-brand-color-5: #699ef5;
  --td-brand-color-6: #4787f0;
  --td-brand-color-7: #266fe8;
  --td-brand-color-8: #0052d9;
  --td-brand-color-9: #0034b5;
  --td-brand-color-10: #001f97;
  --td-warning-color-1: #fef3e6;
  --td-warning-color-2: #f9e0c7;
  --td-warning-color-3: #f7c797;
  --td-warning-color-4: #f2995f;
  --td-warning-color-5: #ed7b2f;
  --td-warning-color-6: #d35a21;
  --td-warning-color-7: #ba431b;
  --td-warning-color-8: #9e3610;
  --td-warning-color-9: #842b0b;
  --td-warning-color-10: #5a1907;
  --td-error-color-1: #fdecee;
  --td-error-color-2: #f9d7d9;
  --td-error-color-3: #f8b9be;
  --td-error-color-4: #f78d94;
  --td-error-color-5: #f36d78;
  --td-error-color-6: #e34d59;
  --td-error-color-7: #c9353f;
  --td-error-color-8: #b11f26;
  --td-error-color-9: #951114;
  --td-error-color-10: #680506;
  --td-success-color-1: #e8f8f2;
  --td-success-color-2: #bcebdc;
  --td-success-color-3: #85dbbe;
  --td-success-color-4: #48c79c;
  --td-success-color-5: #00a870;
  --td-success-color-6: #078d5c;
  --td-success-color-7: #067945;
  --td-success-color-8: #056334;
  --td-success-color-9: #044f2a;
  --td-success-color-10: #033017;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e7e7e7;
  --td-gray-color-4: #dcdcdc;
  --td-gray-color-5: #c5c5c5;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #383838;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #ffffff;
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-8);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-7);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-9);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-mask-active: rgba(0, 0, 0, 0.6);
  --td-mask-disabled: rgba(255, 255, 255, 0.6);
  --td-bg-color-page: var(--td-gray-color-2);
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: var(--td-gray-color-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-container-select: #fff;
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-hover: var(--td-gray-color-4);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
  --td-table-shadow-color: rgba(0, 0, 0, 0.08);
  --td-scrollbar-color: rgba(0, 0, 0, 0.1);
  --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
  --td-scroll-track-color: #fff;
}
:root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
  --td-warning-color-1: #4f2a1d;
  --td-warning-color-2: #582f21;
  --td-warning-color-3: #733c23;
  --td-warning-color-4: #a75d2b;
  --td-warning-color-5: #cf6e2d;
  --td-warning-color-6: #dc7633;
  --td-warning-color-7: #e8935c;
  --td-warning-color-8: #ecbf91;
  --td-warning-color-9: #eed7bf;
  --td-warning-color-10: #f3e9dc;
  --td-error-color-1: #472324;
  --td-error-color-2: #5e2a2d;
  --td-error-color-3: #703439;
  --td-error-color-4: #83383e;
  --td-error-color-5: #a03f46;
  --td-error-color-6: #c64751;
  --td-error-color-7: #de6670;
  --td-error-color-8: #ec888e;
  --td-error-color-9: #edb1b6;
  --td-error-color-10: #eeced0;
  --td-success-color-1: #193a2a;
  --td-success-color-2: #1a4230;
  --td-success-color-3: #17533d;
  --td-success-color-4: #0d7a55;
  --td-success-color-5: #059465;
  --td-success-color-6: #43af8a;
  --td-success-color-7: #46bf96;
  --td-success-color-8: #80d2b6;
  --td-success-color-9: #b4e1d3;
  --td-success-color-10: #deede8;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e7e7e7;
  --td-gray-color-4: #dcdcdc;
  --td-gray-color-5: #c5c5c5;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #383838;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: rgba(255, 255, 255, 0.9);
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-8);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-7);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-9);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-mask-active: rgba(0, 0, 0, 0.4);
  --td-mask-disabled: rgba(0, 0, 0, 0.6);
  --td-bg-color-page: var(--td-gray-color-14);
  --td-bg-color-container: var(--td-gray-color-13);
  --td-bg-color-container-hover: var(--td-gray-color-12);
  --td-bg-color-container-active: var(--td-gray-color-10);
  --td-bg-color-container-select: var(--td-gray-color-9);
  --td-bg-color-secondarycontainer: var(--td-gray-color-12);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
  --td-bg-color-component: var(--td-gray-color-11);
  --td-bg-color-component-hover: var(--td-gray-color-10);
  --td-bg-color-component-active: var(--td-gray-color-9);
  --td-bg-color-component-disabled: var(--td-gray-color-12);
  --td-bg-color-specialcomponent: transparent;
  --td-text-color-primary: var(--td-font-white-1);
  --td-text-color-secondary: var(--td-font-white-2);
  --td-text-color-placeholder: var(--td-font-white-3);
  --td-text-color-disabled: var(--td-font-white-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-11);
  --td-component-stroke: var(--td-gray-color-11);
  --td-border-level-2-color: var(--td-gray-color-9);
  --td-component-border: var(--td-gray-color-9);
  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
  --td-table-shadow-color: rgba(0, 0, 0, 0.55);
  --td-scrollbar-color: rgba(255, 255, 255, 0.1);
  --td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
  --td-scroll-track-color: #333;
}


/*# sourceMappingURL=index-dbabc30783.css.map*/