@charset "UTF-8";
@import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-family: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  background: none;
  border: none;
  outline: 0;
  border-radius: 0;
}

textarea {
  -webkit-appearance: none;
}

input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer;
}

input[type=button], input[type=submit], input[type=reset] {
  -webkit-appearance: none;
}

em {
  font-style: normal;
}

a {
  text-decoration: none;
}

:root {
  --status-seeking: #f33;
  --status-confirm: #3964b6;
  --status-finished: #7abf76;
  --status-canceled: #909090;
}

body {
  background-color: #f6f7f9;
}

a.link {
  color: #1677ff;
}
a.link:hover {
  color: #4096ff;
}

.m-page {
  max-width: 750px;
  margin: 0 auto;
}

.bg-white {
  background-color: #fff !important;
}

.hide {
  display: none !important;
}

.m-status-seeking {
  color: #fff !important;
  background-color: var(--status-seeking, #f33) !important;
}

.m-status-confirm {
  color: #fff !important;
  background-color: var(--status-confirm, #3964b6) !important;
}

.m-status-finished {
  color: #fff !important;
  background-color: var(--status-finished, #7abf76) !important;
}

.m-status-canceled {
  color: #fff !important;
  background-color: var(--status-canceled, #909090) !important;
}

:root {
  --ui-input-height: var(--ui-component-height, 40px);
  --ui-input-line-height: var(--ui-line-height, 40px);
  --ui-input-search-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M638.72 638.72a256 256 0 1 0-361.984-361.984A256 256 0 0 0 638.72 638.72zm58.71 119.04a384 384 0 1 1 85.418-95.573l202.24 202.24a64.256 64.256 0 0 1 .597 91.136 63.744 63.744 0 0 1-91.05-.598l-197.206-197.12z' fill='%23b6bbc6'/%3E%3C/svg%3E") no-repeat;
}

/* reset [type=search] ui */
[type=search] {
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  margin-right: -2px;
  background: var(--ui-dark-gray, #b6bbc6) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiIGQ9Ik0wIDB2MjAwaDIwMFYwSDB6bTE1MS42MzYgMTM2LjQ4MmE3LjM3NCA3LjM3NCAwIDAgMSAwIDEwLjQyN2wtNS4yMTIgNS4yMWE3LjM3MiA3LjM3MiAwIDAgMS0xMC40MjYgMGwtMzYuNDgzLTM2LjQ4NUw2My4wMyAxNTIuMTJhNy4zNyA3LjM3IDAgMCAxLTEwLjQyNCAwbC01LjIxLTUuMjFhNy4zNyA3LjM3IDAgMCAxIDAtMTAuNDI4TDgzLjg4IDEwMCA0Ny4zOTYgNjMuNTE0YTcuMzY4IDcuMzY4IDAgMCAxIDAtMTAuNDI1bDUuMjEtNS4yMWE3LjM2OCA3LjM2OCAwIDAgMSAxMC40MjYgMEw5OS41MTYgODQuMzYgMTM2IDQ3Ljg4YTcuMzcgNy4zNyAwIDAgMSAxMC40MjUgMGw1LjIxMiA1LjIxYTcuMzcgNy4zNyAwIDAgMSAwIDEwLjQyNUwxMTUuMTUzIDEwMGwzNi40ODMgMzYuNDgyeiIvPjwvc3ZnPg==) no-repeat center;
  background-size: 20px 20px;
  transition: background-color var(--ui-animate-time, 0.2s);
  cursor: pointer;
}

[type=search]::-webkit-search-cancel-button:hover {
  background-color: var(--ui-dark, #4c5161);
}

input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--ui-white, #fff) inset;
  background-color: transparent;
}

input:disabled,
input:read-only {
  cursor: default;
}

input.ui-input,
.ui-input > input,
[is=ui-input] {
  height: var(--ui-input-height);
  line-height: var(--ui-input-line-height);
  padding: calc((var(--ui-input-height) - var(--ui-input-line-height) - 2px) / 2) 16px;
  border: 1px solid var(--ui-border, #d0d0d5);
  border-radius: var(--ui-radius, 4px);
  background-color: var(--ui-white, #fff);
  box-sizing: border-box;
  font-size: var(--ui-font, 14px);
  outline: none;
  color: var(--ui-dark, #4c5161);
  transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
}

.ui-input:hover,
.ui-input:hover > input,
[is=ui-input]:hover {
  border-color: var(--ui-dark-border, #ababaf);
}

.ui-input:focus,
.ui-input > input:focus,
[is=ui-input]:focus {
  border-color: var(--ui-blue, #1677ff);
}

span.ui-input {
  display: inline-block;
}

div.ui-input > input,
input[width="100%"] {
  width: 100%;
}

/* input with count */
.ui-input-x {
  position: relative;
}

span.ui-input-x {
  display: inline-block;
}

.ui-input-x > input {
  display: block;
  width: 100%;
  padding-right: 56px;
}

input ~ .ui-input-count {
  line-height: 38px;
  padding: 0 2px;
  color: var(--ui-gray, #a2a9b6);
  font-size: calc(var(--ui-font, 14px) - 2px);
  white-space: nowrap;
  position: absolute;
  font-family: sans-serif;
  right: 8px;
  top: 1px;
  pointer-events: none;
}

.ui-input-count slash {
  margin: 0 1px;
}

/* type=[search] with icon */
.ui-input-search:not(input) {
  position: relative;
}

.ui-input-search > input:not(.ui-icon-search) {
  padding-left: 40px;
}

.ui-input-search[align=end] > :not(.ui-icon-search) {
  padding-right: 40px;
  padding-left: 9px;
}

.ui-icon-search {
  position: absolute;
  left: 3px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 20px;
  height: 20px;
  color: var(--ui-dark-gray, #b6bbc6);
  background-color: transparent;
  border: solid transparent;
  border-width: 9px 8px;
  box-sizing: content-box;
  transition: color var(--ui-animate-time, 0.2s);
  padding: 0;
  text-indent: -99px;
  font-size: 0;
  cursor: pointer;
  outline: 0 none;
  overflow: hidden;
}

[align=end] > .ui-icon-search {
  left: auto;
  right: 3px;
}

.ui-input-search:hover .ui-icon-search {
  color: var(--ui-gray, #a2a9b6);
}

.ui-input-search > :disabled ~ .ui-icon-search {
  color: var(--ui-disabled, #ccd0d7);
  cursor: default;
}

.ui-input-search > :focus ~ .ui-icon-search {
  color: var(--ui-blue, #1677ff);
}

.ui-input-search > [is-error] ~ .ui-icon-search {
  color: var(--ui-red, #eb4646);
}

/**
 * 改成CSS绘制
 */
.ui-icon-search::before,
.ui-icon-search::after {
  content: "";
  position: absolute;
  box-sizing: content-box;
}

.ui-icon-search::before {
  width: 9px;
  height: 9px;
  border: 2px solid;
  border-radius: 50%;
  left: 2px;
  top: 2px;
}

.ui-icon-search::after {
  width: 6px;
  border-top: 2px solid;
  transform-origin: left;
  transform: scaleY(1.25) rotate(30deg);
  left: 13px;
  top: 11px;
}

/**
 * <input>按钮不支持伪元素，我们使用背景图片代替
 * 不建议使用<input>标签按钮，
 */
input.ui-icon-search {
  border: 0;
  margin: auto 6px;
  width: 18px;
  height: 18px;
  -webkit-mask: var(--ui-input-search-img);
  mask: var(--ui-input-search-img);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: var(--ui-dark-gray, #b6bbc6);
  cursor: pointer;
}

:focus ~ input.ui-icon-search {
  background-color: var(--ui-blue, #2a80eb);
}

[is-error] ~ input.ui-icon-search {
  background-color: var(--ui-red, #eb4646);
}

input.ui-input:disabled,
[is=ui-input]:disabled,
.ui-input > input:disabled,
.ui-input-x > :disabled ~ .ui-input {
  background-color: var(--ui-light, #f7f9fa);
}

input.ui-input:disabled,
[is=ui-input]:disabled,
.ui-input > input:disabled,
.ui-input-x > input:disabled {
  color: var(--ui-gray, #a2a9b6);
}

.ui-input:disabled:hover,
[is=ui-input]:disabled:hover,
.ui-input > input:disabled:hover,
.ui-input:hover > input:disabled {
  border-color: var(--ui-border, #d0d0d5);
}

.ui-input:read-only:hover,
.ui-input:read-only:focus,
[is=ui-input]:read-only:hover,
[is=ui-input]:read-only:focus,
.ui-input > input:read-only:hover,
.ui-input > input:read-only:focus {
  border-color: var(--ui-border, #d0d0d5);
}

/* firefox */
.ui-input:-moz-read-only:hover,
[is=ui-input]:-moz-read-only:hover,
.ui-input > input:-moz-read-only:hover,
.ui-input:-moz-read-only:focus,
[is=ui-input]:-moz-read-only:focus,
.ui-input > input:-moz-read-only:focus {
  border-color: var(--ui-border, #d0d0d5);
}

/* error */
.ui-input[is-error],
[is=ui-input][is-error],
.ui-input > [is-error] {
  border-color: var(--ui-red, #eb4646) !important;
}

.ui-input-count > [is-error],
.ui-input-count[is-error] {
  color: var(--ui-red, #eb4646);
}

@media (prefers-reduced-motion: reduce) {
  [type=search]::-webkit-search-cancel-button,
  input.ui-input,
  .ui-input > input,
  [is=ui-input],
  .ui-icon-search {
    transition: none;
  }
}
.ui-input-number {
  display: flex;
  height: var(--ui-input-height);
  padding: calc((var(--ui-input-height) - var(--ui-input-line-height) - 2px) / 2) 0;
  border: 1px solid var(--ui-border, #d0d0d5);
  border-radius: var(--ui-radius, 4px);
  background-color: var(--ui-white, #fff);
  box-sizing: border-box;
  font-size: var(--ui-font, 14px);
  outline: none;
  color: var(--ui-dark, #4c5161);
  transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
}
.ui-input-number input {
  display: block;
  height: 100%;
  width: 100%;
  padding: 4px 11px;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
}
.ui-input-number:focus-within {
  border-color: var(--ui-blue, #1677ff) !important;
}
.ui-input-number:hover {
  border-color: var(--ui-dark-border, #ababaf);
}

.ui-input-number-action {
  display: inline-flex;
  align-items: center;
  padding-inline: 14px;
  height: calc(var(--ui-input-height) - 2px);
  user-select: none;
  cursor: pointer;
}
.ui-input-number-action.up {
  border-inline-end: solid 1px var(--ui-border, #d0d0d5);
}
.ui-input-number-action.down {
  border-inline-start: solid 1px var(--ui-border, #d0d0d5);
}
.ui-input-number-action:hover {
  color: #1677ff;
}

:root {
  --ui-textarea-line-height: var(--ui-line-height, 20px);
}

textarea {
  font-family: inherit;
}

textarea.ui-textarea,
[is=ui-textarea],
.ui-textarea > textarea,
textarea ~ .ui-textarea-count {
  line-height: var(--ui-textarea-line-height);
  padding: 9px 16px;
  border: 1px solid var(--ui-border, #d0d0d5);
  border-radius: var(--ui-radius, 4px);
  background-color: var(--ui-white, #ffffff);
  outline: none;
  color: var(--ui-dark, #4c5161);
  font-size: var(--ui-font, 14px);
  transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
  word-break: break-all;
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  resize: none;
  overflow: auto;
}

textarea[resize] {
  resize: both;
}

textarea[resize=vertical] {
  resize: vertical;
}

textarea[resize=horizontal] {
  resize: horizontal;
}

div.ui-textarea > textarea,
textarea[width="100%"] {
  width: 100%;
}

/* hover */
.ui-textarea:hover,
.ui-textarea > textarea:hover,
[is=ui-textarea]:hover,
:hover > .ui-textarea-count {
  border-color: var(--ui-dark-border, #ababaf);
}

/* focus */
.ui-textarea:focus,
.ui-textarea > textarea:focus,
[is=ui-textarea]:focus,
:focus ~ .ui-textarea-count {
  border-color: var(--ui-blue, #1677ff);
}

/* textarea with count */
.ui-textarea-x {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

span.ui-textarea-x {
  display: inline-block;
}

.ui-textarea-x > textarea:only-child {
  padding-bottom: 32px;
}

.ui-textarea-x > textarea:not(:only-child) {
  padding-bottom: 0;
  margin: 1px 1px 33px;
  width: calc(100% - 2px);
  border: 0;
  background: none;
}

.ui-textarea-x > textarea {
  display: block;
  width: 100%;
  /* for Firefox */
  margin: 0;
}

textarea ~ .ui-textarea-count {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding-bottom: 5px;
  color: var(--ui-gray, #a2a9b6);
  font-size: calc(var(--ui-font, 14px) - 2px);
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: -1;
}

.ui-textarea-count slash {
  margin: 0 1px;
}

.ui-textarea:read-only,
[is=ui-textarea]:read-only,
.ui-textarea > textarea:read-only,
:read-only ~ .ui-textarea-count {
  background-color: var(--ui-white, #ffffff);
}

.ui-textarea:disabled:hover,
[is=ui-textarea]:disabled:hover,
.ui-textarea > textarea:disabled:hover,
.ui-textarea-x:hover :disabled ~ .ui-textarea-count {
  border-color: var(--ui-border, #d0d0d5);
}

.ui-textarea:read-only:hover,
.ui-textarea:read-only:focus,
[is=ui-textarea]:read-only:hover,
[is=ui-textarea]:read-only:focus,
.ui-textarea > textarea:read-only:hover,
.ui-textarea > textarea:read-only:focus,
:read-only ~ .ui-textarea-count:hover,
:read-only ~ .ui-textarea-count:focus {
  border-color: var(--ui-border, #d0d0d5);
}

/* disabled */
.ui-textarea:disabled,
[is=ui-textarea]:disabled,
.ui-textarea > textarea:disabled,
:disabled ~ .ui-textarea-count {
  background-color: var(--ui-light, #f7f9fa);
  color: var(--ui-gray, #a2a9b6);
}

textarea:read-only,
textarea:disabled {
  resize: none;
}

/* error */
.ui-textarea[is-error],
[is=ui-textarea][is-error],
.ui-textarea > [is-error],
[is-error] ~ .ui-textarea-count {
  border-color: var(--ui-red, #eb4646) !important;
}

.ui-textarea-count > [is-error],
.ui-textarea-count[is-error] {
  color: var(--ui-red, #eb4646);
}

@media (prefers-reduced-motion: reduce) {
  textarea.ui-textarea,
  [is=ui-textarea],
  .ui-textarea > textarea,
  textarea ~ .ui-textarea-count {
    transition: none;
  }
}
/* button基础变量 */
:root {
  --ui-button-height: var(--ui-component-height, 40px);
  --ui-button-line-height: var(--ui-line-height, 20px);
  --ui-button-color: var(--ui-dark, #171717);
  --ui-button-loading-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
}

.ui-button,
[is=ui-button] {
  display: inline-flex;
  line-height: var(--ui-button-line-height);
  font-size: var(--ui-font, 14px);
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--ui-white, #fff);
  border-radius: var(--ui-radius, 6px);
  border: 1px solid var(--ui-button-color);
  padding: calc((var(--ui-button-height) - var(--ui-button-line-height) - 2px) / 2) calc(var(--ui-button-height) / 2.5);
  min-width: calc(var(--ui-button-height) * 2);
  background: var(--ui-button-color) no-repeat center;
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color var(--ui-animate-time, 0.2s), box-shadow var(--ui-animate-time, 0.2s), opacity var(--ui-animate-time, 0.2s);
  fill: currentColor;
  font-family: inherit;
  cursor: pointer;
  overflow: visible;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  .ui-button,
  [is=ui-button] {
    transition: none;
  }
}
.ui-button[width="100%"],
[is=ui-button][width="100%"] {
  width: 100%;
}

div.ui-button,
div[is=ui-button] {
  display: block;
}

[type=submit]:not([class]):not([is]) {
  position: absolute;
  clip: rect(0 0 0 0);
}

/* Chrome/Firefox的outline会由Keyboard.js帮忙呈现 */
@supports (-webkit-mask: none) {
  button,
  [type=button],
  [type=submit],
  [tabindex] {
    outline: 0 none;
  }
}
::-moz-focus-inner {
  border: 0;
}

.ui-button:hover,
[is=ui-button]:hover {
  color: var(--ui-white, #fff);
  text-decoration: none;
}

:is(.ui-button, [is=ui-button]):where(:not(.disabled, .loading, :disabled)):hover {
  filter: brightness(var(--ui-brightness, 1.1));
}

:is(.ui-button, [is=ui-button]):where(:not(.disabled, .loading, :disabled)):active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

:is(.ui-button, [is=ui-button]):is([type=normal], [data-type=normal]) {
  --ui-button-color: var(--ui-white, #fff);
  color: rgba(0, 0, 0, 0.88);
  border-color: #d9d9d9;
  --ui-brightness: 0.96;
}

/* primary button */
:is(.ui-button, [is=ui-button]):is([data-type=primary], [type=primary], [data-type=remind], [type=remind]) {
  --ui-button-color: var(--ui-blue, #1677ff);
}

/* success button */
:is(.ui-button, [is=ui-button]):is([data-type=success], [type=success]) {
  --ui-button-color: var(--ui-green, #1cad70);
}

/* warning button */
:is(.ui-button, [is=ui-button]):is([data-type^=warn], [type^=warn]) {
  --ui-button-color: var(--ui-orange, #f59b00);
}

/* danger button */
:is(.ui-button, [is=ui-button]):is([data-type=danger], [type=danger], [data-type=error], [type=error]) {
  --ui-button-color: var(--ui-red, #eb4646);
}

/* hidden button */
:is(.ui-button, [is=ui-button]):is([type=hidden], [data-type=hidden]) {
  display: none;
}

/* disabled status */
:is(.ui-button, [is=ui-button]):is(.disabled, :disabled) {
  opacity: var(--ui-opacity, 0.4);
  cursor: default;
}

/* loading status */
.ui-button.loading,
[is=ui-button].loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
  cursor: default;
}

/* input按钮，三个点 */
input.ui-button.loading,
input[is=ui-button].loading {
  --ui-loading-color: var(--ui-white, #fff);
  --ui-loading-radial: radial-gradient(3px circle, var(--ui-loading-color), var(--ui-loading-color) 2px, transparent 3px);
  background-image: var(--ui-loading-radial), var(--ui-loading-radial), var(--ui-loading-radial);
  background-position-x: calc(50% - 10px), 50%, calc(50% + 10px);
  background-position-y: 50%;
  background-size: 5px 5px;
  animation: bubbling 1s infinite;
}

input[data-type=normal].loading {
  --ui-loading-color: var(--ui-blue, #2a80eb);
}

/* button 按钮 */
:is(.ui-button, [is=ui-button]).loading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(var(--ui-button-height) / 2);
  height: calc(var(--ui-button-height) / 2);
  background-color: var(--ui-white, #fff);
  -webkit-mask: var(--ui-button-loading-img);
  mask: var(--ui-button-loading-img);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin: auto;
  animation: spin 1s linear infinite;
}

/* 有底色按钮 */
:is([data-type=normal], [type=normal]).loading::before {
  background-color: var(--ui-blue, #2a80eb);
}

@keyframes bubbling {
  0% {
    background-position-y: 50%, 50%, 50%;
  }
  15% {
    background-position-y: calc(50% - 3px), 50%, 50%;
  }
  30% {
    background-position-y: calc(50% - 1px), calc(50% - 3px), 50%;
  }
  45% {
    background-position-y: 50%, calc(50% - 1px), calc(50% - 3px);
  }
  60% {
    background-position-y: 50%, 50%, calc(50% - 1px);
  }
  75% {
    background-position-y: 50%, 50%, 50%;
  }
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* error */
.ui-button[is-error],
[is=ui-button][is-error] {
  border-color: var(--ui-red, #eb4646) !important;
}

/* radio基础变量 */
:root {
  --ui-radio-width: 16px;
  --ui-radio-height: 16px;
}

.ui-radio {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: var(--ui-radio-width, 20px);
  height: var(--ui-radio-height, 20px);
  cursor: pointer;
  display: inline-flex;
  outline: none;
  border: solid 1px var(--ui-border, #d0d0d5);
  background-color: var(--ui-white, #ffffff);
  border-radius: 100%;
  box-sizing: border-box;
  vertical-align: -0.5ex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: border-color var(--ui-animate-time, 0.2s);
}

.ui-radio::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: scale(0);
  opacity: 0;
  border-radius: 100%;
}

.ui-radio:not(:disabled):hover {
  border-color: var(--ui-dark-border, #ababaf);
}

.ui-radio:focus {
  border-color: var(--ui-blue, #1677ff);
}

.ui-radio:checked {
  border: solid 1px #1677ff;
  background-color: #1677ff;
}

.ui-radio:checked::after {
  transform: scale(0.5);
  opacity: 1;
}

.ui-radio:disabled {
  border-color: var(--ui-dark-border, #ababaf);
  opacity: var(--ui-opacity, 0.4);
  cursor: default;
}

.ui-radio[is-error] {
  border-color: var(--ui-red, #eb4646) !important;
}

@media (prefers-reduced-motion: reduce) {
  .ui-radio {
    transition: none;
  }
}
/* checkbox基础变量 */
:root {
  --ui-checkbox-width: 20px;
  --ui-checkbox-height: 20px;
  --ui-checkbox-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M920.185 224.838c-33.782-33.935-88.619-33.935-122.464 0L409.955 614.564 226.231 429.952c-33.782-33.935-88.68-33.935-122.461 0-33.784 33.997-33.784 89.108 0 123.044l244.925 246.118c33.782 33.998 88.68 33.998 122.463 0l449.028-451.201c33.843-33.967 33.843-89.048-.001-123.075z' fill='%23fff'/%3E%3C/svg%3E");
}

[is=ui-checkbox] {
  -webkit-appearance: none;
  width: var(--ui-checkbox-width, 20px);
  height: var(--ui-checkbox-height, 20px);
  display: inline-flex;
  border: solid 1px rgba(0, 0, 0, 0);
  outline: none;
  border-radius: var(--ui-radius, 4px);
  box-sizing: border-box;
  box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
  background-color: var(--ui-white, #ffffff);
  background-clip: content-box;
  color: var(--ui-border, #d0d0d5);
  transition: color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: -0.5ex;
}

[is=ui-checkbox]::after {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--ui-checkbox-icon) no-repeat center;
  background-size: var(--ui-checkbox-size-x, 12px) var(--ui-checkbox-size-y, 12px);
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--ui-animate-time, 0.2s);
}

[is=ui-checkbox]:not(:disabled):hover,
[is=ui-checkbox]:disabled {
  color: var(--ui-dark-border, #ababaf);
}

[is=ui-checkbox]:focus {
  color: var(--ui-blue, #1677ff);
}

[is=ui-checkbox]:focus:hover {
  color: var(--ui-dark-blue, #1677ff);
}

[is=ui-checkbox]:checked {
  color: var(--ui-blue, #1677ff);
  background-color: var(--ui-blue, #1677ff);
}

[is=ui-checkbox]:not(:disabled):checked:is(:focus, :hover) {
  color: var(--ui-dark-blue, #1677ff);
  background-color: var(--ui-dark-blue, #1677ff);
}

[is=ui-checkbox]:checked::after {
  opacity: 1;
  visibility: visible;
}

[is=ui-checkbox]:is(:indeterminate, [indeterminate]:not(:checked))::after {
  opacity: 1;
  visibility: visible;
  color: var(--ui-blue, #1677ff);
  background-image: linear-gradient(currentColor, currentColor);
  background-size: var(--ui-checkbox-indeterminate-size-x, 8px) var(--ui-checkbox-indeterminate-size-y, 8px);
  border-radius: var(--ui-checkbox-indeterminate-radius, 0);
}

[is=ui-checkbox]:not(:disabled):where(:indeterminate, [indeterminate]:not(:checked)):is(:focus, :hover) {
  color: var(--ui-dark-blue, #1677ff);
}

[is=ui-checkbox]:disabled {
  opacity: var(--ui-opacity, 0.4);
}

/* error */
[is=ui-checkbox][is-error] {
  color: var(--ui-red, #eb4646) !important;
}

@media (prefers-reduced-motion: reduce) {
  [is=ui-checkbox],
  [is=ui-checkbox]::after {
    transition: none;
  }
}
:root {
  --ui-table-cell-height: 50px;
  --ui-table-line-height: var(--ui-line-height, 20px);
}

.ui-table,
[is=ui-table] {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  line-height: var(--ui-table-line-height);
  table-layout: fixed;
  border-spacing: 0;
  font-size: var(--ui-font, 14px);
  border: 1px solid var(--ui-border, #d0d0d5);
}

.ui-table[width="100%"],
[is=ui-table][width="100%"] {
  width: 100%;
}

.ui-table thead td,
.ui-table th,
[is=ui-table] thead td,
[is=ui-table] th {
  background-color: var(--ui-light, #f7f9fa);
  border-bottom: 1px solid var(--ui-light-border, #ededef);
  font-weight: normal;
  font-style: normal;
  margin: 0;
}

.ui-table thead td:not([class]):not([align]),
.ui-table th:not([class]):not([align]),
[is=ui-table] thead td:not([class]):not([align]),
[is=ui-table] th:not([class]):not([align]) {
  text-align: left;
}

.ui-table tbody td,
[is=ui-table] tbody td {
  background-color: var(--ui-white, #ffffff);
  border-bottom: 1px solid var(--ui-light-border, #ededef);
}

.ui-table td,
.ui-table th,
[is=ui-table] td,
[is=ui-table] th {
  padding-top: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2);
  padding-bottom: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2 - 1px);
  padding-right: 20px;
}

.ui-table td:first-child,
.ui-table th:first-child,
[is=ui-table] td:first-child,
[is=ui-table] th:first-child {
  padding-left: 20px;
}

.ui-table tr,
[is=ui-table] tr {
  cursor: default;
}

.ui-table tr:last-child td,
[is=ui-table] tr:last-child td {
  padding-bottom: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2);
  border-bottom: 0;
}

.ui-table ~ .ui-loading,
[is=ui-table] ~ .ui-loading {
  height: 300px;
}

/**
 *
 * @Switch.css
 * @author zhangxinxu
 * @create 15-06-18
 * @edit   17-06-14    keyboard accessible
 * @editor shanyerong
 * @edit   2020-04-30
**/
:root {
  --ui-switch-width: 44px;
  --ui-switch-height: 26px;
}

input[is=ui-switch] {
  -webkit-appearance: none;
  display: inline-flex;
  outline: none;
  box-sizing: border-box;
  box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
  background-clip: content-box;
  -webkit-appearance: none;
  width: var(--ui-switch-width, 44px);
  height: var(--ui-switch-height, 26px);
  border: 2px solid;
  border-radius: var(--ui-switch-height, 26px);
  background-color: currentColor;
  color: var(--ui-dark-gray, #b6bbc6);
  font-size: 0;
  transition: all var(--ui-animate-time, 0.2s);
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

input[is=ui-switch]:checked {
  color: var(--ui-blue, #2a80eb);
  background-color: var(--ui-blue, #2a80eb);
}

input[is=ui-switch]::before {
  content: "";
  flex: 0;
  transition: flex var(--ui-animate-time, 0.2s);
}

input[is=ui-switch]::after {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: var(--ui-white, #ffffff);
  opacity: 1;
  visibility: visible;
}

input[is=ui-switch]:active {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

input[is=ui-switch]:checked::before {
  flex: 1;
}

input[is=ui-switch]:disabled {
  opacity: var(--ui-opacity, 0.4);
  cursor: default;
}

input[is=ui-switch]:focus:not(:disabled),
input[is=ui-switch]:hover:not(:disabled) {
  color: var(--ui-gray, #a2a9b6);
}

input[is=ui-switch]:checked:focus:not(:disabled),
input[is=ui-switch]:checked:hover:not(:disabled) {
  color: var(--ui-dark-blue, #0057c3);
  background-color: var(--ui-dark-blue, #0057c3);
}

input[is=ui-switch]:checked:focus:disabled,
input[is=ui-switch]:checked:disabled:hover {
  color: var(--ui-blue, #2a80eb);
  background-color: var(--ui-blue, #2a80eb);
}

@media (prefers-reduced-motion: reduce) {
  input[is=ui-switch],
  input[is=ui-switch]::before {
    transition: none;
  }
}
.layui-layer-m-alert {
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0;
}
.layui-layer-m-alert .layui-layer-content {
  height: auto !important;
}

.m-alert-msg {
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
}

.m-alert-msg-wrapper {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  max-width: 400px;
  margin: 0 auto;
}

.m-alert-msg-title {
  padding-top: 15px;
  align-items: baseline;
  font-weight: normal;
  color: #000;
  font-size: 20px;
}

.m-alert-msg-body {
  font-size: 16px;
  color: #444;
  margin: 18px 0;
  line-height: 24px;
  max-height: 145px;
  overflow: hidden;
  overflow-y: auto;
  word-break: break-all;
}

.m-alert-msg-action {
  display: flex;
  padding: 10px 0;
  gap: 10px;
  flex-direction: row;
}
.m-alert-msg-action.vertical {
  flex-direction: column;
}
.m-alert-msg-action .ui-button {
  display: block;
  width: 100%;
  --ui-button-height: 42px;
  --ui-button-line-height: 42px;
  font-size: 16px;
  font-weight: bold;
}

.m-alert-attrs {
  font-size: 14px;
  margin: 18px 0;
}

.m-alert-attr-item {
  display: flex;
  align-items: start;
  padding: 6px 0;
  gap: 6px;
}
.m-alert-attr-item .item-key {
  flex-shrink: 0;
  min-width: 70px;
  color: #666;
  line-height: 1.5;
}
.m-alert-attr-item .item-value {
  line-height: 1.5;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-alert-attr-item .item-file-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.m-alert-attr-item .item-file-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.m-alert-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 18px 0;
}
.m-alert-form .form-label {
  margin-bottom: 6px;
}
.m-alert-form .form-control .ui-input {
  display: block;
  width: 100%;
  --ui-input-height: 50px;
  --ui-input-line-height: 50px;
}
.m-alert-form .form-control .ui-textarea {
  display: block;
  width: 100%;
}
.m-alert-form .form-help {
  margin-top: 6px;
  font-size: 12px;
  color: #666;
}
.m-alert-form .form-alert {
  background-color: #e6f4ff;
  padding: 10px;
  border-radius: 6px;
  word-break: break-all;
}
.m-alert-form .form-alert p {
  margin-bottom: 4px;
}
.m-alert-form .form-alert p:last-child {
  margin-bottom: 0;
}

.x-upload-progress__file {
  display: flex;
  width: 100%;
  padding: 8px 0 2px 0;
  box-sizing: border-box;
}
.x-upload-progress__file .file-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.x-upload-progress__file .file-icon img {
  width: 100%;
  height: 100%;
}
.x-upload-progress__file .file-attr {
  flex: 1 1 auto;
  padding-left: 10px;
}
.x-upload-progress__file .file-progress {
  width: 100%;
  height: 4px;
  background-color: #f0f0f0;
  margin-top: 10px;
}
.x-upload-progress__file .file-title {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.x-upload-progress__file .file-progress-bar {
  height: 100%;
  width: 0;
  background-color: #1677ff;
}
.x-upload-progress__file .file-progress-detail {
  font-size: 12px;
  text-align: right;
  margin-top: 6px;
  color: #666;
}

.x-empty {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding: 80px 0;
}

.x-empty-image {
  margin-bottom: 8px;
  height: 100px;
}
.x-empty-image img {
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}

.x-empty-description {
  color: rgba(0, 0, 0, 0.45);
}

.m-header {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.m-header.with-profile {
  box-shadow: none;
  background: linear-gradient(to bottom, #d3e5fe, #f6f7f9);
}
.m-header.with-profile .m-header-profile, .m-header.with-profile .m-header-navbar {
  background-color: transparent;
}

.m-header-heading {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: #fff;
  padding: 0 12px;
}
.m-header-heading .logo {
  display: block;
  height: 30px;
}
.m-header-heading .logo img {
  display: block;
  height: 100%;
}
.m-header-heading .action {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.m-header-heading .action .item {
  margin-left: 16px;
}
.m-header-heading .publish-button {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  border: solid 1px #d0d0d5;
  cursor: pointer;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.88);
  font-size: 13px;
}
.m-header-heading .publish-button .icon {
  display: block;
  width: 14px;
  height: 14px;
}
.m-header-heading .publish-button .icon img {
  width: 100%;
  height: 100%;
}
.m-header-heading .publish-button .name {
  display: block;
  margin-left: 4px;
}
.m-header-heading .user-profile {
  display: block;
  color: #c9c9c9;
}
.m-header-heading .user-profile svg {
  width: 30px;
  height: 30px;
}
.m-header-heading .user-profile img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.m-header-search {
  padding: 6px 12px 12px 12px;
  background-color: #fff;
  box-sizing: border-box;
}
.m-header-search .ui-input-search {
  display: block;
  --ui-white: #f7f7f7;
  --ui-border: #f7f7f7;
  --ui-radius: 8px;
  --ui-input-height: 38px;
}

.m-header-navbar {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 0 12px;
  white-space: nowrap;
  background-color: #fff;
  line-height: normal;
}
.m-header-navbar .navbar-left {
  font-size: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1;
}
.m-header-navbar .navbar-back {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 6px 0;
  cursor: pointer;
}
.m-header-navbar .nav-bar-back-arrow {
  font-size: 24px;
  margin-right: 4px;
}
.m-header-navbar .navbar-title {
  white-space: nowrap;
  font-size: 18px;
  padding: 0 12px;
  font-weight: 600;
  flex: auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-header-navbar .navbar-right {
  flex: 1 1;
  text-align: right;
}
.m-header-navbar .navbar-space-item {
  color: rgba(0, 0, 0, 0.88);
}

.m-header-profile {
  display: flex;
  padding: 6px 12px 12px 12px;
  background-color: #fff;
}
.m-header-profile .avatar {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.m-header-profile .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.m-header-profile .profile {
  flex: 1 1;
}
.m-header-profile .profile .nickname {
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 8px;
}
.m-header-profile .profile .username {
  color: #666;
}

.m-footer {
  background-color: #fff;
  padding: 30px 12px;
}
.m-footer .footer-content p {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
}
.m-footer .footer-content a {
  margin-right: 10px;
  color: #666;
}
.m-footer .footer-content .icp-wb:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background-image: url("../img/icon/ghs.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.m-footer .footer-qrcode {
  display: flex;
  margin-top: 10px;
}
.m-footer .qrcode-item {
  margin-right: 10px;
}
.m-footer .qrcode-item .qrcode {
  display: block;
  width: 130px;
  height: 130px;
}
.m-footer .qrcode-item .text {
  display: block;
  font-size: 12px;
  width: 130px;
  text-align: center;
  color: #666;
}

.m-question {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  padding: 0 12px;
}
.m-question .search-title {
  padding: 20px 0 10px 0;
}
.m-question .tabs {
  padding-top: 20px;
}
.m-question .tabs a {
  display: inline-block;
  margin-right: 20px;
  color: #666;
  font-size: 16px;
}
.m-question .tabs a.active {
  font-weight: bold;
  color: #1677ff;
}
.m-question .item {
  display: flex;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  width: 100%;
}
.m-question .item .db-icon {
  margin-right: 12px;
}
.m-question .item .db-icon img {
  height: 16px;
  width: 16px;
  background: #efefef;
  border: 1px solid #eee;
  border-radius: 50%;
  text-align: center;
  padding: 4px;
}
.m-question .item .meta {
  flex: 1 1;
}
.m-question .item .meta-title .status {
  display: inline-block;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #dcdcdc;
  margin-right: 6px;
  border-radius: 4px;
}
.m-question .item .meta-title .name {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.88);
}
.m-question .item .meta-title .name:hover {
  color: #1677ff;
}
.m-question .item .meta-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  gap: 10px;
}
.m-question .item .meta-group .user {
  display: flex;
  align-items: center;
  cursor: pointer;
  max-width: 80px;
}
.m-question .item .meta-group .user .avatar {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 8px;
}
.m-question .item .meta-group .user .nickname {
  font-size: 13px;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.m-question .item .meta-group .time, .m-question .item .meta-group .coin {
  display: flex;
  align-items: center;
}
.m-question .item .meta-group .time .icon, .m-question .item .meta-group .coin .icon {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.m-question .item .meta-group .time .name, .m-question .item .meta-group .coin .name {
  color: #666;
  font-size: 13px;
}
.m-question .item .meta-group .btn {
  font-size: 13px;
  padding: 4px 8px;
  text-align: center;
  border-radius: 6px;
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  border: solid 1px #fff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  margin-left: auto;
}
.m-question .item .meta-group .btn-reply {
  color: #fff;
  background-color: #1677ff;
  border: solid 1px #1677ff;
}
.m-question .item .meta-group .btn-reply:hover {
  background-color: #4096ff;
}
.m-question .item .meta-group .btn-download {
  color: rgba(0, 0, 0, 0.88);
  border: solid 1px #d9d9d9;
}
.m-question .item .meta-group .btn-download:hover {
  color: #4096ff;
  border: solid 1px #4096ff;
}
.m-question .paginator {
  padding: 20px 0;
}

.m-question-detail {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m-question-heading {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 16px 12px;
}
.m-question-heading .title {
  font-size: 24px;
  font-family: Roboto, Georgia, serif, arial;
  margin: 0 0 15px 0;
}
.m-question-heading .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.m-question-heading .info .status {
  display: block;
  width: 56px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #f0f0f0;
  border-radius: 6px;
}
.m-question-heading .info .coin {
  display: flex;
  align-items: center;
}
.m-question-heading .info .coin .icon {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.m-question-heading .info .coin .name {
  color: #ff9800;
  font-size: 13px;
}
.m-question-heading .info .source {
  color: #666;
  font-size: 13px;
}
.m-question-heading .attrs .attr-link a {
  display: inline-block;
  white-space: normal;
  word-break: break-all;
  color: #1677ff;
}
.m-question-heading .attrs .attr-link a:hover {
  color: #69b1ff;
}
.m-question-heading .attrs .attr-link, .m-question-heading .attrs .attr-item {
  margin-bottom: 10px;
}
.m-question-heading .attrs .attr-item {
  display: flex;
}
.m-question-heading .attrs .attr-key {
  display: block;
  flex-shrink: 0;
}
.m-question-heading .attrs .attr-value {
  display: block;
  flex: 1 1 auto;
}
.m-question-heading .attrs .attr-value a {
  display: inline-block;
  white-space: normal;
  word-break: break-all;
}
.m-question-heading .database {
  margin-top: 26px;
  background: #fff;
  border-top: 1px dashed rgb(204, 204, 204);
  padding-top: 14px;
}
.m-question-heading .database-label {
  display: flex;
  align-items: center;
}
.m-question-heading .database-label .icon {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.m-question-heading .database-label .name {
  font-size: 14px;
}

.m-question-assist {
  margin-bottom: 10px;
  background-color: #fff;
}
.m-question-assist .card-title {
  display: flex;
  align-items: center;
  padding: 6px 12px 0 12px;
}
.m-question-assist .card-title .title {
  font-size: 16px;
  font-weight: 600;
  height: 46px;
  line-height: 46px;
  position: relative;
  padding-left: 6px;
}
.m-question-assist .card-title .title:before {
  content: "";
  width: 3px;
  height: 18px;
  display: block;
  background-color: #1677ff;
  margin-right: 5px;
  position: absolute;
  top: 13px;
  left: -12px;
}
.m-question-assist .card-title .pending {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.m-question-assist .card-title .pending .pending-icon {
  height: 46px;
  margin-left: 10px;
  animation: box 14s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
.m-question-assist .card-title .pending .pending-text {
  color: #00bcd4;
}
.m-question-assist .card-body {
  padding: 24px 12px 30px 12px;
}
.m-question-assist .assist-over .over-tips {
  display: flex;
  padding: 50px 0;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
}
.m-question-assist .assist-over .over-tips .over-text {
  font-size: 15px;
}
.m-question-assist .assist-over .over-tips .over-text h4 {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #434a54;
}
.m-question-assist .assist-over .over-tips .over-text p {
  text-align: center;
  letter-spacing: 3px;
}
.m-question-assist .assist-over .over-tips .over-text .over-action {
  margin-top: 10px;
  text-align: center;
}
.m-question-assist .assist-over .over-tips .over-text .over-action a {
  color: #1677ff;
}
.m-question-assist .assist-over .over-tips .over-text .over-action a:hover {
  color: #4096ff;
}
.m-question-assist .assist-over .over-copyright {
  text-align: center;
  margin-top: 30px;
  line-height: 30px;
  background: #f4f4f4;
  padding: 30px;
  color: #888;
  text-shadow: 1px 1px 1px #fff;
  border-radius: 8px;
}
.m-question-assist .assist-over .over-icon {
  display: block;
  width: 100px;
  height: 100px;
}
.m-question-assist .upload-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 40px 0;
}
.m-question-assist .upload-file .upload-file-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #1677ff;
  border-radius: 8px;
  padding: 8px 0;
  height: 45px;
  width: 260px;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  background-color: #1677ff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  position: relative;
  overflow: hidden;
}
.m-question-assist .upload-file .upload-file-button:hover {
  background-color: #4096ff;
}
.m-question-assist .upload-file .upload-file-button[disabled] {
  background-color: #4096ff;
}
.m-question-assist .upload-file .upload-file-button .icon svg {
  width: 24px;
  height: 24px;
}
.m-question-assist .upload-file .upload-file-button .text {
  margin-left: 8px;
}
.m-question-assist .upload-file .upload-file-tips {
  margin-top: 10px;
  color: #666;
  font-size: 12px;
}
.m-question-assist .assist-item .assist-time {
  font-size: 16px;
  font-weight: bold;
}
.m-question-assist .assist-item .assist-time:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: #1677ff;
  border-radius: 7px;
  margin-right: 15px;
  position: relative;
  top: -3px;
}
.m-question-assist .assist-item .assist-body {
  border-left: 1px solid #e7e7e7;
  margin-left: 3px;
  padding: 15px 0 15px 18px;
}
.m-question-assist .assist-item .assist-body.no-border {
  border-left: solid 1px #fff;
}
.m-question-assist .assist-item .assist-owner {
  display: flex;
  align-items: center;
  padding-top: 4px;
  flex-wrap: wrap;
}
.m-question-assist .assist-item .assist-owner .userinfo {
  display: flex;
  align-items: center;
}
.m-question-assist .assist-item .assist-owner .userinfo .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.m-question-assist .assist-item .assist-owner .userinfo .nickname {
  display: block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  color: #666;
}
.m-question-assist .assist-item .assist-owner .message {
  margin-left: 30px;
  color: #333;
}
.m-question-assist .assist-item .assist-owner .actions {
  display: flex;
  margin-left: auto;
}
.m-question-assist .assist-item .assist-owner .actions a {
  display: block;
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.88);
  padding: 2px 0;
  border-bottom: solid 1px #999;
}
.m-question-assist .assist-item .assist-owner .actions a:hover {
  color: #1677ff;
  border-bottom: solid 1px #1677ff;
}
.m-question-assist .assist-item .assist-owner ~ .assist-content {
  margin-top: 12px;
}
.m-question-assist .assist-item .bot-contents {
  padding: 10px 15px;
  background-color: #fafafa;
  border-radius: 8px;
}
.m-question-assist .assist-item .bot-contents .item {
  padding: 10px 15px;
}
.m-question-assist .assist-item .bot-contents .item span {
  margin-right: 10px;
}
.m-question-assist .assist-item .text-contents {
  padding: 14px 15px;
  background-color: #fafafa;
  border-radius: 8px;
}
.m-question-assist .assist-item .user-contents {
  display: flex;
  padding: 14px 15px;
  background-color: #fafafa;
  border-radius: 8px;
  position: relative;
  gap: 10px;
}
.m-question-assist .assist-item .reject-contents {
  color: #f44336;
  padding: 10px 15px;
}
.m-question-assist .assist-item .assist-file {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.m-question-assist .assist-item .assist-file .file-icon {
  display: block;
  height: 24px;
  width: 24px;
  margin-right: 6px;
}
.m-question-assist .assist-item .assist-file .file-name {
  color: rgba(0, 0, 0, 0.88);
  word-break: break-all;
}
.m-question-assist .assist-item .assist-actions {
  flex-shrink: 0;
  display: flex;
  margin-left: auto;
}
.m-question-assist .assist-item .assist-actions .btn {
  display: block;
  height: 26px;
  line-height: 26px;
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.88);
  padding: 0 10px;
  background-color: #fff;
  border: solid 1px #dcdcdc;
  border-radius: 6px;
}
.m-question-assist .assist-item .assist-actions .btn.apply {
  border: solid 1px #07c160;
  color: #07c160;
}
.m-question-assist .assist-item .assist-actions .btn.reject:hover {
  border: solid 1px #ff4d4f;
  color: #ff4d4f;
}
.m-question-assist .assist-item .assist-status {
  flex-shrink: 0;
  border: solid 1px #fff;
  color: #dcdcdc;
  height: 24px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 13px;
}
.m-question-assist .assist-item .assist-status.success {
  color: #fff;
  border: solid 1px #07c160;
  background-color: #07c160;
}
.m-question-assist .assist-item .assist-status.error {
  color: #c5c5c5;
  border: solid 1px #c5c5c5;
}

@keyframes box {
  0% {
    transform: rotate(0deg);
  }
  3% {
    transform: rotate(40deg);
  }
  6% {
    transform: rotate(0deg);
  }
  9% {
    transform: rotate(-40deg);
  }
  12% {
    transform: rotateX(0deg);
  }
  15% {
    transform: rotateX(150deg);
  }
  18% {
    transform: rotateX(0deg);
  }
  21% {
    transform: rotateY(0deg);
  }
  24% {
    transform: rotateY(100deg);
  }
  27% {
    transform: rotateY(0deg);
  }
  30% {
    transform: rotateY(300deg);
  }
  33% {
    transform: rotateY(0deg);
  }
}
.m-question-pager {
  background-color: #fff;
  padding: 16px 12px;
}
.m-question-pager .item-prev {
  margin-bottom: 15px;
}
.m-question-pager .item-prev, .m-question-pager .item-next {
  display: flex;
  align-items: center;
  color: #666;
}
.m-question-pager .item-prev .title, .m-question-pager .item-next .title {
  flex: 0 0 auto;
}
.m-question-pager .item-prev .db, .m-question-pager .item-next .db {
  display: flex;
  margin-right: 8px;
  flex: 0 0 auto;
}
.m-question-pager .item-prev .db .icon, .m-question-pager .item-next .db .icon {
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.m-question-pager .item-prev .db .name, .m-question-pager .item-next .db .name {
  display: block;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-question-pager .item-prev .link, .m-question-pager .item-next .link {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  width: 0;
}
.m-question-pager .item-prev .link a, .m-question-pager .item-next .link a {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1677ff;
}
.m-question-pager .item-prev .link a:hover, .m-question-pager .item-next .link a:hover {
  color: #4096ff;
}

.m-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.m-pagination li {
  display: block;
}
.m-pagination .page-button {
  display: block;
  padding: 3px 8px;
  color: #888;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 0 1px;
}
.m-pagination .page-button:hover {
  color: #1677ff;
}
.m-pagination .page-link {
  display: block;
  padding: 3px 0;
  color: #888;
  border: 1px solid transparent;
}
.m-pagination .page-link:hover {
  color: #1677ff;
}
.m-pagination li.active .page-button {
  color: #1677ff;
  border: solid 1px #1677ff;
  font-weight: bold;
}

.m-user {
  padding: 0 12px;
}

.m-user-sign {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 10px;
  padding: 15px 12px;
}
.m-user-sign .sign-icon {
  margin-right: 15px;
}
.m-user-sign .sign-icon svg {
  display: block;
  height: 42px;
  width: 42px;
}
.m-user-sign .sign-meta .meta-title {
  font-size: 13px;
  color: #666;
}
.m-user-sign .sign-meta .meta-value {
  font-size: 16px;
  font-weight: 600;
  color: #ff7800;
}
.m-user-sign .sign-action {
  margin-left: auto;
}
.m-user-sign .sign-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 32px;
  border-radius: 32px;
  background-color: #fff4e0;
  color: #ff7800;
  text-align: center;
  border: 0;
}
.m-user-sign .sign-btn.loading .btn-icon {
  display: none;
}
.m-user-sign .sign-btn.loading::before {
  background-color: #ff7800;
}
.m-user-sign .sign-btn[disabled] {
  background-color: #eee;
  color: #666;
  opacity: 0.8;
}
.m-user-sign .sign-btn .btn-icon {
  margin-right: 6px;
}
.m-user-sign .sign-btn .btn-icon svg path {
  fill: #ff7800;
}

.m-user-section-title {
  font-size: 15px;
  color: #999;
  padding: 8px 0;
}

.m-user-zone {
  display: flex;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 10px;
  padding: 18px 12px;
}
.m-user-zone .item {
  display: block;
  width: 25%;
}
.m-user-zone .item-icon {
  display: block;
  text-align: center;
}
.m-user-zone .icon-wrapper {
  position: relative;
  display: inline-block;
}
.m-user-zone .icon-wrapper svg path {
  fill: #333;
}
.m-user-zone .item-badge {
  position: absolute;
  top: 0;
  left: 16px;
  display: block;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #ff0000;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}
.m-user-zone .item-name {
  display: block;
  text-align: center;
  color: #666;
  margin-top: 2px;
  font-size: 13px;
}

.m-user-list {
  margin-top: 4px;
}
.m-user-list .list-header {
  color: #999;
  padding: 8px 0;
  font-size: 14px;
}
.m-user-list .list-body {
  background-color: #fff;
  font-size: 16px;
  border-radius: 6px;
}
.m-user-list .list-item {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 12px;
  color: #333;
  border-bottom: solid 1px #eee;
}
.m-user-list .list-item:last-child {
  border-bottom: none;
}
.m-user-list .list-item:active {
  background-color: #eee;
}
.m-user-list .list-content-prefix {
  width: auto;
  flex: none;
  padding-right: 12px;
}
.m-user-list .list-content-prefix svg {
  height: 18px;
  width: 18px;
}
.m-user-list .list-content-main {
  flex: auto;
  padding: 16px 0;
}
.m-user-list .list-content-arrow {
  flex: none;
  display: flex;
  align-items: center;
  margin-left: 4px;
  color: #ccc;
  font-size: 19px;
}

.m-user-logout {
  padding: 30px 0 80px 0;
}
.m-user-logout .ui-button {
  display: block;
  width: 100%;
  border-color: #eee;
}

.m-issue {
  border-top: solid 1px #eee;
}

.m-issue-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 12px;
  background-color: #fff;
}
.m-issue-tabs .item {
  width: 70px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  border-radius: 6px;
  background-color: #f1f1f7;
  color: #666;
}
.m-issue-tabs .item.active {
  color: #fff;
  background-color: #1677ff;
}

.m-issue-seeking {
  margin-top: 10px;
}
.m-issue-seeking .seeking-list {
  padding: 0 12px;
  background-color: #fff;
}
.m-issue-seeking .seeking-action {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background-color: #fff;
}
.m-issue-seeking .seeking-action .select-all label {
  padding-left: 6px;
  user-select: none;
}
.m-issue-seeking .seeking-action .right-action {
  margin-left: auto;
}
.m-issue-seeking .seeking-action .right-action .ui-button {
  margin-left: 10px;
  --ui-button-height: 32px;
}
.m-issue-seeking .seeking-item {
  padding: 12px 0;
  border-bottom: solid 1px #eee;
  position: relative;
}
.m-issue-seeking .seeking-item.with-checkbox {
  padding-left: 30px;
}
.m-issue-seeking .seeking-item.with-checkbox .seeking-checkbox {
  position: absolute;
  left: 0;
}
.m-issue-seeking .seeking-title {
  margin-bottom: 10px;
}
.m-issue-seeking .seeking-title .status {
  display: inline-block;
  width: 56px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #f0f0f0;
  border-radius: 6px;
  margin-right: 8px;
}
.m-issue-seeking .seeking-title .name {
  color: rgba(0, 0, 0, 0.88);
  word-break: break-all;
}
.m-issue-seeking .seeking-attrs {
  display: flex;
  font-size: 13px;
  margin-bottom: 6px;
}
.m-issue-seeking .seeking-attrs .name {
  display: block;
  color: #666;
  flex-shrink: 0;
}
.m-issue-seeking .seeking-attrs .value {
  display: block;
}
.m-issue-seeking .seeking-tips {
  color: #999;
  font-size: 13px;
  padding: 6px 10px;
  background-color: #f5f5f5;
}
.m-issue-seeking .seeking-tips.is-admin {
  background-color: #fff9f0;
  color: #ff9800;
}
.m-issue-seeking .seeking-file {
  display: inline-flex;
  align-items: start;
  gap: 4px;
}
.m-issue-seeking .seeking-file .file-icon {
  display: block;
  width: 20px;
  height: 20px;
}
.m-issue-seeking .seeking-file .file-name {
  display: block;
  line-height: 20px;
  word-break: break-all;
  color: #1677ff;
}
.m-issue-seeking .answer-status {
  color: #666;
  padding: 1px 6px;
  background: #f5f5f5;
}
.m-issue-seeking .answer-status.success {
  color: #47c337;
  background: #ecffea;
}
.m-issue-seeking .answer-status.reject {
  color: #f44336;
  background: #fff4f3;
}
.m-issue-seeking .answer-status.cancel {
  color: #607D8B;
  background: #e3f6ff;
}

.m-issue-paginator {
  padding: 20px 0 60px 0;
}

.m-global-index-page,
.m-global-user-message {
  background-color: #fff;
}

.m-space-tabs {
  display: flex;
  background-color: #fff;
  padding: 0 12px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.m-space-tabs .item {
  display: block;
  height: 45px;
  line-height: 45px;
  color: #333;
  font-size: 16px;
  margin-right: 20px;
  position: relative;
}
.m-space-tabs .item.active {
  color: #1677ff;
}
.m-space-tabs .item.active:before {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #1677ff;
}

.m-space-coin-header {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 14px 12px;
  gap: 10px;
}
.m-space-coin-header .coin-card {
  border-radius: 8px;
  width: calc(50% - 8px);
  padding: 10px 10px;
  box-sizing: border-box;
}
.m-space-coin-header .coin-card:last-child {
  margin-right: 0;
}
.m-space-coin-header .coin-card .card-title {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 13px;
  padding-bottom: 4px;
}
.m-space-coin-header .coin-card .card-title .icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.m-space-coin-header .coin-card .card-body {
  padding: 0 10px;
  display: flex;
  align-items: center;
  height: 46px;
}
.m-space-coin-header .coin-card .card-body .ui-button {
  --ui-button-height: 38px;
  width: 100%;
  max-width: 200px;
}
.m-space-coin-header .coin-card .coin-value {
  font-size: 24px;
  font-weight: bold;
}

.m-space-coin-list .coin-table {
  border: 0;
}
.m-space-coin-list .coin-table th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
}
.m-space-coin-list .coin-table tbody td {
  border-bottom: 0;
  font-size: 12px;
}
.m-space-coin-list .coin-table .coin-table-remark {
  color: #666;
}
.m-space-coin-list .coin-table .coin-table-value {
  font-size: 14px;
  display: flex;
  font-weight: 600;
}
.m-space-coin-list .coin-table .coin-table-value .op {
  font-size: 12px;
  margin-right: 4px;
  min-width: 9px;
}
.m-space-coin-list .coin-table .coin-table-value.dec {
  color: #f44336;
}

.m-space-coin-pager {
  padding: 20px 0 60px 0;
}

.m-space-coin-reward {
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 20px 0;
}
.m-space-coin-reward .reward-item {
  display: flex;
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  box-sizing: border-box;
}
.m-space-coin-reward .reward-item .reward-body {
  padding-right: 10px;
  box-sizing: border-box;
}
.m-space-coin-reward .reward-item .reward-header {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.m-space-coin-reward .reward-item .reward-header .icon {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.m-space-coin-reward .reward-item .reward-header .name {
  font-size: 15px;
  margin-right: 10px;
}
.m-space-coin-reward .reward-item .reward-header .score {
  display: block;
  height: 22px;
  line-height: 22px;
  border-radius: 22px;
  padding: 0 10px;
  background-color: #faede6;
  color: #ff5b01;
  font-size: 12px;
}
.m-space-coin-reward .reward-item .reward-remark {
  font-size: 13px;
  color: #666;
  height: 40px;
}
.m-space-coin-reward .reward-item .reward-action {
  margin-left: auto;
  flex-shrink: 0;
}
.m-space-coin-reward .reward-item .reward-action .ui-button {
  --ui-button-height: 32px;
  width: 100px;
}

.x-space-recharge {
  padding: 18px 12px;
  border-top: solid 1px #eee;
  background-color: #fff;
}
.x-space-recharge .recharge-alert {
  font-size: 13px;
  background-color: #f7fbff;
  padding: 10px 16px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.x-space-recharge .recharge-title {
  font-size: 14px;
  padding: 10px 0;
  color: #666;
}
.x-space-recharge .recharge-moneys {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 10px;
}
.x-space-recharge .recharge-money-item {
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #f0f0f0;
  text-align: center;
  width: calc(50% - 6px);
  cursor: pointer;
}
.x-space-recharge .recharge-money-item.active {
  border: solid 1px #1677ff;
}
.x-space-recharge .recharge-money-item .money-value {
  font-size: 19px;
  font-weight: bold;
}
.x-space-recharge .recharge-money-item .money-value span {
  font-size: 12px;
  margin-left: 2px;
}
.x-space-recharge .recharge-money-item .coin-value {
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}
.x-space-recharge .recharge-types {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.x-space-recharge .recharge-type-item {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #f0f0f0;
  text-align: center;
  min-width: 160px;
  cursor: pointer;
}
.x-space-recharge .recharge-type-item.active {
  border: solid 1px #1677ff;
}
.x-space-recharge .recharge-type-item .icon {
  width: 30px;
  height: 30px;
}
.x-space-recharge .recharge-type-item .name {
  margin-left: 10px;
}
.x-space-recharge .recharge-actions {
  margin-top: 30px;
  padding-bottom: 30px;
}
.x-space-recharge .recharge-actions .ui-button {
  width: 100%;
}

.x-space-message {
  padding: 10px 12px;
}
.x-space-message .message-item {
  display: flex;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 6px;
  border-bottom: solid 1px #eee;
}
.x-space-message .message-item:hover {
  background-color: #fbfbfb;
}
.x-space-message .message-item .icon {
  flex: 0 0 34px;
  width: 34px;
}
.x-space-message .message-item .icon .status-icon {
  display: block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border: solid 1px #ff4d4f;
  color: #ff4d4f;
  width: 34px;
  text-align: center;
  border-radius: 6px;
  box-sizing: border-box;
}
.x-space-message .message-item.read {
  opacity: 0.6;
}
.x-space-message .message-item.read .status-icon {
  color: #666;
  border: solid 1px #666;
}
.x-space-message .message-item .intro {
  padding: 0 10px 0 10px;
}
.x-space-message .message-item .intro .intro-title {
  color: rgba(0, 0, 0, 0.88);
}
.x-space-message .message-item .intro-attrs {
  color: #666;
  font-size: 12px;
  margin-top: 6px;
  display: flex;
  align-items: center;
}
.x-space-message .message-item .intro-attrs .attr-item {
  margin-right: 8px;
}
.x-space-message .message-item .intro-attrs .attr-item.times {
  display: inline-flex;
}
.x-space-message .message-item .intro-attrs .attr-item.times .time-icon {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.x-space-message .x-space-message-pager {
  padding: 20px 0 60px 0;
}

.m-space-page-content {
  padding: 20px 16px 40px 16px;
  font-size: 16px;
}
.m-space-page-content p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.m-button {
  font-size: 17px;
  font-weight: 600;
  --ui-button-height: 50px;
  --ui-button-line-height: 50px;
}

.m-global-index-login,
.m-global-index-register,
.m-global-index-forget,
.m-global-user-reset,
.m-global-question-create,
.m-global-question-edit {
  background-color: #fff;
}

.m-form {
  padding: 10px 12px;
}

.m-form-item {
  display: flex;
  min-height: 30px;
  padding: 8px 0;
  --ui-input-height: 50px;
  --ui-input-line-height: 50px;
}

.m-form-label {
  width: 80px;
  height: 50px;
  line-height: 50px;
  flex-shrink: 0;
}

.m-form-control {
  flex: 1 1 auto;
}
.m-form-control .ui-input-number {
  max-width: 200px;
  --ui-input-height: 40px;
  --ui-input-line-height: 40px;
}
.m-form-control .ui-input-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 50px;
  gap: 10px 20px;
  box-sizing: border-box;
}
.m-form-control .ui-input-radio .radio-item {
  display: flex;
  gap: 4px;
  align-items: center;
}
.m-form-control .help-block {
  color: #666;
  font-size: 12px;
  margin-top: 6px;
}
.m-form-control .ui-input {
  position: relative;
}
.m-form-control .ui-input .code-img {
  position: absolute;
  top: 6px;
  right: 16px;
  display: block;
  height: calc(var(--ui-input-height) - 12px);
}
.m-form-control .ui-profile-avatar {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
}
.m-form-control .ui-profile-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.m-form-control .ui-static-text {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
}
.m-form-control .ui-static-text .link {
  flex-shrink: 0;
}

.m-form-submit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0 50px 0;
  --ui-button-height: 50px;
  --ui-button-line-height: 50px;
}
.m-form-submit .ui-button {
  font-size: 17px;
  font-weight: 600;
}
.m-form-submit .read-policy {
  margin-bottom: 6px;
}
.m-form-submit .m-register-link {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 600;
  color: #1677ff;
}

.m-form-login {
  padding: 10px 18px;
}
.m-form-login .m-form-item {
  padding: 8px 0;
  --ui-white: #f7f7f7;
  --ui-border: #f7f7f7;
  --ui-input-height: 50px;
  --ui-input-line-height: 50px;
}
.m-form-login .m-form-logo {
  height: 34px;
  margin: 60px auto;
}
.m-form-login .m-form-logo img {
  height: 100%;
}
.m-form-login .m-form-submit {
  --ui-button-height: 50px;
  --ui-button-line-height: 50px;
}
.m-form-login .m-form-submit .ui-button {
  font-size: 17px;
  font-weight: 600;
}
.m-form-login .m-form-submit .ui-button.loading .icon {
  display: none;
}

.m-form-tools {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.m-form-alert {
  padding: 50px 20px;
}
.m-form-alert .m-form-alert-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}
.m-form-alert .m-form-alert-content {
  color: #666;
  line-height: 1.5;
  margin-bottom: 20px;
}

.m-form-profile .user-bind-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}
.m-form-profile .user-bind-item .icon {
  display: block;
  width: 32px;
  height: 32px;
}
.m-form-profile .user-bind-item .intro-remark {
  font-size: 12px;
  color: #666;
}
.m-form-profile .user-bind-item .actions {
  margin-left: auto;
}
.m-form-profile .user-bind-item .actions .ui-button {
  --ui-button-height: 32px;
  --ui-button-line-height: 32px;
}

.m-form-section {
  margin-bottom: 20px;
}
.m-form-section .section-title {
  color: #666;
  margin-bottom: 8px;
}
.m-form-section .section-body {
  background-color: #fff;
  padding: 10px;
  border-radius: 8px;
}
.m-form-section .section-body.not-padding-y {
  padding: 0 10px;
}

.m-form-switch-item {
  display: flex;
  align-items: center;
  padding: 14px 0;
  justify-content: space-between;
  border-bottom: solid 1px #f5f5f5;
}
.m-form-switch-item:last-child {
  border-bottom: 0;
}

.m-form-checkbox-item .m-form-label {
  height: 30px;
  line-height: 30px;
}
.m-form-checkbox-item .ui-input-radio {
  min-height: 30px;
  gap: 4px 20px;
}
.m-form-checkbox-item .ui-input-radio .radio-item {
  height: 30px;
  line-height: 30px;
}

.m-form-number-item .m-form-label {
  height: 40px;
  line-height: 40px;
}

.m-form-textarea-item .m-form-label {
  height: 30px;
  line-height: 30px;
}