.component-login-wrap {
  background: var(--backBg);
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.component-login-wrap .component-login-content {
  padding: 168px 40px;
}

.component-login-wrap .component-login-content .login-content-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.component-login-wrap .component-login-content .component-login-card {
  background: #fff;
  border-radius: 8px;
  width: 470px;
  min-height: 420px;
  padding: 40px;
}

.component-login-wrap .component-login-content .btn-login-submit {
  height: 48px;
}

.component-login-wrap .component-login-content .component_LoginPage_input {
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
}

.component-login-wrap .component-login-content .component_LoginPage_input.code {
  padding-right: 136px;
}

.component-login-wrap .component-login-content .component_LoginPage_input .ant-input-prefix {
  display: none;
}

.component-login-wrap .component-login-content .component-login-code {
  background: none;
  border: none;
  padding: 0 10px;
  position: absolute;
  top: 50%;
  right: 2px;
  overflow: hidden;
  transform: translateY(-50%);
}

.component-header {
  z-index: 10;
  background: #fff;
  height: 60px;
  position: sticky;
  top: 0;
}

.profile-header-wrap {
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  height: 60px;
  position: sticky;
  top: 0;
}

.profile-header-wrap .ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected {
  color: unset;
  font-weight: 600;
}

.manage-layout .ant-menu-item {
  background: none;
  margin: 0 !important;
  padding: 0 !important;
}

.manage-layout .ant-menu-item:hover {
  background: unset !important;
}

.manage-layout .ant-menu-inline .ant-menu-item {
  height: 44px;
  font-weight: 600;
  line-height: 44px;
}

:root {
  --giant-font-size: 24px;
  --huge-font-size: 20px;
  --greater-font-size: 18px;
  --heavy-font-size: 16px;
  --big-font-size: 15px;
  --little-font-size: 14px;
  --mini-font-size: 12px;
  --mild-font-size: 10px;
  --giant-space: 40px;
  --huge-space: 32px;
  --greater-space: 24px;
  --large-space: 20px;
  --big-space: 16px;
  --petty-space: 12px;
  --little-space: 8px;
  --small-space: 6px;
  --mini-space: 4px;
  --mild-space: 2px;
  --micro-space: 1px;
  --primary: #ff593e;
  --primaryLight: #ff593ecc;
  --red: #fa5151;
  --redLight: #f7534f1a;
  --warn: #f86d10;
  --warnLight: #f86d101a;
  --yellow: #f4bb07;
  --yellowLight: #f4bb071a;
  --blue: #38f;
  --blueLight: #3388ff1a;
  --purple: #742cda;
  --purpleLight: #742cda1a;
  --cyan: #38cbcb;
  --cyanLight: #10c2c11a;
  --textWhite: #fff;
  --textBlack: #000000d9;
  --textGrey: #000000a6;
  --textLight: #00000073;
  --textBright: #00000040;
  --lineBg: #f0f0f0;
  --spaceBg: #fafafa;
  --pureBg: #00000005;
  --backBg: #eeeeef;
  --mainBg: #f4f5f7;
}

* {
  scrollbar-color: #b8b8b8 transparent;
  scrollbar-width: thin;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--textBlack);
  background-color: #fff;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.ant-modal .ant-btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.ant-modal .ant-btn-primary:hover {
  background-color: #ff8066 !important;
  border-color: #ff8066 !important;
}

.ant-modal .ant-btn-primary:active {
  background-color: #d93b29 !important;
  border-color: #d93b29 !important;
}

.ant-modal .ant-btn-default:hover {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.ant-modal .ant-btn-default:active {
  color: #d93b29 !important;
  border-color: #d93b29 !important;
}

a {
  color: var(--primary);
}

.layout-main {
  min-width: 800px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.layout-content {
  width: 1282px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.ant-form .final-error-item {
  margin-top: -22px;
  margin-bottom: 22px;
}

.ant-form .final-error-item .ant-form-item-label {
  visibility: hidden;
}

.ant-form .final-error-item .ant-form-item-control-input {
  min-height: 0;
}

.flexMainX, .flexMainXcenter, .flexMainXXcenter, .flexMainXYcenter, .flexMainY, .flexMainYcenter, .flexMainYXcenter, .flexMainYYcenter, .reverse {
  display: flex;
}

.flexMainXcenter, .flexMainYcenter {
  justify-content: center;
  align-items: center;
}

.flexMainXXcenter, .flexMainYYcenter {
  justify-content: center;
}

.flexMainXYcenter, .flexMainYXcenter {
  align-items: center;
}

.flexMainY, .flexMainYcenter, .flexMainYXcenter, .flexMainYYcenter {
  flex-direction: column;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex3 {
  flex: 3;
}

.flexShrink {
  flex-shrink: 0;
}

.flexWrap {
  flex-wrap: wrap;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.justify-start {
  justify-content: flex-start;
}

.align-start {
  align-items: flex-start;
}

.column-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.reverse {
  flex-direction: column-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.line-pixel-top, .line-pixel-bottom, .border-line-pixel, .line-pixel-left, .line-pixel-right {
  position: relative;
}

.line-pixel-top:before, .line-pixel-bottom:after {
  content: "";
  transform-origin: 0 0;
  box-sizing: border-box;
  background-color: var(--lineBg);
  width: 200%;
  height: 1px;
  position: absolute;
  left: 0;
  transform: scale(.5);
}

.line-pixel-left:before, .line-pixel-right:after {
  content: "";
  transform-origin: 0 0;
  box-sizing: border-box;
  background-color: var(--lineBg);
  width: 1px;
  height: 200%;
  position: absolute;
  top: 0;
  transform: scale(.5);
}

.line-pixel-top:before {
  top: 0;
}

.line-pixel-bottom:after {
  bottom: 0;
}

.line-pixel-left:before {
  left: 0;
}

.line-pixel-right:after {
  right: 0;
}

.border-line-pixel:before {
  content: "";
  transform-origin: 0 0;
  box-sizing: border-box;
  border: 1px solid var(--primary);
  pointer-events: none;
  border-radius: 100px;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.5);
}

.border-line-pixel.divide-line:before {
  border-color: var(--lineBg);
}

.border-line-pixel.grey-line:before {
  border-color: var(--textGrey);
}

.border-line-pixel.red-line:before {
  border-color: var(--red);
}

.border-line-pixel.warn-line:before {
  border-color: var(--warn);
}

.border-line-top, .border-line-bottom, .border-line-left, .border-line-right {
  border-style: solid;
  border-width: 0;
  border-color: var(--lineBg);
}

.border-line-top {
  border-top-width: 1px;
}

.border-line-bottom {
  border-bottom-width: 1px;
}

.border-line-left {
  border-left-width: 1px;
}

.border-line-right {
  border-right-width: 1px;
}

.disabled-btn {
  cursor: not-allowed;
  opacity: .5;
}

.mes-loading {
  border: 4px solid #ffffff4d;
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite mes-loading;
}

@keyframes mes-loading {
  to {
    transform: rotate(360deg);
  }
}

.pre-wrap {
  white-space: pre-wrap;
}

.line-limit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.line-clamp1, .line-clamp2, .line-clamp3, .line-clamp4 {
  word-break: break-all;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp2 {
  -webkit-line-clamp: 2;
}

.line-clamp3 {
  -webkit-line-clamp: 3;
}

.line-clamp4 {
  -webkit-line-clamp: 4;
}

.giant-font {
  font-size: var(--giant-font-size);
}

.huge-font {
  font-size: var(--huge-font-size);
}

.greater-font {
  font-size: var(--greater-font-size);
}

.heavy-font {
  font-size: var(--heavy-font-size);
}

.big-font {
  font-size: var(--big-font-size);
}

.little-font {
  font-size: var(--little-font-size);
}

.mini-font {
  font-size: var(--mini-font-size);
}

.mild-font {
  font-size: var(--mild-font-size);
}

.text-primary {
  color: var(--primary);
}

.text-black {
  color: var(--textBlack);
}

.text-grey {
  color: var(--textGrey);
}

.text-light {
  color: var(--textLight);
}

.text-bright {
  color: var(--textBright);
}

.text-white {
  color: var(--textWhite);
}

.text-red {
  color: var(--red);
}

.text-yellow {
  color: var(--yellow);
}

.text-warn {
  color: var(--warn);
}

.text-bold {
  font-weight: bold;
}

.text-bold600 {
  font-weight: 600;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-underline {
  text-decoration: underline;
}

.text-through {
  text-decoration: line-through;
}

.nowrap {
  word-break: keep-all;
  white-space: nowrap;
}

.bg-white {
  background: #fff;
}

.bg-back {
  background: var(--backBg);
}

.bg-main {
  background: var(--mainBg);
}

.bg-space {
  background: var(--spaceBg);
}

.bg-primary {
  background: var(--primary);
}

.bg-primary-light {
  background: var(--primaryLight);
}

.radius-mini {
  border-radius: 4px;
}

.radius-small {
  border-radius: 6px;
}

.radius-little {
  border-radius: 8px;
}

.radius-petty {
  border-radius: 12px;
}

.radius-big {
  border-radius: 16px;
}

.radius-giant {
  border-radius: 100px;
}

.radius-round {
  border-radius: 50%;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y {
  overflow-y: auto;
}

.overflow-x {
  overflow-x: auto;
}

.block {
  display: block;
}

.display-none {
  display: none;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.equal-width {
  aspect-ratio: 1;
}

.img-cover {
  object-fit: cover;
}

.point {
  cursor: pointer;
}

.width-none {
  width: 0;
}

.width-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.width-full {
  width: 100%;
}

.max-w-full {
  max-width: 100%;
}

.height-none {
  height: 0;
}

.height-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.height-full {
  height: 100%;
}

.max-h-full {
  max-height: 100%;
}

.min-h-full {
  min-height: 100%;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.mt-micro {
  margin-top: var(--micro-space);
}

.mb-micro {
  margin-bottom: var(--micro-space);
}

.ml-micro {
  margin-left: var(--micro-space);
}

.mr-micro {
  margin-right: var(--micro-space);
}

.mx-micro {
  margin-left: var(--micro-space);
  margin-right: var(--micro-space);
}

.my-micro {
  margin-top: var(--micro-space);
  margin-bottom: var(--micro-space);
}

.m-micro {
  margin: var(--micro-space);
}

.p-micro {
  padding: var(--micro-space);
}

.px-micro {
  padding-left: var(--micro-space);
  padding-right: var(--micro-space);
}

.py-micro {
  padding-top: var(--micro-space);
  padding-bottom: var(--micro-space);
}

.pt-micro {
  padding-top: var(--micro-space);
}

.pl-micro {
  padding-left: var(--micro-space);
}

.pr-micro {
  padding-right: var(--micro-space);
}

.pb-micro {
  padding-bottom: var(--micro-space);
}

.mt-mild {
  margin-top: var(--mild-space);
}

.mb-mild {
  margin-bottom: var(--mild-space);
}

.ml-mild {
  margin-left: var(--mild-space);
}

.mr-mild {
  margin-right: var(--mild-space);
}

.mx-mild {
  margin-left: var(--mild-space);
  margin-right: var(--mild-space);
}

.my-mild {
  margin-top: var(--mild-space);
  margin-bottom: var(--mild-space);
}

.m-mild {
  margin: var(--mild-space);
}

.p-mild {
  padding: var(--mild-space);
}

.px-mild {
  padding-left: var(--mild-space);
  padding-right: var(--mild-space);
}

.py-mild {
  padding-top: var(--mild-space);
  padding-bottom: var(--mild-space);
}

.pt-mild {
  padding-top: var(--mild-space);
}

.pl-mild {
  padding-left: var(--mild-space);
}

.pr-mild {
  padding-right: var(--mild-space);
}

.pb-mild {
  padding-bottom: var(--mild-space);
}

.mt-mini {
  margin-top: var(--mini-space);
}

.mb-mini {
  margin-bottom: var(--mini-space);
}

.ml-mini {
  margin-left: var(--mini-space);
}

.mr-mini {
  margin-right: var(--mini-space) !important;
}

.mx-mini {
  margin-left: var(--mini-space);
  margin-right: var(--mini-space);
}

.my-mini {
  margin-top: var(--mini-space);
  margin-bottom: var(--mini-space);
}

.m-mini {
  margin: var(--mini-space);
}

.p-mini {
  padding: var(--mini-space);
}

.px-mini {
  padding-left: var(--mini-space);
  padding-right: var(--mini-space);
}

.py-mini {
  padding-top: var(--mini-space);
  padding-bottom: var(--mini-space);
}

.pt-mini {
  padding-top: var(--mini-space);
}

.pl-mini {
  padding-left: var(--mini-space);
}

.pr-mini {
  padding-right: var(--mini-space);
}

.pb-mini {
  padding-bottom: var(--mini-space);
}

.mt-small {
  margin-top: var(--small-space);
}

.mb-small {
  margin-bottom: var(--small-space);
}

.ml-small {
  margin-left: var(--small-space);
}

.mr-small {
  margin-right: var(--small-space);
}

.mx-small {
  margin-left: var(--small-space);
  margin-right: var(--small-space);
}

.my-small {
  margin-top: var(--small-space);
  margin-bottom: var(--small-space);
}

.m-small {
  margin: var(--small-space);
}

.p-small {
  padding: var(--small-space);
}

.px-small {
  padding-left: var(--small-space);
  padding-right: var(--small-space);
}

.py-small {
  padding-top: var(--small-space);
  padding-bottom: var(--small-space);
}

.pt-small {
  padding-top: var(--small-space);
}

.pl-small {
  padding-left: var(--small-space);
}

.pr-small {
  padding-right: var(--small-space);
}

.pb-small {
  padding-bottom: var(--small-space);
}

.mt-little {
  margin-top: var(--little-space);
}

.mb-little {
  margin-bottom: var(--little-space);
}

.ml-little {
  margin-left: var(--little-space);
}

.mr-little {
  margin-right: var(--little-space);
}

.mx-little {
  margin-left: var(--little-space);
  margin-right: var(--little-space);
}

.my-little {
  margin-top: var(--little-space);
  margin-bottom: var(--little-space);
}

.m-little {
  margin: var(--little-space);
}

.p-little {
  padding: var(--little-space);
}

.px-little {
  padding-left: var(--little-space);
  padding-right: var(--little-space);
}

.py-little {
  padding-top: var(--little-space);
  padding-bottom: var(--little-space);
}

.pt-little {
  padding-top: var(--little-space);
}

.pl-little {
  padding-left: var(--little-space);
}

.pr-little {
  padding-right: var(--little-space);
}

.pb-little {
  padding-bottom: var(--little-space);
}

.mt-petty {
  margin-top: var(--petty-space);
}

.mb-petty {
  margin-bottom: var(--petty-space);
}

.ml-petty {
  margin-left: var(--petty-space);
}

.mr-petty {
  margin-right: var(--petty-space) !important;
}

.mx-petty {
  margin-left: var(--petty-space) !important;
  margin-right: var(--petty-space) !important;
}

.my-petty {
  margin-top: var(--petty-space);
  margin-bottom: var(--petty-space);
}

.m-petty {
  margin: var(--petty-space);
}

.p-petty {
  padding: var(--petty-space);
}

.px-petty {
  padding-left: var(--petty-space);
  padding-right: var(--petty-space);
}

.py-petty {
  padding-top: var(--petty-space);
  padding-bottom: var(--petty-space);
}

.pt-petty {
  padding-top: var(--petty-space);
}

.pl-petty {
  padding-left: var(--petty-space);
}

.pr-petty {
  padding-right: var(--petty-space);
}

.pb-petty {
  padding-bottom: var(--petty-space) !important;
}

.mt-big {
  margin-top: var(--big-space);
}

.mb-big {
  margin-bottom: var(--big-space);
}

.ml-big {
  margin-left: var(--big-space);
}

.mr-big {
  margin-right: var(--big-space);
}

.mx-big {
  margin-left: var(--big-space);
  margin-right: var(--big-space);
}

.my-big {
  margin-top: var(--big-space);
  margin-bottom: var(--big-space);
}

.m-big {
  margin: var(--big-space);
}

.p-big {
  padding: var(--big-space);
}

.px-big {
  padding-left: var(--big-space);
  padding-right: var(--big-space);
}

.py-big {
  padding-top: var(--big-space);
  padding-bottom: var(--big-space);
}

.pt-big {
  padding-top: var(--big-space);
}

.pl-big {
  padding-left: var(--big-space);
}

.pr-big {
  padding-right: var(--big-space);
}

.pb-big {
  padding-bottom: var(--big-space);
}

.mt-large {
  margin-top: var(--large-space);
}

.mb-large {
  margin-bottom: var(--large-space);
}

.ml-large {
  margin-left: var(--large-space);
}

.mr-large {
  margin-right: var(--large-space);
}

.mx-large {
  margin-left: var(--large-space);
  margin-right: var(--large-space);
}

.my-large {
  margin-top: var(--large-space);
  margin-bottom: var(--large-space);
}

.m-large {
  margin: var(--large-space);
}

.p-large {
  padding: var(--large-space);
}

.px-large {
  padding-left: var(--large-space);
  padding-right: var(--large-space);
}

.py-large {
  padding-top: var(--large-space);
  padding-bottom: var(--large-space);
}

.pt-large {
  padding-top: var(--large-space);
}

.pl-large {
  padding-left: var(--large-space);
}

.pr-large {
  padding-right: var(--large-space);
}

.pb-large {
  padding-bottom: var(--large-space);
}

.mt-greater {
  margin-top: var(--greater-space);
}

.mb-greater {
  margin-bottom: var(--greater-space);
}

.ml-greater {
  margin-left: var(--greater-space);
}

.mr-greater {
  margin-right: var(--greater-space);
}

.mx-greater {
  margin-left: var(--greater-space);
  margin-right: var(--greater-space);
}

.my-greater {
  margin-top: var(--greater-space);
  margin-bottom: var(--greater-space);
}

.m-greater {
  margin: var(--greater-space);
}

.p-greater {
  padding: var(--greater-space);
}

.px-greater {
  padding-left: var(--greater-space);
  padding-right: var(--greater-space);
}

.py-greater {
  padding-top: var(--greater-space);
  padding-bottom: var(--greater-space);
}

.pt-greater {
  padding-top: var(--greater-space);
}

.pl-greater {
  padding-left: var(--greater-space);
}

.pr-greater {
  padding-right: var(--greater-space);
}

.pb-greater {
  padding-bottom: var(--greater-space);
}

.mt-huge {
  margin-top: var(--huge-space);
}

.mb-huge {
  margin-bottom: var(--huge-space);
}

.ml-huge {
  margin-left: var(--huge-space);
}

.mr-huge {
  margin-right: var(--huge-space);
}

.mx-huge {
  margin-left: var(--huge-space);
  margin-right: var(--huge-space);
}

.my-huge {
  margin-top: var(--huge-space);
  margin-bottom: var(--huge-space);
}

.m-huge {
  margin: var(--huge-space);
}

.p-huge {
  padding: var(--huge-space);
}

.px-huge {
  padding-left: var(--huge-space);
  padding-right: var(--huge-space);
}

.py-huge {
  padding-top: var(--huge-space);
  padding-bottom: var(--huge-space);
}

.pt-huge {
  padding-top: var(--huge-space);
}

.pl-huge {
  padding-left: var(--huge-space);
}

.pr-huge {
  padding-right: var(--huge-space);
}

.pb-huge {
  padding-bottom: var(--huge-space);
}

.mt-giant {
  margin-top: var(--giant-space);
}

.mb-giant {
  margin-bottom: var(--giant-space);
}

.ml-giant {
  margin-left: var(--giant-space);
}

.mr-giant {
  margin-right: var(--giant-space);
}

.mx-giant {
  margin-left: var(--giant-space);
  margin-right: var(--giant-space);
}

.my-giant {
  margin-top: var(--giant-space);
  margin-bottom: var(--giant-space);
}

.m-giant {
  margin: var(--giant-space);
}

.p-giant {
  padding: var(--giant-space);
}

.px-giant {
  padding-left: var(--giant-space);
  padding-right: var(--giant-space);
}

.py-giant {
  padding-top: var(--giant-space);
  padding-bottom: var(--giant-space);
}

.pt-giant {
  padding-top: var(--giant-space);
}

.pl-giant {
  padding-left: var(--giant-space);
}

.pr-giant {
  padding-right: var(--giant-space);
}

.pb-giant {
  padding-bottom: var(--giant-space);
}

.tag {
  height: 20px;
  color: var(--textBlack);
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
}

.tag.primary {
  color: var(--primary);
  background: #fff1f0;
  border-color: #ffa39e;
}

.tag.no-border {
  border: none;
}