:root {
  --color-brand: #ff7439;
  --color-brand-heavy: #f26a30;
  --color-brand-soft: #ff9060;
  --color-brand-soft-2: #ffb98c;
  --color-brand-soft-3: #fff1e9;
  --color-dark: #2f3f4f;
  --color-dark-soft: #596572;
  --color-green: #0091ae;
  --color-green-heave: #33475b;
  --color-green-soft: #0088a3;
  --color-green-soft-1: #00bca5;
  --color-green-soft-2: #f0fffd;
  --color-silence: #9a9a9a;
  --color-silence-soft: #eeeeee;
  --color-silence-heavy: rgba(0, 0, 0, 0.25);
  --color-success: #67c23a;
  --color-success-soft: #f0f9eb;
  --color-warning: #ff7439;
  --color-warning-soft: #fac071;
  --color-warning-soft-2: #fff8f0;
  --color-danger: #f56c6c;
  --color-danger-heavy: #d93026;
  --color-danger-soft: #fef0f0;
  --color-danger-soft-2: #fff3f3;
  --color-text: #2f3f4f;
  --size-text: 14px;
  --font-weight: 400;
  --font-weight-bold: 600;
}
input:-webkit-autofill {
  background-color: transparent !important;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-box-shadow: 0 0 0 400px transparent inset;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}
html {
  min-width: 1280px;
}
body {
  min-height: 100vh;
  color: var(--color-text);
  font-size: var(--size-text);
  font-weight: var(--font-weight);
  font-family: PingFang SC, PingFang SC-400, -apple-system, Microsoft Yahei, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  text-decoration: none;
  color: var(--color-dark);
}
/* 绝对居中 */
.absolutely-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 水平居中 */
.horizontal-centered {
  display: flex;
  align-items: center;
}
/* 垂直居中 */
.vertical-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 右对齐 */
.right-align {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* 两端对齐 */
.justify-align {
  display: flex;
  justify-content: space-between;
}
/* 两端居中对齐 */
.justify-centered-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* 主动换行 */
.horizontal-wrap {
  display: flex;
  flex-wrap: wrap;
}
.iconfont {
  line-height: 1;
}
/* v-cloak */
[v-cloak] {
  display: none;
}
/* Message 样式 */
.custom-message {
  --custom-color-warning-light-8: #e9ded3;
  --custom-color-warning-light-9: #fff8f0;
  --custom-color-warning: #FF7439;
  --custom-color-success-light-8: #e1f3d8;
  --custom-color-success-light-9: #f0f9eb;
  --custom-color-success: #67c23a;
  --custom-color-error-light-8: #fde2e2;
  --custom-color-error-light-9: #fef0f0;
  --custom-color-error: #f56c6c;
  --custom-color-info-light-8: #e9e9eb;
  --custom-color-info-light-9: #f4f4f5;
  --custom-color-info: #909399;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 10px 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  border: 1px solid transparent;
  opacity: 0;
  animation: messageFadeInOut 3s forwards;
  display: flex;
  gap: 8px;
}
.custom-message.success {
  background-color: var(--custom-color-success-light-9);
  border-color: var(--custom-color-success-light-8);
  color: var(--custom-color-success);
}
.custom-message.error {
  background-color: var(--custom-color-error-light-9);
  border-color: var(--custom-color-error-light-8);
  color: var(--custom-color-error);
}
.custom-message.warning {
  background-color: var(--custom-color-warning-light-9);
  border-color: var(--custom-color-warning-light-8);
  color: var(--custom-color-warning);
}
.custom-message.info {
  background-color: var(--custom-color-info-light-9);
  border-color: var(--custom-color-info-light-8);
  color: var(--custom-color-info);
}
.custom-message-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.custom-message-icon svg path {
  fill: currentColor;
}
.custom-message-text {
  line-height: 1;
}
@keyframes messageFadeInOut {
  0% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  10%,
  90% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
}
/* Loading 样式 */
.custom-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9998;
  color: #fff;
  font-size: 16px;
}
.custom-loading span {
  display: inline-block;
  margin-left: 10px;
  border: 3px solid #fff;
  border-top: 3px solid transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: loadingSpin 1s linear infinite;
}
@keyframes loadingSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.button {
  color: #fff;
  background-color: var(--color-brand);
  line-height: 32px;
  padding: 0 16px;
  border-radius: 4px;
  display: inline-flex;
  letter-spacing: 1px;
  gap: 8px;
  opacity: 1;
  transition: opacity 0.4s;
}
.button[large] {
  line-height: 40px;
  padding: 0 24px;
  font-size: 16px;
  gap: 12px;
}
.button[text],
.button[is-text] {
  color: var(--color-brand);
  background-color: transparent;
}
.button:not([plain]):hover {
  opacity: 0.85;
}
.button[plain] {
  color: var(--color-brand);
  background-color: #fff;
  transition: color, background-color 0.4s;
}
.button[plain]:hover {
  color: #fff;
  background-color: var(--color-brand);
}
.button .iconfont {
  line-height: inherit;
}
.button + .button {
  margin-left: 12px;
}
div.el-steps--simple {
  background-color: transparent;
  padding: 30px 0;
}
div.el-steps--simple .el-step__title.is-success {
  color: var(--el-text-color-primary);
}
div.el-steps--simple .el-step__head {
  display: none;
}
div.el-steps--simple .el-step.is-simple .el-step__arrow {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.el-steps--simple .el-step.is-simple .el-step__arrow::after {
  display: none;
}
div.el-steps--simple .el-step.is-simple .el-step__arrow::before {
  content: "\e65d";
  transform: rotate(0deg);
  background-color: transparent;
  width: unset;
}
[id^="_QD_INVITE_IFRAME_ID_PREFIX_"] {
  display: none !important;
}