/** 不知道此样式是否有效，将 scss 改成 css，避免按需加载报错 */

.mux-trigger-popup {
    position: absolute;
}

.mux-trigger-popup-hidden {
    visibility: hidden;
}
:root {
  /* 字体相关参数，输入或下拉框高度  */
  --line-height: 1.5;
  --font-size: 12px;
  --font-family: PingFang SC, "Microsoft Yahei", "SimHei", sans-serif;
  --font-number: Tahoma;
  --font-color: #333;
  --input-height: 32px;
  --input-small-height: 24px;
  --input-large-height: 40px;
  --anchor-font-color: #333;

  /* 品牌色 */
  --color-brand: #4554E5;
  --color-brand-gradient: #4554E5;
  --color-brand-hover: #3325D4;
  --color-brand-hover-gradient: #3325D4;
  --color-brand-vs: #F5714D;
  --color-brand-light: rgba(69, 84, 229, 0.2);
  --color-brand-opacity: rgba(69, 84, 229, 0.1);
  --color-brand-text: #ffffff;
  --color-brand-text-hover: #ffffff;
  --color-brand-opacity50: rgba(69, 84, 229, 0.5);
  --color-brand-opacity5: rgba(69, 84, 229, 0.05);

  /* 背景色 */
  --color-bg: #F8F9FA;
  --color-bg-hover: var(--color-brand-opacity);
  --color-bg-active: var(--color-brand-opacity);

  /* 边框 */
  --color-border: #e4e7f0;
  --border-radius: 8px;
  --border-small-radius: 6px;
  --border-large-radius: 10px;
  --border-extra-large-radius: 12px;

  /* trigger边框，背景色 */
  --bg-highlight: #f0f2f5;
  --border-highlight: #f0f2f5;
  --border-highlight-shadow: none;
  --bg-highlight-hover: #e4e7f0;
  --border-highlight-hover: #e4e7f0;
  --border-highlight-shadow-hover: none;
  --bg-highlight-active: #fff;
  --border-highlight-active-opacity: 0.5;
  --border-highlight-active: rgba(69, 84, 229, var(--border-highlight-active-opacity));
  --border-highlight-shadow-active-h: 0px;
  --border-highlight-shadow-active-v: 2px;
  --border-highlight-shadow-active-blur: 4px;
  --border-highlight-shadow-active-opacity: 0.2;
  --border-highlight-shadow-active: var(--border-highlight-shadow-active-h) var(--border-highlight-shadow-active-v) var(--border-highlight-shadow-active-blur) 0 rgba(69, 84, 229, var(--border-highlight-shadow-active-opacity));

  /* 品牌按钮颜色 */
  --btn-brand: var(--color-brand);
  --btn-brand-gradient: var(--color-brand-gradient);
  --btn-brand-shadow: none;
  --btn-brand-text: var(--color-brand-text);
  --btn-brand-hover: var(--color-brand-hover);
  --btn-brand-gradient-hover: var(--color-brand-hover-gradient);
  --btn-brand-shadow-hover: var(--color-brand-btn-shadow-hover);
  --btn-brand-text-hover: var(--color-brand-text-hover);
  --btn-brand-shadow-hover-h: 0px;
  --btn-brand-shadow-hover-v: 2px;
  --btn-brand-shadow-hover-blur: 10px;
  --btn-brand-shadow-hover-opacity: 0.4;

  /*次要按钮*/
  --btn-border: #E6E6E7;
  --btn-bg: #ffffff;
  --btn-text: #333;
  --btn-border-hover: rgba(69, 84, 229, 0.5);
  --btn-bg-hover: rgba(69, 84, 229, 0.08);
  --btn-text-hover: var(--color-brand);

  /*不同尺寸*/
  --btn-h-gap: 11px;
  --btn-min-width: var(--input-min-width);
  --btn-font-size: var(--font-size);
  --btn-border-radius: 500px;
  --btn-small-h-gap: 11px;
  --btn-small-min-width: var(--input-small-min-width);
  --btn-small-font-size: var(--input-small-font-size);
  --btn-small-border-radius: 500px;
  --btn-large-h-gap: 15px;
  --btn-large-min-width: var(--input-large-min-width);
  --btn-large-font-size: var(--input-large-font-size);
  --btn-large-border-radius: 500px;

  /* 项目相关颜色，app-brand和app-brand-gradient预留做品牌差异 */
  --app-brand: var(--color-brand);
  --app-brand-gradient: var(--color-brand-gradient);
  --app-nav-bg: #303a58;
  --app-bg: #f9f9f9;

  /* 最小宽度定义 */
  --app-min-width: 1415px;

  /* 提示颜色 */
  --color-warn: #FFA53D;
  --color-red: #FF4D4D;
  --color-green: #08BF81;
  --color-blue: #6A76EA;

  /* 动画 */
  --duration: 0.2s;

  /* 弹出卡片（dialog，grid等大展示卡片）：布局间距、边框、阴影（透明度及shadow定义）供微前端嵌入补充Magix侧变量 */
  --output-v-gap: 16px;
  --output-h-gap: 24px;
  --output-border-radius: 16px;
  --output-offset: 8px;
  --output-item-height: 28px;
  --output-small-v-gap: 8px;
  --output-small-h-gap: 16px;
  --output-small-border-radius: 8px;
  --output-large-v-gap: 24px;
  --output-large-h-gap: 24px;
  --output-large-border-radius: 16px;

  /* trigger（比如dropdown这类需要触发节点+下拉框） 配置，尺寸，颜色 供微前端嵌入补充Magix侧变量 */
  --input-v-gap: 8px;
  --input-h-gap: 8px;
  --input-min-width: 64px;
  --input-font-size: var(--font-size);
  --input-small-v-gap: 8px;
  --input-small-h-gap: 8px;
  --input-small-min-width: 48px;
  --input-small-font-size: var(--font-size);
  --input-large-v-gap: 12px;
  --input-large-h-gap: 12px;
  --input-large-min-width: 88px;
  --input-large-font-size: calc(var(--font-size) + 2px);
  --input-gap-border: #e4e0e7;
}

/* marquex 内部使用变量，不对外透出 */

:root {
  --mux-comp-disabled-opacity: 0.4;

  /* 布局间距、边框、阴影 */
  --mux-comp-v-gap: 16px;
  --mux-comp-h-gap: 24px;
  --mux-comp-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  --mux-comp-shadow-border: 0 none;
  --mux-comp-btn-gap: 8px;

  /* trigger-tag配置，尺寸，颜色 */
  --mux-trigger-tag-gap: 2px;
  --mux-trigger-tag-height: calc(var(--input-height) - (var(--mux-trigger-tag-gap) * 4) - 2px);
  --mux-trigger-tag-bg: #fff;
  --mux-trigger-tag-bg-hover: #fff;
  --mux-trigger-tag-bg-active: var(--color-brand-opacity);
  --mux-trigger-tag-arrow-color: #999;
  --mux-trigger-tag-arrow-color-hover: #666;
  --mux-trigger-input-placeholder-color: #999;

  /* trigger尺寸配置 */
  --mux-trigger-prefix-icon: #666;
  --mux-trigger-prefix-text: #666;
  --mux-trigger-arrow-size: 16px;
  --mux-trigger-arrow-color: #333;
  --mux-trigger-arrow-color-hover: #333;
  --mux-trigger-v-gap: 8px;
  --mux-trigger-h-gap: 8px;
  --mux-trigger-min-width: var(--btn-min-width);
  --mux-trigger-font-size: var(--btn-font-size);
  --mux-trigger-small-v-gap: 8px;
  --mux-trigger-small-h-gap: 8px;
  --mux-trigger-small-min-width: var(--btn-small-min-width);
  --mux-trigger-small-font-size: var(--btn-small-font-size);
  --mux-trigger-large-v-gap: 8px;
  --mux-trigger-large-h-gap: 12px;
  --mux-trigger-large-min-width: var(--btn-large-min-width);
  --mux-trigger-large-font-size: var(--btn-large-font-size);

  /* table 参数 */
  --mux-table-hover-color: #F5F6F8;
  --mux-table-hover-expanded-row-bg: #EAECF1;
  --mux-table-border-color: #DFDFDF;
  --mux-table-size--large: 100px;
  --mux-table-size--normal: 60px;
  --mux-table-size--small: 40px;
  --mux-table-expanded-row-height: 40px;
  --mux-table-header-height--small: 50px;
  --mux-table-header-background: white;

  /* checkbox radio参数 */
  --mux-radio-color: #dadadb;
  --mux-radio-shadow-color: rgba(0, 0, 0, 0.16);
  --mux-radio-gap: 8px;
  --mux-checkbox-color: #9095A1;
  --mux-checkbox-size: calc(var(--font-size) + 2px);
  --mux-checkbox-border-radius: 4px;

  /* tag参数 */
  --mux-tag-font-scale: 0.84;

  /* navbar参数 */
  --mux-nav-icon-gap: 12px;
  --mux-nav-h-gap: 24px;

  /* modal，drawer,loading，image，guides等蒙层颜色 */
  --mux-mask-bg: rgba(0, 0, 0, 0.6);
  --mux-mask-light-bg: rgba(255, 255, 255, 0.6);

  /* statisic 参数 */
  --mux-statistic-font-size-integer: 20px;
  --mux-statistic-font-size-decimal: 14px;

  /* field 参数 */
  --mux-field-color-error: var(--color-red);
  --mux-field-color-warning: var(--color-warn);
  --mux-field-color-success: var(--color-green);
  --mux-field-color-highlight: var(--color-brand);
  --mux-field-color-initial: transparent;

  /* 按钮-待和magix对齐是否添加--mux前缀 */
  --mux-common-bg: transparent;
  --mux-btn-h-gap: 12px;

  /* process 参数-待和magix对齐 */
  --mux-process-color-success: var(--color-green);
  --mux-process-color-suspend: var(--color-warn);
  --mux-process-color-error: var(--color-red);

  /* 品牌色-待和magix对齐是否添加--mux前缀 */
  --color-brand-alpha-10: rgba(62, 62, 255, 0.10);
  --color-brand-alpha-50: rgba(62, 62, 255, 0.50);
  --color-brand-btn-shadow-hover: 0 2px 10px 0 rgba(62, 62, 255, 0.40);

  /* 区块卡片，通栏bannner，抽屉-待和magix对齐是否添加--mux前缀 */
  --border-huge-radius: 16px;

  /* /* trigger边框，背景色待和magix对齐是否添加--mux前缀 */
  --border-highlight-active-error: rgba(237, 0, 0, 0.5);
  --border-highlight-shadow-active-error: 0 2px 4px 0 rgba(237, 0, 0, 0.2);
  --border-highlight-active-warning: rgba(255, 136, 0, 0.5);
  --border-highlight-shadow-active-warning: 0 2px 4px 0 rgba(255, 136, 0, 0.2);
  --border-highlight-active-success: rgba(0, 175, 116, 0.5);
  --border-highlight-shadow-active-success: 0 2px 4px 0 rgba(0, 175, 116, 0.2);

  /* 警告按钮颜色-待和magix对齐是否添加--mux前缀 */
  --btn-error: #f44;
  --btn-error-gradient: #f44;
  --btn-error-text: #fff;
  --btn-error-hover: #cc0909;
  --btn-error-gradient-hover: #cc0909;
  --btn-error-shadow-hover: 0 2px 10px 0 rgba(255,68,68,0.4);
  --btn-error-text-hover: #fff;
  --btn-error-border: #CF1C1C;
  --btn-error-bg: #ffecec;
  --btn-error-border-hover: #fd9b9b;
  --btn-error-bg-hover: #fedadb;

  /* 颜色-待和magix对齐是否添加--mux前缀 */
  --color-orange: #f50;
  --color-gray: rgba(0, 0, 0, 0.25);
  --color-red-weaken: #C9817B;

  /* AI 主题色 */
  --mux-ai-brand--color: #ae5cff;
  --mux-ai-brand-gradient-color: #5C5CFF;
  --mux-ai-brand-gradient-tl-br: linear-gradient(135deg, #5c5cff 0%, #ae5cff 95%);
  --mux-ai-brand-gradient-tl-br-dark: linear-gradient(135deg, #3e3eff 0%, #9933ff 95%);
  --mux-ai-brand-gradient-tl-br-light: linear-gradient(135deg, #ebd7ff 0%, #d7d7ff 100%);
  --mux-ai-brand-gradient-tl-br-slight: linear-gradient(117deg, #ECECFF 0%, #E9FBFF 48%, #F4EAFF 100%);
  --mux-ai-brand-gradient-tl-br-lighter: linear-gradient(135deg, #f5f5ff, #f5fdff 50%, #faf5ff);
  --mux-ai-brand-gradient-l-r-dark: linear-gradient(to right, #3e3eff 5%, #9933ff 95%);
  --mux-ai-brand-gradient-line: linear-gradient(135deg, #3e3eff, #1dd3ff, #8e28ff);

  /* 营销主题色 */
  --mux-marketing-brand-color: #ff0036;
  --mux-marketing-brand-gradient-color: #f257a8;
  --mux-marketing-brand-gradient-t-b: linear-gradient(to bottom,#f257a8 0,#ff0036 100%);
  --mux-marketing-brand-gradient-t-b-dark: linear-gradient(to bottom,#df2e8b 0,#e80c20 100%);
  --mux-marketing-brand-gradient-t-b-light: linear-gradient(to bottom,#FFFFFF,#FFCCD7);
  --mux-marketing-brand-gradient-t-b-lighter: linear-gradient(to bottom,#FFFFFF,#FFE6EB);
  --mux-marketing-brand-gradient-l-r: linear-gradient(to right,#f257a8 0,#ff0036 100%);
  --mux-marketing-brand-gradient-l-r-dark: linear-gradient(to right,#df2e8b 0,#e80c20 100%);
  --mux-marketing-brand-gradient-tl-br-light: linear-gradient(135deg,#ffe6eb,#fdeef6);
  --mux-marketing-brand-gradient-tl-br-lighter: linear-gradient(135deg,#fff2f5,#fef6fa);
}

@charset "UTF-8";
/* stylelint-disable */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
*    IE on Windows Phone and in iOS.
*/
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
    ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
  margin: 0;
}

/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
* Add the correct margin in IE 8.
*/
figure {
  margin: 1em 40px;
}

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
    ========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
  font-weight: inherit;
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
* Add the correct font style in Android 4.3-.
*/
dfn {
  font-style: italic;
}

/**
* Add the correct background and color in IE 9-.
*/
mark {
  background-color: #FF0;
  color: #000;
}

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
    ========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
  display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Remove the border on images inside links in IE 10-.
*/
img {
  border-style: none;
}

/**
* Hide the overflow in IE.
*/
svg:not(:root) {
  overflow: hidden;
}

/* Forms
    ========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
  text-transform: none;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
  overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
    ========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
  display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item;
}

/* Scripting
    ========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
  display: inline-block;
}

/**
* Add the correct display in IE.
*/
template {
  display: none;
}

/* Hidden
    ========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
  display: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin-left: 0;
}

a {
  text-decoration: none;
  /** 与 magix 保持一致 */
  color: #333;
  color: var(--anchor-font-color, #333);
  /** 不应该覆盖这些样式，避免微前端与 magix 嵌入时，产生异常 */
}
a:hover {
  color: var(--color-brand);
}

h1 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

h2 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

h3 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 28px;
}

h4 {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
}

h5 {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 24px;
}

h6 {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
}

p {
  margin-bottom: 6px;
  line-height: 20px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 5px;
  min-width: 5px;
  border: 0 none;
  border-radius: 32px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
  border: 0 none;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: #333;
  color: var(--font-color, #333);
}

/** 所有 font 定义 */
@font-face {
  font-family: "Alibaba Sans";
  src: url("//a1.alicdn.com/alp_large_file/d707e35f/wkxdd.woff2") format("woff2"), url("//a1.alicdn.com/alp_large_file/d707e35f/5lphh.woff") format("woff"), url("//a1.alicdn.com/alp_large_file/d707e35f/nh5cs.ttf") format("truetype");
  font-weight: light;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alibaba Sans 102";
  src: url("//a1.alicdn.com/alp_large_file/d707e35f/sgz8e.woff2") format("woff2"), url("//a1.alicdn.com/alp_large_file/d707e35f/tmm3c.woff") format("woff"), url("//a1.alicdn.com/alp_large_file/d707e35f/jx2jb.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alibaba Sans";
  src: url("//a1.alicdn.com/alp_large_file/d707e35f/aawy2.woff2") format("woff2"), url("//a1.alicdn.com/alp_large_file/d707e35f/hvp7y.woff") format("woff"), url("//a1.alicdn.com/alp_large_file/d707e35f/cizsl.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alibaba Sans";
  src: url("//a1.alicdn.com/alp_large_file/d707e35f/bffga.woff2") format("woff2"), url("//a1.alicdn.com/alp_large_file/d707e35f/j9lh7.woff") format("woff"), url("//a1.alicdn.com/alp_large_file/d707e35f/ogztp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.mux-footer-row {
  line-height: 28px;
  text-align: center;
  color: #999;
}
.mux-footer-row .mux-footer-link {
  color: #999;
}
.mux-footer-row .mux-footer-link:hover {
  color: #666;
}
.mux-footer-row .mux-footer-link-nonhref:hover {
  color: #999;
}

.mux-footer-link {
  display: inline-block;
  line-height: 12px;
  vertical-align: middle;
}
.mux-footer-link:focus {
  text-decoration: none;
}
.mux-footer-link:not(:last-child) {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid var(--color-border);
}

.mux-footer-divider {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  height: 12px;
  width: 1px;
  background-color: var(--color-border);
  margin: 0 8px;
}

.mux-footer-icon {
  vertical-align: middle;
}

.mux-footer-record-link {
  margin-left: 6px;
  line-height: 24px;
}

.mux-footer-products {
  flex-wrap: wrap;
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 40px 260px 0 140px;
  max-width: 1280px;
}
.mux-footer-products-logo {
  position: absolute;
  left: 0;
  background-image: url("https://img.alicdn.com/imgextra/i2/O1CN01TzhZpc1OSTbGEQzPK_!!6000000001704-2-tps-148-198.png");
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 116px;
  margin: auto;
  width: 76px;
}
.mux-footer-products-c {
  display: flex;
}
.mux-footer-products-c-item {
  width: 25%;
}
.mux-footer-products-c-item-title {
  margin-bottom: 16px;
  padding-top: 4px;
}
.mux-footer-products-c-item-href {
  line-height: 22px;
}
.mux-footer-products-c-item-href a {
  color: #999 !important;
}
.mux-footer-products-c-item-href a:hover {
  color: var(--color-brand) !important;
}
.mux-footer-products-code {
  display: flex;
  line-height: 22px;
  position: absolute;
  top: 40px;
  right: 0;
  color: #999;
}
.mux-footer-products-code-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
}
.mux-footer-products-code-item img {
  width: 80px;
  margin-bottom: 10px;
}

.mux-footer-products-line {
  width: 100%;
  max-width: 1280px;
  height: 1px;
  background-color: var(--color-border);
  margin: 0 auto;
  margin-top: 16px;
}
@charset "UTF-8";
/** 此文件由命令 npm run sync:iconfont 自动生成，不要手动修改 */
@font-face {
  font-family: "mux-icon"; /* Project id 3174061 */
  src: url("//at.alicdn.com/t/a/font_3174061_7icfk5j2665.woff2?t=1735033608008") format("woff2"), url("//at.alicdn.com/t/a/font_3174061_7icfk5j2665.woff?t=1735033608008") format("woff"), url("//at.alicdn.com/t/a/font_3174061_7icfk5j2665.ttf?t=1735033608008") format("truetype"), url("//at.alicdn.com/t/a/font_3174061_7icfk5j2665.svg?t=1735033608008#mux-icon") format("svg");
}
.mux-icon {
  font-family: "mux-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mux-icon-daohangshouna:before {
  content: "\e756";
}

.mux-icon-daohangshouna_tianchong:before {
  content: "\e757";
}

.mux-icon-chakan:before {
  content: "\e663";
}

.mux-icon-bin:before {
  content: "\e8fc";
}

.mux-icon-huodongguanli:before {
  content: "\e7a8";
}

.mux-icon-youhuiquan:before {
  content: "\e7bb";
}

.mux-icon-moren13:before {
  content: "\e6c1";
}

.mux-icon-moren14:before {
  content: "\e6c2";
}

.mux-icon-a-xiangqing2:before {
  content: "\e63a";
}

.mux-icon-putongyemian:before {
  content: "\e677";
}

.mux-icon-quanzhantuiguang:before {
  content: "\e7d6";
}

.mux-icon-shangchuan:before {
  content: "\e755";
}

.mux-icon-waibutiaozhuanlianjie:before {
  content: "\e7b1";
}

.mux-icon-waibutiaozhuanlianjie_tianchong:before {
  content: "\e7b0";
}

.mux-icon-bianji:before {
  content: "\e754";
}

.mux-icon-shouqi2:before {
  content: "\e7b4";
}

.mux-icon-guanbi:before {
  content: "\e607";
}

.mux-icon-tuozhuai:before {
  content: "\e675";
}

.mux-icon-dianzan1:before {
  content: "\e60c";
}

.mux-icon-xing:before {
  content: "\e60f";
}

.mux-icon-aixin:before {
  content: "\e639";
}

.mux-icon-yousanjiao:before {
  content: "\e618";
}

.mux-icon-sanjiao-shouqi:before {
  content: "\e601";
}

.mux-icon-sanjiao-zhankai:before {
  content: "\e604";
}

.mux-icon-cuowu1:before {
  content: "\e676";
}

.mux-icon-jinggao:before {
  content: "\e679";
}

.mux-icon-shuaxin:before {
  content: "\e768";
}

.mux-icon-jiantou-zuoshang:before {
  content: "\e67d";
}

.mux-icon-jiantou-youxia:before {
  content: "\e922";
}

.mux-icon-jiantou-youshang:before {
  content: "\e923";
}

.mux-icon-shenglvehao:before {
  content: "\e611";
}

.mux-icon-shang:before {
  content: "\e615";
}

.mux-icon-you:before {
  content: "\e616";
}

.mux-icon-xia:before {
  content: "\e617";
}

.mux-icon-zuo:before {
  content: "\e619";
}

.mux-icon-shouqi:before {
  content: "\e8f1";
}

.mux-icon-zhankai:before {
  content: "\e8fb";
}

.mux-icon-cuowu:before {
  content: "\e600";
}

.mux-icon-back-top:before {
  content: "\e614";
}

.mux-icon-feedback:before {
  content: "\e66e";
}

.mux-icon-operation-guide:before {
  content: "\e671";
}

.mux-icon-function-guide:before {
  content: "\e672";
}

.mux-icon-scan:before {
  content: "\e673";
}

.mux-icon-new-user:before {
  content: "\e674";
}

.mux-icon-dianhua:before {
  content: "\e638";
}

.mux-icon-bofang:before {
  content: "\e6f5";
}

.mux-icon-puguang:before {
  content: "\e6f6";
}

.mux-icon-sound:before {
  content: "\e6f7";
}

.mux-icon-tupianshangchuan:before {
  content: "\e6f8";
}

.mux-icon-plus:before {
  content: "\e6fa";
}

.mux-icon-shibai:before {
  content: "\e6fd";
}

.mux-icon-dengdai:before {
  content: "\e6fe";
}

.mux-icon-menu:before {
  content: "\e702";
}

.mux-icon-hengxiangfanye:before {
  content: "\e703";
}

.mux-icon-jihuafenxi:before {
  content: "\e6cc";
}

.mux-icon-tool:before {
  content: "\e6cd";
}

.mux-icon-tuiguangzhefenxi:before {
  content: "\e6ce";
}

.mux-icon-tuanchangguanli1:before {
  content: "\e6cf";
}

.mux-icon-zengzhi:before {
  content: "\e6d1";
}

.mux-icon-fabuneirongrenwu:before {
  content: "\e6d2";
}

.mux-icon-quandian:before {
  content: "\e6d3";
}

.mux-icon-shangpin:before {
  content: "\e6d4";
}

.mux-icon-pinleifenxi1:before {
  content: "\e6d5";
}

.mux-icon-qudaofenxiang1:before {
  content: "\e6d6";
}

.mux-icon-gongkaituiguang:before {
  content: "\e6d7";
}

.mux-icon-gongju1:before {
  content: "\e6d8";
}

.mux-icon-zhanghu:before {
  content: "\e6da";
}

.mux-icon-tuiguangzhefenxi1:before {
  content: "\e6db";
}

.mux-icon-jihuafenxi1:before {
  content: "\e6dc";
}

.mux-icon-tuanchangguanli2:before {
  content: "\e704";
}

.mux-icon-zengzhi1:before {
  content: "\e705";
}

.mux-icon-fabuneirongrenwu1:before {
  content: "\e706";
}

.mux-icon-dingdanfenxi1:before {
  content: "\e707";
}

.mux-icon-quandian1:before {
  content: "\e708";
}

.mux-icon-guanlizhongxin:before {
  content: "\e709";
}

.mux-icon-dingdanshuju:before {
  content: "\e70a";
}

.mux-icon-huodongtuiguang:before {
  content: "\e70b";
}

.mux-icon-huiyuanyunyingguanli:before {
  content: "\e70c";
}

.mux-icon-chufazhongxin:before {
  content: "\e70d";
}

.mux-icon-hongbaotuiguang:before {
  content: "\e70e";
}

.mux-icon-bingdianjia:before {
  content: "\e70f";
}

.mux-icon-jiesuanzhongxin:before {
  content: "\e710";
}

.mux-icon-taobaomiling:before {
  content: "\e712";
}

.mux-icon-tuiguangjiankong:before {
  content: "\e713";
}

.mux-icon-neirongkuchaxun:before {
  content: "\e714";
}

.mux-icon-xingrenwu:before {
  content: "\e715";
}

.mux-icon-xuanpinku:before {
  content: "\e716";
}

.mux-icon-zhanghushuju:before {
  content: "\e717";
}

.mux-icon-zhuanliangongju:before {
  content: "\e718";
}

.mux-icon-wodehuodongzhaoshang:before {
  content: "\e719";
}

.mux-icon-tuiguangzhebeian:before {
  content: "\e71a";
}

.mux-icon-tuiguangzhebeianbeifen:before {
  content: "\e71b";
}

.mux-icon-qudaofenxiang:before {
  content: "\e6ff";
}

.mux-icon-gongkaituiguang1:before {
  content: "\e71c";
}

.mux-icon-account:before {
  content: "\e71d";
}

.mux-icon-pinleifenxi:before {
  content: "\e71e";
}

.mux-icon-chuangyi:before {
  content: "\e694";
}

.mux-icon-live:before {
  content: "\e695";
}

.mux-icon-video:before {
  content: "\e696";
}

.mux-icon-moban:before {
  content: "\e697";
}

.mux-icon-ladiye:before {
  content: "\e698";
}

.mux-icon-tupianshipin:before {
  content: "\e699";
}

.mux-icon-wenzilian:before {
  content: "\e69a";
}

.mux-icon-lock:before {
  content: "\e69b";
}

.mux-icon-unlock:before {
  content: "\e69c";
}

.mux-icon-mobancuowu:before {
  content: "\e62b";
}

.mux-icon-zhibojiazaishibai:before {
  content: "\e62c";
}

.mux-icon-shipinshipinjiazaicuowu:before {
  content: "\e62d";
}

.mux-icon-tupianjiazaishibai:before {
  content: "\e62e";
}

.mux-icon-zhinengchuangyibao:before {
  content: "\e62f";
}

.mux-icon-ladiyebeishanchu:before {
  content: "\e630";
}

.mux-icon-zonglan:before {
  content: "\e8df";
}

.mux-icon-edit:before {
  content: "\e8e0";
}

.mux-icon-caiwujilu:before {
  content: "\e8e1";
}

.mux-icon-chongzhi:before {
  content: "\e8e2";
}

.mux-icon-chuangyigongchang:before {
  content: "\e8e3";
}

.mux-icon-caozuojilu:before {
  content: "\e8e4";
}

.mux-icon-disanfang:before {
  content: "\e8e5";
}

.mux-icon-dianpushishibaobiao:before {
  content: "\e8e6";
}

.mux-icon-dianpujichubaobiao:before {
  content: "\e8e7";
}

.mux-icon-manual:before {
  content: "\e8e8";
}

.mux-icon-dailizhanghu:before {
  content: "\e8e9";
}

.mux-icon-huanyihuan:before {
  content: "\e8ea";
}

.mux-icon-fanhuidingbu:before {
  content: "\e8eb";
}

.mux-icon-chuangyizhushou:before {
  content: "\e8ec";
}

.mux-icon-dingshishangjiabaobiao:before {
  content: "\e8ed";
}

.mux-icon-fenxiguiyin:before {
  content: "\e8ee";
}

.mux-icon-gongnengyindao:before {
  content: "\e8ef";
}

.mux-icon-huopinyingxiaobaobiao:before {
  content: "\e8f0";
}

.mux-icon-qiangweizhushou:before {
  content: "\e8f2";
}

.mux-icon-jingzhengfenxi:before {
  content: "\e8f3";
}

.mux-icon-liuliangjiexi:before {
  content: "\e8f4";
}

.mux-icon-qushimingxing:before {
  content: "\e8f5";
}

.mux-icon-liuliangzhixuan:before {
  content: "\e8f6";
}

.mux-icon-huodongchangjingbaobiao:before {
  content: "\e8f7";
}

.mux-icon-lianxirenguanli:before {
  content: "\e8f8";
}

.mux-icon-qushixiaobao:before {
  content: "\e8f9";
}

.mux-icon-quanbujihua:before {
  content: "\e8fa";
}

.mux-icon-rili:before {
  content: "\e8fd";
}

.mux-icon-qushi:before {
  content: "\e8fe";
}

.mux-icon-quanping:before {
  content: "\e8ff";
}

.mux-icon-shuoming:before {
  content: "\e900";
}

.mux-icon-tishi:before {
  content: "\e901";
}

.mux-icon-quanxinshengji:before {
  content: "\e902";
}

.mux-icon-weiguijilu:before {
  content: "\e903";
}

.mux-icon-shengyicanmou:before {
  content: "\e904";
}

.mux-icon-toufangshezhi:before {
  content: "\e905";
}

.mux-icon-download:before {
  content: "\e906";
}

.mux-icon-wodeyouhuiquan:before {
  content: "\e908";
}

.mux-icon-wodeguanzhu:before {
  content: "\e909";
}

.mux-icon-xiaofeizhedongchabaogao:before {
  content: "\e90a";
}

.mux-icon-yidongduan:before {
  content: "\e90b";
}

.mux-icon-xiaoliangmingxing:before {
  content: "\e90c";
}

.mux-icon-setting:before {
  content: "\e90d";
}

.mux-icon-yingxiaochangjing:before {
  content: "\e90e";
}

.mux-icon-xinpinchengchangbaobiao:before {
  content: "\e90f";
}

.mux-icon-xiaoliangmingxingbaogao:before {
  content: "\e910";
}

.mux-icon-wodejihuazu:before {
  content: "\e911";
}

.mux-icon-mail:before {
  content: "\e912";
}

.mux-icon-youhuiquanshiyongjilu:before {
  content: "\e914";
}

.mux-icon-zhanghumingxi:before {
  content: "\e915";
}

.mux-icon-yingxiaoleida:before {
  content: "\e916";
}

.mux-icon-zhanghuzhenduan:before {
  content: "\e917";
}

.mux-icon-zhibotuiguang:before {
  content: "\e918";
}

.mux-icon-zhitongchebaobiao:before {
  content: "\e919";
}

.mux-icon-zhinengchujia:before {
  content: "\e91a";
}

.mux-icon-zhinengtuiguang:before {
  content: "\e91b";
}

.mux-icon-zidongchongzhihetixing:before {
  content: "\e91c";
}

.mux-icon-zizhiguanli:before {
  content: "\e91d";
}

.mux-icon-zhinengtuiguangbaogao:before {
  content: "\e91e";
}

.mux-icon-xiangzuoshouqi:before {
  content: "\e91f";
}

.mux-icon-yingxiaoguanli:before {
  content: "\e920";
}

.mux-icon-cart:before {
  content: "\e69d";
}

.mux-icon-fugou:before {
  content: "\e69e";
}

.mux-icon-chaohong:before {
  content: "\e6fb";
}

.mux-icon-yushou:before {
  content: "\e71f";
}

.mux-icon-zongshouyi:before {
  content: "\e720";
}

.mux-icon-eye-close:before {
  content: "\e602";
}

.mux-icon-eye-open:before {
  content: "\e603";
}

.mux-icon-biaoqianshichang:before {
  content: "\e6a0";
}

.mux-icon-dianpuchaojiyonghudongchaquanren:before {
  content: "\e6a1";
}

.mux-icon-zhibodongcha:before {
  content: "\e6a2";
}

.mux-icon-pinzhuanbaobiao:before {
  content: "\e6a3";
}

.mux-icon-zidingyidongcha:before {
  content: "\e6a4";
}

.mux-icon-danpindongcha:before {
  content: "\e6a5";
}

.mux-icon-renqunbao:before {
  content: "\e6a6";
}

.mux-icon-chaotuirenquntongbu:before {
  content: "\e6a7";
}

.mux-icon-zuanzhanrenquntongbu:before {
  content: "\e6a8";
}

.mux-icon-renqunzuhequanren:before {
  content: "\e6a9";
}

.mux-icon-zhanwairenqun:before {
  content: "\e6aa";
}

.mux-icon-LBS:before {
  content: "\e6ab";
}

.mux-icon-changzhouqihangweibiaoqian:before {
  content: "\e6ac";
}

.mux-icon-gaojiegongshiquanren:before {
  content: "\e6ad";
}

.mux-icon-pinzhuanrenquntongbu:before {
  content: "\e6ae";
}

.mux-icon-suanfadingzhirenqunbao:before {
  content: "\e6af";
}

.mux-icon-fugourenqun:before {
  content: "\e6b0";
}

.mux-icon-shishibiaoqian:before {
  content: "\e6b1";
}

.mux-icon-biaoqianzuhe:before {
  content: "\e6b2";
}

.mux-icon-jiaobingcha:before {
  content: "\e6b3";
}

.mux-icon-liuliangjingzhenggongju:before {
  content: "\e6b4";
}

.mux-icon-zhuanchangwu-copy:before {
  content: "\e640";
}

.mux-icon-renqunbaobiao:before {
  content: "\e78a";
}

.mux-icon-laxinrenqun:before {
  content: "\e78b";
}

.mux-icon-shujushangchuan:before {
  content: "\e78c";
}

.mux-icon-zidingyibiaoqian:before {
  content: "\e78d";
}

.mux-icon-qianniu:before {
  content: "\e78e";
}

.mux-icon-up-circle:before {
  content: "\e6b5";
}

.mux-icon-down-circle:before {
  content: "\e6b6";
}

.mux-icon-minus-circle:before {
  content: "\e6b7";
}

.mux-icon-ellipsis-circle:before {
  content: "\e6b8";
}

.mux-icon-plus-circle:before {
  content: "\e6b9";
}

.mux-icon-double-right:before {
  content: "\e6ba";
}

.mux-icon-double-left:before {
  content: "\e6bb";
}

.mux-icon-baobiaoquanxian:before {
  content: "\e6bc";
}

.mux-icon-jiagouchengben:before {
  content: "\e6bd";
}

.mux-icon-shenhetongdao:before {
  content: "\e6be";
}

.mux-icon-dongxiaochuangyi:before {
  content: "\e6bf";
}

.mux-icon-kaipingchuangyi:before {
  content: "\e6c0";
}

.mux-icon-guanjia:before {
  content: "\e631";
}

.mux-icon-siyuhezuo:before {
  content: "\e711";
}

.mux-icon-liekuan:before {
  content: "\e6c5";
}

.mux-icon-chaojizhibo:before {
  content: "\e6c6";
}

.mux-icon-pinpaishoutui:before {
  content: "\e6c7";
}

.mux-icon-pinpaizhuanqu:before {
  content: "\e6c8";
}

.mux-icon-pinpaiPUSH:before {
  content: "\e6c9";
}

.mux-icon-mingxingdianpu:before {
  content: "\e6ca";
}

.mux-icon-mingxingdanpin:before {
  content: "\e6d0";
}

.mux-icon-nickname:before {
  content: "\e6cb";
}

.mux-icon-yiyebaping:before {
  content: "\e6df";
}

.mux-icon-search:before {
  content: "\e6ef";
}

.mux-icon-loading:before {
  content: "\e6f4";
}

.mux-icon-paper-clip:before {
  content: "\e6f9";
}

.mux-icon-no2:before {
  content: "\e724";
}

.mux-icon-no3:before {
  content: "\e725";
}

.mux-icon-no1:before {
  content: "\e726";
}

.mux-icon-error:before {
  content: "\e727";
}

.mux-icon-info:before {
  content: "\e728";
}

.mux-icon-success:before {
  content: "\e729";
}

.mux-icon-warn:before {
  content: "\e72a";
}

.mux-icon-clear:before {
  content: "\e72b";
}

.mux-icon-sort:before {
  content: "\e723";
}

.mux-icon-asc:before {
  content: "\e72c";
}

.mux-icon-desc:before {
  content: "\e72d";
}

.mux-icon-question-circle:before {
  content: "\e72f";
}

.mux-icon-clock:before {
  content: "\e730";
}

.mux-icon-calendar:before {
  content: "\e72e";
}

.mux-icon-pause-circle:before {
  content: "\e731";
}

.mux-icon-play-circle:before {
  content: "\e732";
}

.mux-icon-jianji:before {
  content: "\e632";
}

.mux-icon-tiaozhuan:before {
  content: "\e733";
}

.mux-icon-shaixuan:before {
  content: "\e734";
}

.mux-icon-unidesk:before {
  content: "\e735";
}

.mux-icon-chaojizuanzhan:before {
  content: "\e736";
}

.mux-icon-zidingyiliuliangbao:before {
  content: "\e633";
}

.mux-icon-liuliangbao:before {
  content: "\e634";
}

.mux-icon-shangchuanshipin:before {
  content: "\e737";
}

.mux-icon-tingzhi:before {
  content: "\e738";
}

.mux-icon-check-circle:before {
  content: "\e739";
}

.mux-icon-alarm:before {
  content: "\e73a";
}

.mux-icon-zhinengpeise:before {
  content: "\e635";
}

.mux-icon-ddm:before {
  content: "\e636";
}

.mux-icon-wenangensui:before {
  content: "\e637";
}

.mux-icon-dianzan:before {
  content: "\e73b";
}

.mux-icon-chengjiao:before {
  content: "\e73c";
}

.mux-icon-chuchuangliulan:before {
  content: "\e73d";
}

.mux-icon-cart1:before {
  content: "\e73e";
}

.mux-icon-dianji:before {
  content: "\e73f";
}

.mux-icon-chuchuanghudong:before {
  content: "\e740";
}

.mux-icon-yibanbanba:before {
  content: "\e6fc";
}

.mux-icon-youdiannanyong:before {
  content: "\e721";
}

.mux-icon-huanbucuoyo:before {
  content: "\e722";
}

.mux-icon-ganjuehenbang:before {
  content: "\e741";
}

.mux-icon-nanyongdaozhuakuang:before {
  content: "\e742";
}

.mux-icon-qudaoguanli:before {
  content: "\e6d9";
}

.mux-icon-fenshizhekou:before {
  content: "\e743";
}

.mux-icon-zhinengdaogouAPIshouquan:before {
  content: "\e6dd";
}

.mux-icon-baihedingxiang:before {
  content: "\e744";
}

.mux-icon-shouyi:before {
  content: "\e6de";
}

.mux-icon-dingxiangpingbi:before {
  content: "\e745";
}

.mux-icon-dingbu:before {
  content: "\e6e0";
}

.mux-icon-chaojiguanjia:before {
  content: "\e746";
}

.mux-icon-check:before {
  content: "\e6e1";
}

.mux-icon-zhinengtuozhan:before {
  content: "\e747";
}

.mux-icon-duoxuan:before {
  content: "\e6e2";
}

.mux-icon-jiaodiantu:before {
  content: "\e748";
}

.mux-icon-power:before {
  content: "\e6e3";
}

.mux-icon-jihuashushangxian:before {
  content: "\e749";
}

.mux-icon-wode:before {
  content: "\e6e4";
}

.mux-icon-renqunzaiyingxiao:before {
  content: "\e74a";
}

.mux-icon-danmu:before {
  content: "\e6e5";
}

.mux-icon-zidingyiguanjianci:before {
  content: "\e74b";
}

.mux-icon-tixing:before {
  content: "\e6e6";
}

.mux-icon-deng:before {
  content: "\e74c";
}

.mux-icon-yinliang:before {
  content: "\e6e7";
}

.mux-icon-jiasu:before {
  content: "\e74d";
}

.mux-icon-shaixuan-old:before {
  content: "\e6e8";
}

.mux-icon-checkbox-indeterminate:before {
  content: "\e74e";
}

.mux-icon-zhuan:before {
  content: "\e6e9";
}

.mux-icon-checkbox-checked:before {
  content: "\e74f";
}

.mux-icon-tuanchangguanli:before {
  content: "\e6ea";
}

.mux-icon-close:before {
  content: "\e750";
}

.mux-icon-leimu:before {
  content: "\e6eb";
}

.mux-icon-up:before {
  content: "\e921";
}

.mux-icon-faxian:before {
  content: "\e6ec";
}

.mux-icon-down:before {
  content: "\e751";
}

.mux-icon-touying:before {
  content: "\e6ed";
}

.mux-icon-left:before {
  content: "\e752";
}

.mux-icon-chakanxiaoguo:before {
  content: "\e6ee";
}

.mux-icon-right:before {
  content: "\e753";
}

.mux-icon-shoucang:before {
  content: "\e6f0";
}

.mux-icon-yongjinshuai:before {
  content: "\e6f1";
}

.mux-icon-xiangqing:before {
  content: "\e6f2";
}

.mux-icon-xiaoxi:before {
  content: "\e6f3";
}

.mux-icon {
  display: inline-block;
  font-size: 14px;
}
.mux-icon-svg {
  fill: currentColor;
}
.mux-icon--large {
  font-size: 16px;
}
.mux-icon--small {
  font-size: 12px;
}
.mux-icon::before {
  display: block;
  width: 1em;
}
.mux-icon--spinning::before {
  animation: loadingCircle 1s infinite cubic-bezier(0.15, 0, 0.25, 1);
}

.mux-icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: sub;
}

@keyframes loadingCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mux-tooltip-question {
  cursor: help;
  color: #999;
  font-size: 12px;
  transform: scale(1.1);
  transform-origin: 0 50%;
}
.mux-tooltip {
  position: absolute;
  z-index: 1060;
  display: block;
  width: max-content;
  visibility: visible;
  /** ==================== ARROWS ==================== */
}
.mux-tooltip-hidden {
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.mux-tooltip-placement-top, .mux-tooltip-placement-topLeft, .mux-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.mux-tooltip-placement-right, .mux-tooltip-placement-rightTop, .mux-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.mux-tooltip-placement-bottom, .mux-tooltip-placement-bottomLeft, .mux-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.mux-tooltip-placement-left, .mux-tooltip-placement-leftTop, .mux-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.mux-tooltip-inner {
  border: 1px solid var(--color-border);
  min-width: 30px;
  padding: 8px;
  color: #333;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: #fff;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  width: 100%;
  overflow: auto;
}
.mux-tooltip-arrow {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  pointer-events: none;
}
.mux-tooltip-arrow-content {
  position: absolute;
  width: 0px;
  height: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  background: transparent;
}
.mux-tooltip-arrow-content-border {
  position: absolute;
  top: 1px;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: translateX(-5px) rotate(45deg);
  border-top: 1px solid var(--color-border);
  border-left: 1px solid var(--color-border);
}
.mux-tooltip-arrow-content-border-none {
  width: 0;
  height: 0;
  border: none;
}
.mux-tooltip-placement-top .mux-tooltip-arrow, .mux-tooltip-placement-topLeft .mux-tooltip-arrow, .mux-tooltip-placement-topRight .mux-tooltip-arrow {
  bottom: 0;
}
.mux-tooltip-placement-top .mux-tooltip-arrow-content, .mux-tooltip-placement-topLeft .mux-tooltip-arrow-content, .mux-tooltip-placement-topRight .mux-tooltip-arrow-content {
  transform: translateY(4px) rotate(180deg);
}
.mux-tooltip-placement-top .mux-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.mux-tooltip-placement-topLeft .mux-tooltip-arrow {
  left: 13px;
}
.mux-tooltip-placement-topRight .mux-tooltip-arrow {
  right: 13px;
}
.mux-tooltip-placement-right .mux-tooltip-arrow, .mux-tooltip-placement-rightTop .mux-tooltip-arrow, .mux-tooltip-placement-rightBottom .mux-tooltip-arrow {
  left: 0;
}
.mux-tooltip-placement-right .mux-tooltip-arrow-content, .mux-tooltip-placement-rightTop .mux-tooltip-arrow-content, .mux-tooltip-placement-rightBottom .mux-tooltip-arrow-content {
  transform: translateX(-4px) rotate(-90deg);
}
.mux-tooltip-placement-right .mux-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.mux-tooltip-placement-rightTop .mux-tooltip-arrow {
  top: 5px;
}
.mux-tooltip-placement-rightBottom .mux-tooltip-arrow {
  bottom: 5px;
}
.mux-tooltip-placement-left .mux-tooltip-arrow, .mux-tooltip-placement-leftTop .mux-tooltip-arrow, .mux-tooltip-placement-leftBottom .mux-tooltip-arrow {
  right: 0;
}
.mux-tooltip-placement-left .mux-tooltip-arrow-content, .mux-tooltip-placement-leftTop .mux-tooltip-arrow-content, .mux-tooltip-placement-leftBottom .mux-tooltip-arrow-content {
  transform: translateX(4px) rotate(90deg);
}
.mux-tooltip-placement-left .mux-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.mux-tooltip-placement-leftTop .mux-tooltip-arrow {
  top: 5px;
}
.mux-tooltip-placement-leftBottom .mux-tooltip-arrow {
  bottom: 5px;
}
.mux-tooltip-placement-bottom .mux-tooltip-arrow, .mux-tooltip-placement-bottomLeft .mux-tooltip-arrow, .mux-tooltip-placement-bottomRight .mux-tooltip-arrow {
  top: 0;
}
.mux-tooltip-placement-bottom .mux-tooltip-arrow-content, .mux-tooltip-placement-bottomLeft .mux-tooltip-arrow-content, .mux-tooltip-placement-bottomRight .mux-tooltip-arrow-content {
  transform: translateY(-4px) rotate(0);
}
.mux-tooltip-placement-bottom .mux-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.mux-tooltip-placement-bottomLeft .mux-tooltip-arrow {
  left: 13px;
}
.mux-tooltip-placement-bottomRight .mux-tooltip-arrow {
  right: 13px;
}

/** ==================== ANIMATION ==================== */
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: muxZoomBigIn;
  animation-play-state: running;
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: muxZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-big-fast-enter-prepare,
.zoom-big-fast-appear-prepare {
  transform: none;
}

.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@keyframes muxZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes muxZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
.mux-tooltip-text-wrap {
  position: relative;
  z-index: 1;
}

.mux-tooltip-close {
  float: right;
  position: relative;
  z-index: 1;
  cursor: pointer;
  color: #999;
  margin-left: 12px;
}
.mux-tooltip-close :hover {
  color: var(--color-brand);
}

.mux-tooltip--theme-ai .mux-tooltip-inner {
  position: relative;
  border-color: transparent;
}

.mux-tooltip-ai-border {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: var(--border-radius);
  overflow: hidden;
  border: 0 none;
  position: absolute;
}
.mux-tooltip-ai-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--mux-ai-brand-gradient-line);
  z-index: -2;
}
.mux-tooltip-ai-border::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-image: var(--mux-ai-brand-gradient-tl-br-lighter);
  border-radius: calc(var(--border-radius) - 2px);
  z-index: -1;
}
.U9zria_homeContainer{width:100%;height:calc(100% - 60px);position:relative;top:60px;overflow:auto}:scope .U9zria_homePage{cursor:default;min-width:1300px;max-width:1300px;font-size:10px;position:relative;left:max(50% - 650px,0%)}:scope .U9zria_homePage .U9zria_question{cursor:pointer;z-index:10;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:68px;height:136px;display:flex;position:fixed;bottom:25px;right:max(50% - 807px,20px);overflow:hidden}:scope .U9zria_homePage .U9zria_question>div{background-color:#f5f7ff;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;width:100%;display:flex}:scope .U9zria_homePage .U9zria_question>div svg{color:#afb4c2;width:24px;height:23px;margin-bottom:6px}:scope .U9zria_homePage .U9zria_question>div img{color:#afb4c2;width:38px;height:auto;margin-bottom:6px}:scope .U9zria_homePage .U9zria_question>div span{font-size:12px}:scope .U9zria_homePage .U9zria_question>div:hover{background-color:#eceffc}:scope .U9zria_homePage .U9zria_top{flex-direction:row;width:100%;height:auto;display:flex;position:relative}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft{flex:64 0 0;height:auto;margin-right:2.8em;position:relative}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle{width:100%;height:50%;position:relative}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_title{text-align:center;letter-spacing:4px;justify-content:center;align-items:center;width:100%;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:5em;font-weight:700;display:flex;position:absolute;top:8%}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_title img{width:auto;height:50px}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_subTitle{text-align:center;letter-spacing:4px;width:100%;height:22%;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:5em;font-weight:700;position:absolute;top:35%}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_subTitle video{z-index:-1;width:auto;height:115%;position:absolute;top:2%;left:56%}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_infoTitle{letter-spacing:1.17px;flex-direction:row;justify-content:center;align-items:center;height:1.4em;font-size:1.4em;font-weight:500;display:flex;position:absolute;top:70%;left:50%;overflow:hidden;transform:translate(-50%)}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_infoTitle span{white-space:nowrap;margin:0 20px 0 10px;font-weight:400}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_homeTitle .U9zria_infoTitle img{width:auto;height:100%;position:relative}:scope .U9zria_homePage .U9zria_top .U9zria_topLeft .U9zria_guideCards{flex-direction:row;justify-content:space-between;width:100%;height:40%;display:flex;position:relative;top:10%}:scope .mux-footer{font-size:12px}@media screen and (min-width:1296px){.U9zria_homePage{font-size:10px}}
:scope .LZXCZq_topRight{--animation-time:.2s;--button-d:4em;flex:36 0 0;padding-bottom:39%;position:relative}:scope .LZXCZq_topRight .LZXCZq_videos{border-radius:3em;width:100%;height:95%;position:absolute;top:5%;overflow:hidden}:scope .LZXCZq_topRight .LZXCZq_active{object-fit:cover;pointer-events:none;z-index:2;background-color:#fff;border-radius:3em 0 0 3em;width:100%;height:100%;position:absolute;overflow:hidden}:scope .LZXCZq_topRight .LZXCZq_previous{object-fit:cover;pointer-events:none;z-index:2;background-color:#fff;border-radius:3em 0 0 3em;width:100%;height:100%;position:absolute;overflow:hidden}:scope .LZXCZq_topRight .LZXCZq_other{object-fit:cover;pointer-events:none;z-index:2;background-color:#fff;border-radius:3em 0 0 3em;width:100%;height:100%;position:absolute;overflow:hidden}:scope .LZXCZq_topRight .LZXCZq_active{animation:LZXCZq_appear var(--animation-time)ease}:scope .LZXCZq_topRight .LZXCZq_previous{visibility:hidden;z-index:1;animation:LZXCZq_disappear var(--animation-time)ease}:scope .LZXCZq_topRight .LZXCZq_other{visibility:hidden}:scope .LZXCZq_topRight .LZXCZq_coreIcon{z-index:5;width:25%;height:auto;position:absolute;transform:translate(-50%,60%)}:scope .LZXCZq_topRight .LZXCZq_buttons{cursor:pointer;z-index:5;background-color:#fff;border-radius:6.4em;justify-content:center;align-items:center;width:22em;height:6em;display:flex;position:absolute;bottom:4%;left:calc(95% - 22em)}:scope .LZXCZq_topRight .LZXCZq_buttons .LZXCZq_button{flex:0 0 var(--button-d);height:var(--button-d);position:relative;overflow:hidden}:scope .LZXCZq_topRight .LZXCZq_buttons .LZXCZq_button img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;margin:0;padding:0;position:absolute;transform:scale(.9)}:scope .LZXCZq_topRight .LZXCZq_buttons .LZXCZq_buttonBorder{width:var(--button-d);height:var(--button-d);border:1px solid #000;border-radius:3.2em;position:absolute}@keyframes LZXCZq_appear{0%{width:0}to{width:100%}}@keyframes LZXCZq_disappear{0%{visibility:visible}to{visibility:hidden}}
.mux-tag {
  display: inline-flex;
  padding: 0 6px;
  font-weight: 600;
  cursor: default;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: content-box;
  white-space: nowrap;
  position: relative;
  color: var(--mux-tag-color);
  line-height: var(--mux-tag-line-height);
  border-radius: var(--mux-tag-border-radius);
  transition: color var(--duration), backgrond-color var(--duration), box-shadow var(--duration);
  --mux-tag-line-height: 1.6;
  --mux-tag-color: #999999;
}
.mux-tag .mux-icon-alarm-svg-wrapper {
  margin-right: 4px;
}

.mux-tag--red-point {
  vertical-align: text-top;
  height: 8px;
  width: 8px;
  padding: 0;
}

.mux-tag--brandnew {
  color: #FFF;
}
.mux-tag--brandnew .iconbrandnew {
  width: initial;
  height: 14px;
  font-size: 12px;
  color: #FFF;
  transform: translateX(-5px) scale(0.7);
}

.mux-tag--type-fill {
  background: transparent;
  color: var(--mux-tag-color);
}
.mux-tag--type-fill::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mux-tag-color);
  opacity: 0.1;
  border-radius: var(--mux-tag-border-radius);
}

.mux-tag--type-primary {
  color: #FFF;
}

.mux-tag--type-ghost {
  box-shadow: inset 0 0 0 1px #FFF;
  color: #FFF;
  background-color: transparent;
}

.mux-tag--type-primary {
  background-color: var(--mux-tag-color);
}

.mux-tag--type-secondary {
  background-color: #FFF;
  box-shadow: inset 0 0 0 1px var(--mux-tag-color);
  color: var(--mux-tag-color);
}

.mux-tag--type-alarm {
  background-color: var(--mux-tag-color);
  color: #FFF;
  position: relative;
}
.mux-tag--type-alarm .mux-icon-alarm-svg {
  vertical-align: -0.1em;
}
.mux-tag--type-alarm::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
  box-shadow: 0 0 0 2px var(--mux-tag-color);
  opacity: 0.2;
}
.mux-tag--type-alarm.mux-tag--no-child {
  padding: 0;
}
.mux-tag--type-alarm.mux-tag--no-child.mux-tag--size-large {
  width: 22px;
}
.mux-tag--type-alarm.mux-tag--no-child.mux-tag--size-normal {
  width: 19px;
}
.mux-tag--type-alarm.mux-tag--no-child.mux-tag--size-small {
  width: 16px;
}
.mux-tag--type-alarm.mux-tag--no-child .mux-icon-alarm-svg-wrapper {
  margin-right: 0;
}

.mux-icon-alarm-svg {
  width: 0.9em;
  height: 0.9em;
}

.mux-tag--high-contrast .mux-tag-inner {
  color: #000;
}

.mux-tag--type-dot {
  color: currentColor;
  font-weight: normal;
  padding: 0;
  --mux-tag-font-size: 12px;
}
.mux-tag--type-dot > .mux-tag-inner::before {
  content: " ";
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 8px;
  border-radius: 100%;
  background-color: var(--mux-tag-color);
}
.mux-tag--type-dot > .mux-tag-inner:empty::before {
  margin-right: 0;
}

.mux-tag--size-small {
  --mux-tag-font-size: 10px;
}

.mux-tag--size-normal {
  --mux-tag-font-size: 12px;
}

.mux-tag--size-large {
  --mux-tag-font-size: 14px;
}

.mux-tag-inner {
  font-size: 20px;
  font-size: calc(var(--mux-tag-font-size, 10px)*2);
  zoom: 0.5;
}
.mux-tag-inner .mux-icon {
  font-size: inherit;
}

.mux-tag--shape-circle {
  --mux-tag-border-radius: calc(var(--mux-tag-font-size, 10px)*var(--mux-tag-line-height));
}

.mux-tag--shape-square {
  --mux-tag-border-radius: 4px;
}

.mux-tag--color-primary {
  --mux-tag-color: var(--color-blue);
}

.mux-tag--color-blue {
  --mux-tag-color: #6A76EA;
}

.mux-tag--color-red {
  --mux-tag-color: #FF4D4D;
}

.mux-tag--color-orange {
  --mux-tag-color: #F5714D;
}

.mux-tag--color-yellow {
  --mux-tag-color: #FFA53D;
}

.mux-tag--color-green {
  --mux-tag-color: #08BF81;
}

.mux-tag--color-indigo {
  --mux-tag-color: #5A2CFD;
}

.mux-tag--color-pink {
  --mux-tag-color: #FF33A3;
}

.mux-tag--color-gray {
  --mux-tag-color: #999;
}

.mux-tag--color-white {
  --mux-tag-color: #FFF;
}

@-moz-document url-prefix() {
  .mux-tag-inner {
    font-size: 10px;
    font-size: var(--mux-tag-font-size, 10px);
    zoom: 1;
  }
  .mux-tag--type-dot > .mux-tag-inner::before {
    width: 8px;
    height: 8px;
    margin-right: 4px;
  }
}
.mux-tag--type-ai-primary {
  color: #ffffff;
  background-color: var(--mux-ai-brand-gradient-color);
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
  border-radius: 8px 8px 8px 2px;
}
.mux-tag--type-ai-primary .mux-icon-alarm-svg {
  vertical-align: -2px;
}

.mux-tag--type-ai-secondary {
  background-color: rgba(174, 92, 255, 0.05);
  border-radius: 8px 8px 8px 2px;
}
.mux-tag--type-ai-secondary .mux-tag-inner {
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mux-tag-pre-icon {
  margin: 0 3.33333px 0 0;
  margin: 0 calc(var(--mux-tag-font-size, 10px)/3) 0 0;
}

.mux-tag--icon-after .mux-tag-inner {
  display: inline-flex;
}
.mux-tag--icon-after .mux-tag-pre-icon {
  order: 1;
  margin: 0 0 0 3.33333px;
  margin: 0 0 0 calc(var(--mux-tag-font-size, 10px)/3);
}
@charset "UTF-8";
@keyframes showFace {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mux-button,
a.mux-button.mux-button {
  cursor: pointer;
  position: relative;
  padding: 0 var(--mux-btn-h-gap);
  height: var(--input-height);
  border: none;
  border-radius: var(--btn-border-radius);
  transition: all var(--duration) ease-in-out;
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  font-weight: normal;
  user-select: none;
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
  /* NOTE: 大号按钮 */
  /* NOTE: 中号按钮 */
  /* NOTE: 小号按钮 */
  /* NOTE: 主要按钮 */
  /* NOTE: 次要按钮 */
  /* NOTE: 跟随按钮 */
  /* NOTE: 白色按钮 */
  /* NOTE: 反白按钮 */
  /* NOTE: 文字按钮（默认） */
  /** NOTE: 白色按钮 */
  /* NOTE: 次要文字按钮 link */
  /* NOTE: 文字链按（作为 <a> 标签的替代方案）*/
  /* NOTE: 按钮异常状态 */
}
.mux-button:active, .mux-button:focus,
a.mux-button.mux-button:active,
a.mux-button.mux-button:focus {
  outline: none;
  text-decoration: none;
}
.mux-button .mux-button-badge .mux-tag,
a.mux-button.mux-button .mux-button-badge .mux-tag {
  position: absolute;
  right: 0;
  top: -8px;
  z-index: 10;
  margin-right: -6px;
  transform: scale(var(--mux-tag-font-scale));
  transform-origin: 50% 50%;
}
.mux-button .mux-button-badge .mux-tag.mux-tag--red-point,
a.mux-button.mux-button .mux-button-badge .mux-tag.mux-tag--red-point {
  right: 12px;
  top: -4px;
}
.mux-button .mux-tooltip-question,
a.mux-button.mux-button .mux-tooltip-question {
  margin-left: 4px;
  color: inherit;
}
.mux-button--size-large,
a.mux-button.mux-button--size-large {
  height: var(--input-large-height);
  line-height: var(--input-large-height);
  font-size: var(--btn-large-font-size);
  min-width: var(--btn-large-min-width);
}
.mux-button--size-large .mux-icon,
a.mux-button.mux-button--size-large .mux-icon {
  font-size: 20px;
  vertical-align: -2px;
}
.mux-button--size-large .mux-button-pre-icon,
a.mux-button.mux-button--size-large .mux-button-pre-icon {
  margin-right: 4px;
}
.mux-button--size-normal,
a.mux-button.mux-button--size-normal {
  line-height: var(--input-height);
  min-width: var(--btn-min-width);
}
.mux-button--size-normal.mux-button--type-link .mux-icon, .mux-button--size-normal.mux-button--type-text .mux-icon,
a.mux-button.mux-button--size-normal.mux-button--type-link .mux-icon,
a.mux-button.mux-button--size-normal.mux-button--type-text .mux-icon {
  transform: none;
  font-size: 12px;
}
.mux-button--size-normal .mux-button-pre-icon,
a.mux-button.mux-button--size-normal .mux-button-pre-icon {
  margin-right: 4px;
}
.mux-button--size-small,
a.mux-button.mux-button--size-small {
  height: var(--input-small-height);
  line-height: var(--input-small-height);
  min-width: var(--btn-small-min-width);
}
.mux-button--size-small .mux-icon,
a.mux-button.mux-button--size-small .mux-icon {
  font-size: 12px;
}
.mux-button--size-small .mux-button-pre-icon,
a.mux-button.mux-button--size-small .mux-button-pre-icon {
  margin-right: 4px;
}
.mux-button--type-primary,
a.mux-button.mux-button--type-primary {
  color: #FFF;
  background-image: linear-gradient(to left top, var(--btn-brand), var(--btn-brand-gradient));
  z-index: 0;
  /** 实现背景色过渡效果 */
}
.mux-button--type-primary:before,
a.mux-button.mux-button--type-primary:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to left top, var(--btn-brand-hover), var(--btn-brand-gradient-hover));
  opacity: 0;
  transition: opacity var(--duration);
  z-index: -1;
  border-radius: var(--btn-border-radius);
}
.mux-button--type-primary:not(.mux-button--disabled):hover::before,
a.mux-button.mux-button--type-primary:not(.mux-button--disabled):hover::before {
  opacity: 1;
  box-shadow: var(--btn-brand-shadow-hover);
}
.mux-button--type-primary.mux-button--disabled,
a.mux-button.mux-button--type-primary.mux-button--disabled {
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-button--type-secondary,
a.mux-button.mux-button--type-secondary {
  color: var(--btn-text);
  box-shadow: inset 0 0 0 1px var(--btn-border);
  background-color: var(--color-brand-text);
}
.mux-button--type-secondary:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-secondary:not(.mux-button--disabled):hover {
  color: var(--color-brand);
  box-shadow: inset 0 0 0 1px var(--color-brand-alpha-50);
}
.mux-button--type-hollow,
a.mux-button.mux-button--type-hollow {
  color: var(--color-brand);
  border-color: var(--color-brand-opacity);
  background-color: var(--color-brand-opacity);
}
.mux-button--type-hollow:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-hollow:not(.mux-button--disabled):hover {
  color: var(--color-brand-hover);
  box-shadow: inset 0 0 0 0 var(--color-brand-text), inset 0 0 0 var(--input-large-height) var(--btn-bg-hover);
}
.mux-button--type-white,
a.mux-button.mux-button--type-white {
  --btn-bg: #fff;
}
.mux-button--type-white:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-white:not(.mux-button--disabled):hover {
  color: var(--color-brand-hover);
}
.mux-button--type-ghost,
a.mux-button.mux-button--type-ghost {
  background: transparent;
  color: #FFF;
}
.mux-button--type-ghost:not(.mux-button--disabled):hover, .mux-button--type-ghost.mux-button--loading,
a.mux-button.mux-button--type-ghost:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-ghost.mux-button--loading {
  background-color: rgba(51, 51, 51, 0.6);
}
.mux-button--type-ghost.mux-button--type-error:hover,
a.mux-button.mux-button--type-ghost.mux-button--type-error:hover {
  color: var(--btn-error);
}
.mux-button--type-ghost.mux-button--disabled,
a.mux-button.mux-button--type-ghost.mux-button--disabled {
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-button--type-normal,
a.mux-button.mux-button--type-normal {
  --btn-brand: #666;
  color: var(--btn-brand);
  background-color: transparent;
}
.mux-button--type-normal:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-normal:not(.mux-button--disabled):hover {
  color: var(--color-brand-hover);
  background-color: var(--btn-bg-hover);
}
.mux-button--type-normal.mux-button--disabled,
a.mux-button.mux-button--type-normal.mux-button--disabled {
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-button--type-normal.mux-button--loading,
a.mux-button.mux-button--type-normal.mux-button--loading {
  background-color: var(--btn-bg-hover);
}
.mux-button--type-table-button,
a.mux-button.mux-button--type-table-button {
  color: #333;
}
.mux-button--type-link, .mux-button--type-text,
a.mux-button.mux-button--type-link,
a.mux-button.mux-button--type-text {
  display: inline;
  padding: 0;
  min-width: auto;
  --input-height: auto;
  --input-large-height: auto;
  --input-small-height: auto;
  background-color: transparent;
  color: var(--btn-brand);
  border-radius: 0;
  transition: none;
}
.mux-button--type-link .mux-icon-loading, .mux-button--type-text .mux-icon-loading,
a.mux-button.mux-button--type-link .mux-icon-loading,
a.mux-button.mux-button--type-text .mux-icon-loading {
  line-height: initial;
}
.mux-button--type-link:not(.mux-button--disabled):hover, .mux-button--type-text:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-link:not(.mux-button--disabled):hover,
a.mux-button.mux-button--type-text:not(.mux-button--disabled):hover {
  color: var(--color-brand-hover);
}
.mux-button--type-error,
a.mux-button.mux-button--type-error {
  --btn-brand-gradient: var(--btn-error-gradient);
  --btn-brand-hover: var(--btn-error-hover);
  --btn-brand-gradient-hover: var(--btn-error-gradient-hover);
  --btn-brand-shadow-hover: var(--btn-error-shadow-hover);
  --color-brand: var(--btn-error);
  --btn-text: var(--btn-error);
  --btn-brand: var(--btn-error);
  --btn-text-hover: var(--btn-error-border)!important;
  --color-brand-opacity: var(--btn-error-bg);
  --btn-bg-hover: var(--btn-error-bg-hover);
  --color-brand-alpha-50: var(--btn-error-border-hover);
  --color-brand-hover: var(--btn-error-border);
}
.mux-button.mux-button--disabled,
a.mux-button.mux-button.mux-button--disabled {
  cursor: not-allowed;
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-button.mux-button--disabled .mux-tooltip-question:after,
a.mux-button.mux-button.mux-button--disabled .mux-tooltip-question:after {
  cursor: not-allowed;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: transparent;
}
.mux-button .mux-icon::before,
a.mux-button.mux-button .mux-icon::before {
  position: relative;
}
.mux-button--no-icon:not(.mux-button--type-link):not(.mux-button--type-text) .mux-button-pre-icon--loading,
a.mux-button.mux-button--no-icon:not(.mux-button--type-link):not(.mux-button--type-text) .mux-button-pre-icon--loading {
  position: absolute;
  height: 100%;
  left: 0.2em;
}
.mux-button--no-icon.mux-button--loading:not(.mux-button--type-link):not(.mux-button--type-text),
a.mux-button.mux-button--no-icon.mux-button--loading:not(.mux-button--type-link):not(.mux-button--type-text) {
  padding: 0 6px 0 18px;
}
.mux-button .mux-button-pre-icon--custom img,
a.mux-button.mux-button .mux-button-pre-icon--custom img {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
.mux-button.mux-button--size-large .mux-button-pre-icon--custom img,
a.mux-button.mux-button.mux-button--size-large .mux-button-pre-icon--custom img {
  width: 16px;
  height: 16px;
  top: 2px;
}
.mux-button.mux-button--size-normal .mux-button-pre-icon--custom img,
a.mux-button.mux-button.mux-button--size-normal .mux-button-pre-icon--custom img {
  width: 14px;
  height: 14px;
  top: 2px;
}
.mux-button.mux-button--size-small .mux-button-pre-icon--custom img,
a.mux-button.mux-button.mux-button--size-small .mux-button-pre-icon--custom img {
  width: 12px;
  height: 12px;
  top: 1px;
}
.mux-button--icon-only:not(.mux-button--type-text),
a.mux-button.mux-button--icon-only:not(.mux-button--type-text) {
  padding: 0 var(--font-size);
}
.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-large,
a.mux-button.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-large {
  min-width: 48px;
  border-radius: var(--border-large-radius);
}
.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-large::before,
a.mux-button.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-large::before {
  border-radius: var(--border-large-radius);
}
.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-normal,
a.mux-button.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-normal {
  min-width: 36px;
  border-radius: var(--border-radius);
}
.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-normal::before,
a.mux-button.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-normal::before {
  border-radius: var(--border-radius);
}
.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-small,
a.mux-button.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-small {
  min-width: 20px;
  border-radius: var(--border-small-radius);
}
.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-small::before,
a.mux-button.mux-button--icon-only:not(.mux-button--type-text).mux-button--size-small::before {
  border-radius: var(--border-small-radius);
}
.mux-button--icon-only .mux-button-pre-icon,
a.mux-button.mux-button--icon-only .mux-button-pre-icon {
  margin: 0;
}
.mux-button--icon-only.mux-button--size-small,
a.mux-button.mux-button--icon-only.mux-button--size-small {
  height: var(--input-small-height);
  padding: 0 calc(var(--font-size)*0.5);
}
.mux-button--icon-only.mux-button--size-small .mux-icon,
a.mux-button.mux-button--icon-only.mux-button--size-small .mux-icon {
  font-size: var(--font-size);
  margin: 0;
}
.mux-button.mux-button--icon-after .mux-icon,
a.mux-button.mux-button.mux-button--icon-after .mux-icon {
  order: 1;
  margin: 0 0 0 4px;
}
.mux-button.mux-button--icon-after .mux-button-pre-icon,
a.mux-button.mux-button.mux-button--icon-after .mux-button-pre-icon {
  margin-right: 0;
}
.mux-button button:disabled,
a.mux-button.mux-button button:disabled {
  border: none;
  background-color: transparent;
  color: inherit;
}

@keyframes mux-text-button-animation {
  0% {
    left: 0px;
    right: 100%;
  }
  100% {
    left: 0;
    right: 0;
    right: var(--mux-alink-bottom-line-right, 0);
  }
}
.mux-button--type-ai-primary,
.mux-button--type-ai-secondary,
.mux-button--type-ai-white {
  font-weight: bold;
  z-index: 0;
}
.mux-button--type-ai-primary:before,
.mux-button--type-ai-secondary:before,
.mux-button--type-ai-white:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  transition: opacity var(--duration);
  z-index: -1;
  border-radius: var(--btn-border-radius);
}
.mux-button--type-ai-primary:after,
.mux-button--type-ai-secondary:after,
.mux-button--type-ai-white:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: opacity var(--duration);
  z-index: -1;
  border-radius: var(--btn-border-radius);
}

.mux-button--type-ai-primary {
  color: #FFF;
  background-image: var(--mux-ai-brand-gradient-tl-br);
}
.mux-button--type-ai-primary:before {
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
  opacity: 0.2;
}
.mux-button--type-ai-primary::after {
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
  opacity: 0;
}
.mux-button--type-ai-primary:not(.mux-button--disabled):hover::after {
  opacity: 1;
}

.mux-button--type-ai-secondary:before {
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
  opacity: 0.1;
}
.mux-button--type-ai-secondary:after {
  background-image: var(--mux-ai-brand-gradient-tl-br);
  opacity: 0.2;
}
.mux-button--type-ai-secondary:not(.mux-button--disabled):hover::after {
  opacity: 0.4;
}

.mux-button--type-ai-white:before {
  background-image: var(--mux-ai-brand-gradient-tl-br-light);
}
.mux-button--type-ai-white:after {
  background: #FFF;
  opacity: 1;
}
.mux-button--type-ai-white:not(.mux-button--disabled):hover:after {
  background: #FFF;
  opacity: 0.8;
}

.mux-button--type-ai-secondary .mux-button-theme-inner,
.mux-button--type-ai-white .mux-button-theme-inner {
  position: relative;
  background-image: var(--mux-ai-brand-gradient-tl-br);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mux-button--type-ai-secondary:not(.mux-button--disabled):hover .mux-button-theme-inner,
.mux-button--type-ai-white:not(.mux-button--disabled):hover .mux-button-theme-inner {
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
}
.mux-button--type-ai-secondary .mux-icon-loading,
.mux-button--type-ai-white .mux-icon-loading {
  color: var(--mux-ai-brand-gradient-color);
}

.mux-button--type-ai-link {
  font-weight: bold;
  background-image: var(--mux-ai-brand-gradient-tl-br);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mux-button--type-ai-link:not(.mux-button--disabled):hover {
  background-image: var(--mux-ai-brand-gradient-tl-br-dark);
}
.mux-button--type-ai-link .mux-icon-loading {
  -webkit-text-fill-color: var(--mux-ai-brand-gradient-color);
  color: var(--mux-ai-brand-gradient-color);
}

.mux-button--type-marketing-primary,
.mux-button--type-marketing-secondary,
.mux-button--type-marketing-white {
  font-weight: bold;
  z-index: 0;
}
.mux-button--type-marketing-primary:before,
.mux-button--type-marketing-secondary:before,
.mux-button--type-marketing-white:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: opacity var(--duration);
  z-index: -1;
  border-radius: var(--btn-border-radius);
}
.mux-button--type-marketing-primary:after,
.mux-button--type-marketing-secondary:after,
.mux-button--type-marketing-white:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: opacity var(--duration);
  z-index: -1;
  border-radius: var(--btn-border-radius);
  opacity: 0;
}
.mux-button--type-marketing-primary:not(.mux-button--disabled):hover::after,
.mux-button--type-marketing-secondary:not(.mux-button--disabled):hover::after,
.mux-button--type-marketing-white:not(.mux-button--disabled):hover::after {
  opacity: 1;
}

.mux-button--type-marketing-link {
  font-weight: bold;
  background-image: var(--mux-marketing-brand-gradient-l-r);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mux-button--type-marketing-link:not(.mux-button--disabled):hover {
  background-image: var(--mux-marketing-brand-gradient-l-r-dark);
}
.mux-button--type-marketing-link .mux-icon-loading {
  -webkit-text-fill-color: var(--mux-marketing-brand-gradient-color);
  color: var(--mux-marketing-brand-gradient-color);
}

.mux-button--type-marketing-primary,
.mux-button--type-marketing-secondary {
  color: #FFF;
}

.mux-button--type-marketing-primary:before {
  background-image: var(--mux-marketing-brand-gradient-t-b);
  box-shadow: 0 4px 10px 0 rgba(176, 168, 165, 0.2), inset 0 1px 9px 0 rgba(255, 255, 255, 0.5);
}
.mux-button--type-marketing-primary::after {
  background-image: var(--mux-marketing-brand-gradient-t-b-dark);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3), inset 0 1px 9px 0 rgba(255, 255, 255, 0.5);
  opacity: 0;
}
.mux-button--type-marketing-primary:not(.mux-button--disabled):hover::after {
  opacity: 1;
}

.mux-button--type-marketing-secondary:before {
  background-image: var(--mux-marketing-brand-gradient-t-b-lighter);
  box-shadow: 0 4px 10px 0 rgba(176, 168, 165, 0.15), inset 0 1px 9px 0 rgba(255, 255, 255, 0.5);
}
.mux-button--type-marketing-secondary:after {
  background-image: var(--mux-marketing-brand-gradient-t-b-light);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.18), inset 0 1px 9px 0 rgba(255, 255, 255, 0.5);
  opacity: 0;
}
.mux-button--type-marketing-secondary .mux-button-theme-inner {
  position: relative;
  background-image: var(--mux-marketing-brand-gradient-l-r);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mux-button--type-marketing-secondary .mux-icon-loading {
  color: var(--mux-marketing-brand-gradient-color);
}
.mux-button--type-marketing-secondary:not(.mux-button--disabled):hover::after {
  opacity: 1;
}
.mux-button--type-marketing-secondary:not(.mux-button--disabled):hover .mux-button-theme-inner {
  background-image: var(--mux-marketing-brand-gradient-l-r-dark);
}

.mux-button--type-marketing-white {
  background: transparent;
}
.mux-button--type-marketing-white .mux-button-theme-inner {
  position: relative;
  background-image: var(--mux-marketing-brand-gradient-l-r);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mux-button--type-marketing-white:after {
  background: #FFF;
  opacity: 1;
}
.mux-button--type-marketing-white:not(.mux-button--disabled):hover:after {
  background: #FFF;
  opacity: 0.8;
}
.mux-button--type-marketing-white:not(.mux-button--disabled):hover .mux-button-theme-inner {
  background-image: var(--mux-marketing-brand-gradient-l-r-dark);
}
@charset "UTF-8";
/** ==================== MODAL ==================== */
.mux-modal {
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  --mux-modal-padding-v-gap: 16px;
  --mux-modal-padding-h-gap: 24px;
}
.mux-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.mux-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: var(--mux-mask-bg);
}
.mux-modal-mask-hidden {
  display: none;
}
.mux-modal-wrap {
  z-index: 1000;
}
.mux-modal-title {
  margin: 0;
  color: var(--btn-text);
  font-weight: 400;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mux-modal-content {
  position: relative;
  background-color: #FFF;
  background-clip: padding-box;
  border: 0;
  border-radius: 16px;
  border-radius: var(--border-huge-radius, 16px);
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.mux-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: #8c8c8c;
  font-weight: 700;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.2s;
}
.mux-modal-close-x {
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
}
.mux-modal-close:focus, .mux-modal-close:hover {
  color: #404040;
  text-decoration: none;
}
.mux-modal-header {
  padding: 0 24px;
  height: 60px;
  color: #404040;
  background: #fff;
  border-bottom: 1px solid var(--bg-highlight);
  border-radius: 16px 16px 0 0;
  border-radius: var(--border-huge-radius, 16px) var(--border-huge-radius, 16px) 0 0;
  display: flex;
  align-items: center;
  /** 因为MuxModal实现的title与close不在一个div下，使用此方法hack处理 */
  padding-right: 60px;
}
.mux-modal-body {
  padding: 16px 24px;
  padding: var(--mux-modal-padding-v-gap, 16px) var(--mux-modal-padding-h-gap, 24px);
  font-size: var(--font-size);
  overflow-x: auto;
}
.mux-modal-footer {
  display: flex;
  padding: 14px 24px;
  height: 60px;
  background: transparent;
  border-top: 1px solid var(--bg-highlight);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  align-items: center;
}
.mux-modal-footer:empty {
  display: none;
}
.mux-modal-footer button + button {
  margin-left: 8px;
  margin-left: var(--mux-comp-btn-gap, 8px);
}
.mux-modal-open {
  overflow: hidden;
}
.mux-modal .zoom-enter,
.mux-modal .zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}

.mux-modal-close-icon {
  color: #666;
  position: relative;
  line-height: 16px;
  padding: 0 1px;
}
.mux-modal-close-icon:hover {
  color: var(--color-brand);
}
.mux-modal-close-icon:hover:after {
  opacity: 1;
}
.mux-modal-close-icon:after {
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: "";
  background-color: var(--color-brand-opacity);
  border-radius: var(--border-radius);
  opacity: 0;
}

.mux-modal-subTitle {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--mux-trigger-tag-arrow-color);
}

/** ==================== DIALOG ==================== */
.mux-modal-centered {
  text-align: center;
}
.mux-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.mux-modal-centered .mux-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.mux-modal-custom-content .mux-modal-body {
  --mux-modal-padding-v-gap: 0;
  --mux-modal-padding-h-gap: 0;
}

@media (max-width: 767px) {
  .mux-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .mux-modal-centered .mux-modal {
    flex: 1;
  }
}
.mux-modal-confirm .mux-modal-header {
  display: none;
}
.mux-modal-confirm .mux-modal-close {
  display: none;
}
.mux-modal-confirm-body-wrapper::before {
  display: table;
  content: "";
}
.mux-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: "";
}
.mux-modal-confirm .mux-modal-confirm-title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: flex;
  align-items: center;
}
.mux-modal-confirm .mux-modal-confirm-title > .mux-icon {
  float: left;
  margin-right: 8px;
  font-size: 16px;
}
.mux-modal-confirm .mux-modal-confirm-title > .mux-icon + .mux-modal-confirm-title + .mux-modal-confirm-content {
  margin-left: 38px;
}
.mux-modal-confirm .mux-modal-confirm-title-content {
  flex: 1;
  overflow: hidden;
  padding-right: 56px;
}
.mux-modal-confirm .mux-modal-confirm-close-x {
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #8c8c8c;
  font-weight: bold;
}
.mux-modal-confirm .mux-modal-confirm-close-x:hover {
  color: #404040;
}
.mux-modal-confirm-body {
  padding: 16px 0 24px 0;
  padding: var(--mux-modal-padding-v-gap, 16px) 0 var(--mux-modal-padding-h-gap, 24px) 0;
}
.mux-modal-confirm-body .mux-modal-confirm-content {
  color: #404040;
  font-size: var(--font-size);
  word-break: break-all;
  overflow-x: auto;
}
.mux-modal-confirm-body-withouticon {
  padding: 8px 0 0 0;
}
.mux-modal-confirm-footer .mux-modal-confirm-btns button + button {
  margin-left: 8px;
}
.mux-modal-confirm-error .mux-modal-confirm-title > .mux-icon {
  color: var(--color-red);
}
.mux-modal-confirm-warning .mux-modal-confirm-title > .mux-icon {
  color: var(--color-warn);
}
.mux-modal-confirm-info .mux-modal-confirm-title > .mux-icon, .mux-modal-confirm-confirm .mux-modal-confirm-title > .mux-icon {
  color: var(--color-blue);
}
.mux-modal-confirm-success .mux-modal-confirm-title > .mux-icon {
  color: var(--color-green);
}

/** ==================== ANIMATION ==================== */
/* Zoom */
.zoom-enter,
.zoom-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: muxZoomIn;
  animation-play-state: running;
}

.zoom-leave.zoom-leave-active {
  animation-name: muxZoomOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-enter-prepare,
.zoom-appear-prepare {
  transform: none;
}

.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@keyframes muxZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes muxZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
/* Fade */
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: muxFadeIn;
  animation-play-state: running;
}

.fade-leave.fade-leave-active {
  animation-name: muxFadeOut;
  animation-play-state: running;
  pointer-events: none;
}

.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}

.fade-leave {
  animation-timing-function: linear;
}

@keyframes muxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes muxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mux-divider-horizontal {
  display: block;
  width: auto;
  clear: both;
  box-sizing: border-box;
  border-top: 1px solid var(--color-border);
}

.mux-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid var(--color-border);
}

.mux-divider-dashed {
  border-top: 1px dashed var(--color-border);
}

.mux-divider-with-text,
.mux-divider-with-text-left,
.mux-divider-with-text-right {
  display: flex;
  color: var(--btn-text);
  font-weight: 500;
  font-size: var(--font-size);
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: var(--color-border);
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}
.mux-divider-with-text::before, .mux-divider-with-text::after,
.mux-divider-with-text-left::before,
.mux-divider-with-text-left::after,
.mux-divider-with-text-right::before,
.mux-divider-with-text-right::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: "";
}
.mux-divider-with-text .mux-divider-inner-text,
.mux-divider-with-text-left .mux-divider-inner-text,
.mux-divider-with-text-right .mux-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}

.mux-divider-with-text-left-dashed::before, .mux-divider-with-text-left-dashed::after,
.mux-divider-with-text-right-dashed::before,
.mux-divider-with-text-right-dashed::after {
  border-top-style: dashed;
}

.mux-divider-with-text-left::before {
  width: 5%;
}
.mux-divider-with-text-left::after {
  width: 95%;
}

.mux-divider-with-text-right::before {
  width: 95%;
}
.mux-divider-with-text-right::after {
  width: 5%;
}

.mux-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.mux-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.mux-divider-no-default-orientation-margin-left .mux-divider-inner-text {
  padding-left: 0;
}

.mux-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.mux-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.mux-divider-no-default-orientation-margin-right .mux-divider-inner-text {
  padding-right: 0;
}
.JWyCIG_loginForm{background:#fff}.JWyCIG_loginForm span{margin-left:25px;font-size:16px}.JWyCIG_trial{justify-content:flex-start;align-items:center;display:flex}.JWyCIG_trial .JWyCIG_trialButton{margin-left:16px}.JWyCIG_divider{margin:10px 0 2px}.JWyCIG_thirdpartyLogin{align-items:center;padding:0 25px;display:flex}.JWyCIG_thirdpartyLogin a{align-items:center;margin-left:8px;display:flex}.JWyCIG_thirdpartyLoginDescription{color:#333;opacity:.5}
@charset "UTF-8";
.mux-process {
  display: inline-flex;
  align-items: center;
}
.mux-process-container {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 6px;
  border-radius: 3px;
  background-color: #E4E7F0;
  overflow: hidden;
  margin-right: 4px;
}
.mux-process-inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 3px;
  background-color: var(--color-blue);
  transition: width 0.3s;
}
.mux-process-inner-success {
  background-color: var(--mux-process-color-success);
}
.mux-process-inner-suspend {
  background-color: var(--mux-process-color-suspend);
}
.mux-process-inner-error {
  background-color: var(--mux-process-color-error);
}
.mux-process-label {
  margin-right: 8px;
  white-space: nowrap;
}
.mux-process-right-text {
  margin-left: 4px;
}
.mux-process-left-text {
  margin-right: 8px;
}
.mux-process-icon-success {
  color: var(--mux-process-color-success);
}
.mux-process-icon-suspend {
  color: var(--mux-process-color-suspend);
}
.mux-process-icon-error {
  color: var(--mux-process-color-error);
}
.mux-process-icon-refresh {
  padding: 0;
  min-width: unset;
  margin-left: 4px;
}
.mux-process-icon-refresh:hover {
  color: var(--color-blue);
}
.mux-process-line .mux-process-icon-success,
.mux-process-line .mux-process-icon-suspend,
.mux-process-line .mux-process-icon-error {
  width: 14px;
  height: 18px;
  position: relative;
  display: inline-block;
}
.mux-process-line .mux-process-icon-success::before,
.mux-process-line .mux-process-icon-suspend::before,
.mux-process-line .mux-process-icon-error::before {
  position: absolute;
  top: -1px;
}
.mux-process-line .mux-process-icon-refresh .mux-icon {
  transform: translateY(0.5px);
}
.mux-process-circle-container {
  position: relative;
  display: inline-block;
}
.mux-process-circle-container svg {
  vertical-align: bottom;
}
.mux-process-circle-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.mux-process-circle-label .mux-process-icon-success,
.mux-process-circle-label .mux-process-icon-suspend,
.mux-process-circle-label .mux-process-icon-error {
  font-size: 48px;
}
.mux-process-circle-label-font-size-smaller {
  font-size: 14px;
}
.mux-process-circle-bottom-text {
  text-align: center;
}

/* 摞一下优先级，覆盖mux-button默认样式 */
.mux-process .mux-process-icon-refresh {
  height: 18px;
  width: 12px;
  position: relative;
}

.mux-process--stalling {
  --mux-process-stalling-color: rgba(255,255,255,.4);
}
.mux-process--stalling .mux-process-inner {
  background-image: linear-gradient(135deg, var(--mux-process-stalling-color) 25%, transparent 25%, transparent 50%, var(--mux-process-stalling-color) 50%, var(--mux-process-stalling-color) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  animation: 1s linear infinite progress-bar-stripes;
}

@keyframes progress-bar-stripes {
  100% {
    background-position-x: 1rem;
  }
}
@charset "UTF-8";
.mux-loading {
  color: var(--color-brand);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.mux-loading-dot-spin {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url("https://img.alicdn.com/tfs/TB1PgnkbCWD3KVjSZSgXXcCxVXa-120-1800.png") no-repeat;
  background-size: 60px 900px;
  background-position: -5px -5px;
  animation: loading-animation 1.5s steps(14) infinite;
}

.mux-loading-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2000;
}

.mux-loading-nested {
  position: relative;
}
.mux-loading-nested.mux-loading-nested--contents {
  display: contents;
}
.mux-loading-nested.mux-loading-nested--inline {
  display: inline-block;
}
.mux-loading-nested.mux-loading-nested--inline .mux-loading-container {
  display: none;
}
.mux-loading-nested .mux-loading-hidden-content.mux-loading-blur {
  visibility: hidden;
}
.mux-loading-nested > .mux-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
}
.mux-loading-nested .mux-loading-container {
  position: relative;
  transition: opacity 0.3s;
}
.mux-loading-nested .mux-loading-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.4;
}

.mux-loading-hide-when-nested .mux-loading {
  visibility: hidden;
}

.mux-loading-global-hide-when-nested ~ * .mux-loading {
  visibility: hidden;
}

@keyframes loading-animation {
  0% {
    background-position: -5px -5px;
  }
  100% {
    background-position: -5px -845px;
  }
}
.mux-loading-default {
  width: 36px;
  height: 36px;
}

.mux-loading-brand {
  width: 48px;
  height: 48px;
}
.mux-loading-brand .mux-loading-brand-image {
  width: 100%;
}

.mux-loading-sm .mux-loading-default {
  width: 18px;
  height: 18px;
}

.mux-loading-lg .mux-loading-default {
  width: 72px;
  height: 72px;
}

.mux-loading-sm .mux-loading-dot-spin {
  width: 25px;
  height: 25px;
  background-size: 30px 450px;
  background-position: -2.5px -2.5px;
  animation: loading-animation-sm 1.5s steps(14) infinite;
}

@keyframes loading-animation-sm {
  0% {
    background-position: -2.5px -2.5px;
  }
  100% {
    background-position: -2.5px -422.5px;
  }
}
.mux-loading-lg .mux-loading-dot-spin {
  width: 100px;
  height: 100px;
  background-size: 120px 1800px;
  background-position: -10px -10px;
  animation: loading-animation-lg 1.5s steps(14) infinite;
}

@keyframes loading-animation-lg {
  0% {
    background-position: -10px -10px;
  }
  100% {
    background-position: -10px -1690px;
  }
}
.mux-loading-bounce {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.mux-loading-bounce .mux-loading-bounce-item {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--color-brand-alpha-50);
  border-radius: 50%;
  margin-right: 2px;
  animation: bounce 1.4s infinite ease-in-out both;
  vertical-align: middle;
}
.mux-loading-bounce .mux-loading-bounce-item:last-child {
  margin-right: 0;
}
.mux-loading-bounce .mux-loading-bounce-item:nth-child(1) {
  animation-delay: -0.32s;
}
.mux-loading-bounce .mux-loading-bounce-item:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.mux-loading-dot {
  display: inline-flex;
  line-height: 0;
  vertical-align: middle;
  white-space: nowrap;
  --mux-loading-three-dot-size: 6px;
  --mux-loading-three-dot-color: #000;
}
.mux-loading-sm .mux-loading-dot {
  --mux-loading-three-dot-size: 4px;
}
.mux-loading-lg .mux-loading-dot {
  --mux-loading-three-dot-size: 12px;
}
.mux-loading-dot .mux-loading-dot-item {
  background-color: var(--mux-loading-three-dot-color);
  border-radius: 50%;
  display: inline-flex;
  height: var(--mux-loading-three-dot-size);
  margin-right: var(--mux-loading-three-dot-size);
  opacity: 0.6;
  position: relative;
  width: var(--mux-loading-three-dot-size);
  animation: mux-three-dot-anim 0.8s infinite alternate;
}
.mux-loading-dot .mux-loading-dot-item:last-child {
  margin-right: 0;
}
.mux-loading-dot .mux-loading-dot-item-1 {
  animation-delay: 0s;
}
.mux-loading-dot .mux-loading-dot-item-2 {
  animation-delay: 0.4s;
}
.mux-loading-dot .mux-loading-dot-item-3 {
  animation-delay: 0.8s;
}

.mux-loading-sm .mux-loading-bounce {
  width: 25px;
  height: 16px;
  line-height: 16px;
}
.mux-loading-sm .mux-loading-bounce .mux-loading-bounce-item {
  width: 6px;
  height: 6px;
  margin-right: 2px;
}

.mux-loading-lg .mux-loading-bounce {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.mux-loading-lg .mux-loading-bounce .mux-loading-bounce-item {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.mux-loading-sm .mux-loading-circle {
  width: 25px;
  height: 25px;
  stroke-width: 6;
}

.mux-loading-lg .mux-loading-circle {
  width: 100px;
  height: 100px;
  stroke-width: 6;
}

.mux-loading-circle {
  width: 50px;
  height: 50px;
  transform: rotate(-90deg);
  stroke-linecap: round;
  stroke-width: 6;
  fill: none;
}
.mux-loading-circle .internal-circle,
.mux-loading-circle .external-circle {
  stroke: var(--color-brand-alpha-50);
  stroke-dashoffset: 0;
  transform-origin: center;
}
.mux-loading-circle .internal-circle {
  stroke-dasharray: 187;
  animation: internalRotate 1s ease-in-out infinite;
  opacity: 0.6;
}
.mux-loading-circle .external-circle {
  stroke-dasharray: 312;
  animation: externalRotate 1s linear infinite;
}

@keyframes internalRotate {
  0% {
    stroke-dashoffset: 187;
  }
  25% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(360deg);
  }
}
@keyframes externalRotate {
  0% {
    stroke-dashoffset: 312;
    transform: rotate(70deg);
  }
  60% {
    stroke-dashoffset: -312;
  }
  100% {
    stroke-dashoffset: -312;
    transform: rotate(450deg);
  }
}
.mux-loading-tip {
  margin-top: 16px;
}
.mux-loading-process + .mux-loading-tip {
  margin-top: 8px;
}

/** 全局loading */
.mux-loading-global {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--mux-mask-light-bg);
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mux-loading-global > .mux-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mux-loading-global > .mux-loading .mux-loading-tip {
  color: var(--color-blue);
}
.mux-loading-global.mux-loading-global--blur {
  backdrop-filter: blur(3px);
}
.mux-loading-global.mux-loading-global--dark {
  background-color: var(--mux-mask-bg);
}
.mux-loading-global.mux-loading-global--dark .mux-loading-tip {
  color: #fff;
}

.mux-loading-def {
  animation: muxLoadingRotate 1s linear infinite;
  transform-origin: center center;
}

.mux-loading-def-path {
  animation: muxLoadingDashPath 1s ease-in-out infinite;
  stroke-dasharray: 10, 150;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}

@keyframes muxLoadingRotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes muxLoadingDashPath {
  0% {
    stroke-dasharray: 0, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 30, 150;
    stroke-dashoffset: -100px;
  }
}
@keyframes muxloadingicon {
  100% {
    transform: rotate(360deg);
  }
}
.mux-loading-icon {
  display: inline-block;
  animation: muxloadingicon 0.7s linear infinite;
}

.mux-loading-skeleton .mux-skeleton-block,
.mux-skeleton-block--loading {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
  border-radius: 16px;
}
.mux-loading-skeleton .mux-skeleton-block *,
.mux-skeleton-block--loading * {
  opacity: 0;
}

.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-body,
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-desc,
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-extra,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-body,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-desc,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-extra {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  border-radius: 4px;
}
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-body *,
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-desc *,
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-extra *,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-body *,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-desc *,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-extra * {
  opacity: 0;
}
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-body,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-body {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 20px, transparent 0) !important;
  background-size: 400% 100%, 300px 18px !important;
  background-position: 250% 0, 0 50%;
  animation: mux-skeleton-loading-short 2s ease-out infinite !important;
  background-repeat: no-repeat !important;
  border-radius: 0;
}
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-desc,
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-title-extra,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-desc,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-title-extra {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
  border-radius: 4px;
}
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-content,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-content {
  color: transparent !important;
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 20px, transparent 0), linear-gradient(#F0F0F0 20px, transparent 0) !important;
  background-size: 400% 100%, 100% 14px, 500px 14px !important;
  background-position: 250% 0, 0 0, 0 32px;
  background-repeat: no-repeat !important;
  animation: mux-skeleton-loading-stripe 2s ease-out infinite !important;
}
.mux-card--loading:not(.mux-card--theme-spotlight) .mux-card-content *,
.mux-loading-skeleton .mux-card:not(.mux-card--theme-spotlight) .mux-card-content * {
  opacity: 0;
}

.mux-card--loading.mux-card--theme-spotlight .mux-card-title-body,
.mux-card--loading.mux-card--theme-spotlight .mux-card-title-desc,
.mux-card--loading.mux-card--theme-spotlight .mux-card-title-extra,
.mux-card--loading.mux-card--theme-spotlight .mux-card-content,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-title-body,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-title-desc,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-title-extra,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-content {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(rgba(255, 255, 255, 0.3) 100%, transparent 0) !important;
  background-size: 400% 100%, 600px 100% !important;
  background-position: 250% 0, 0 0;
  background-repeat: no-repeat !important;
  clip-path: polygon(0 0, 600px 0, 600px 100%, 0 100%) !important;
  animation: mux-skeleton-loading-spotlight 2s ease-out infinite !important;
  border-radius: 4px;
  opacity: 0.2;
}
.mux-card--loading.mux-card--theme-spotlight .mux-card-title-body *,
.mux-card--loading.mux-card--theme-spotlight .mux-card-title-desc *,
.mux-card--loading.mux-card--theme-spotlight .mux-card-title-extra *,
.mux-card--loading.mux-card--theme-spotlight .mux-card-content *,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-title-body *,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-title-desc *,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-title-extra *,
.mux-loading-skeleton .mux-card.mux-card--theme-spotlight .mux-card-content * {
  opacity: 0;
}

.mux-banner-info--loading,
.mux-loading-skeleton .mux-banner-info {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
  background-clip: border-box !important;
  background-origin: border-box !important;
}
.mux-banner-info--loading *,
.mux-loading-skeleton .mux-banner-info * {
  opacity: 0;
}

.mux-breadcrumb--loading .mux-breadcrumb-separator,
.mux-breadcrumb--loading .mux-breadcrumb-item,
.mux-loading-skeleton .mux-breadcrumb .mux-breadcrumb-separator,
.mux-loading-skeleton .mux-breadcrumb .mux-breadcrumb-item {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
  border-radius: 4px;
}

.mux-grid-area--loading .mux-grid-label,
.mux-loading-skeleton .mux-grid-area .mux-grid-label {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
  border-radius: 4px;
}
.mux-grid-area--loading .mux-grid-label *,
.mux-loading-skeleton .mux-grid-area .mux-grid-label * {
  opacity: 0;
}
.mux-grid-area--loading .mux-button,
.mux-loading-skeleton .mux-grid-area .mux-button {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
}

.mux-detail-area--loading .mux-grid-label,
.mux-detail-area--loading .mux-grid-main-content,
.mux-loading-skeleton .mux-detail-area .mux-grid-label,
.mux-loading-skeleton .mux-detail-area .mux-grid-main-content {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
}
.mux-detail-area--loading .mux-grid-label *,
.mux-detail-area--loading .mux-grid-main-content *,
.mux-loading-skeleton .mux-detail-area .mux-grid-label *,
.mux-loading-skeleton .mux-detail-area .mux-grid-main-content * {
  opacity: 0;
}
.mux-detail-area--loading .mux-grid-label,
.mux-loading-skeleton .mux-detail-area .mux-grid-label {
  border-radius: 4px 0 0 4px;
}
.mux-detail-area--loading .mux-grid-main-content,
.mux-loading-skeleton .mux-detail-area .mux-grid-main-content {
  border-radius: 0 4px 4px 0;
}

.mux-card--loading .mux-banner-info.mux-banner-info,
.mux-card--loading .mux-button.mux-button,
.mux-banner-info--loading .mux-banner-info.mux-banner-info,
.mux-banner-info--loading .mux-button.mux-button,
.mux-grid-area--loading .mux-banner-info.mux-banner-info,
.mux-grid-area--loading .mux-button.mux-button,
.mux-breadcrumb--loading .mux-banner-info.mux-banner-info,
.mux-breadcrumb--loading .mux-button.mux-button,
.mux-grid-area--loading .mux-banner-info.mux-banner-info,
.mux-grid-area--loading .mux-button.mux-button,
.mux-loading-skeleton .mux-banner-info.mux-banner-info,
.mux-loading-skeleton .mux-button.mux-button {
  background-origin: border-box !important;
  background-clip: border-box !important;
}
.mux-card--loading .mux-button,
.mux-banner-info--loading .mux-button,
.mux-grid-area--loading .mux-button,
.mux-breadcrumb--loading .mux-button,
.mux-grid-area--loading .mux-button,
.mux-loading-skeleton .mux-button {
  border-radius: var(--input-height);
}
.mux-card--loading .mux-block-box-form,
.mux-card--loading .mux-inline-box-form,
.mux-banner-info--loading .mux-block-box-form,
.mux-banner-info--loading .mux-inline-box-form,
.mux-grid-area--loading .mux-block-box-form,
.mux-grid-area--loading .mux-inline-box-form,
.mux-breadcrumb--loading .mux-block-box-form,
.mux-breadcrumb--loading .mux-inline-box-form,
.mux-grid-area--loading .mux-block-box-form,
.mux-grid-area--loading .mux-inline-box-form,
.mux-loading-skeleton .mux-block-box-form,
.mux-loading-skeleton .mux-inline-box-form {
  position: relative !important;
  pointer-events: none !important;
}
.mux-card--loading .mux-block-box-form *,
.mux-card--loading .mux-inline-box-form *,
.mux-banner-info--loading .mux-block-box-form *,
.mux-banner-info--loading .mux-inline-box-form *,
.mux-grid-area--loading .mux-block-box-form *,
.mux-grid-area--loading .mux-inline-box-form *,
.mux-breadcrumb--loading .mux-block-box-form *,
.mux-breadcrumb--loading .mux-inline-box-form *,
.mux-grid-area--loading .mux-block-box-form *,
.mux-grid-area--loading .mux-inline-box-form *,
.mux-loading-skeleton .mux-block-box-form *,
.mux-loading-skeleton .mux-inline-box-form * {
  opacity: 0;
}
.mux-card--loading .mux-block-box-form::before,
.mux-card--loading .mux-inline-box-form::before,
.mux-banner-info--loading .mux-block-box-form::before,
.mux-banner-info--loading .mux-inline-box-form::before,
.mux-grid-area--loading .mux-block-box-form::before,
.mux-grid-area--loading .mux-inline-box-form::before,
.mux-breadcrumb--loading .mux-block-box-form::before,
.mux-breadcrumb--loading .mux-inline-box-form::before,
.mux-grid-area--loading .mux-block-box-form::before,
.mux-grid-area--loading .mux-inline-box-form::before,
.mux-loading-skeleton .mux-block-box-form::before,
.mux-loading-skeleton .mux-inline-box-form::before {
  content: " ";
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 8px;
  opacity: 1;
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
  border-color: transparent !important;
  user-select: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(#F0F0F0 100%, transparent 0) !important;
  background-size: 400% 100%, 100% 100% !important;
  background-position: 250% 0, 0 0;
  animation: mux-skeleton-loading-full 2s ease-out infinite !important;
  background-repeat: repeat-y !important;
}

@keyframes mux-skeleton-loading-full {
  to {
    background-position: -150% 0, 0 0;
  }
}
@keyframes mux-skeleton-loading-short {
  to {
    background-position: -150% 0, 0 50%;
  }
}
@keyframes mux-skeleton-loading-stripe {
  to {
    background-position: -150% 0, 0 0, 0 32px;
  }
}
@keyframes mux-skeleton-loading-spotlight {
  to {
    background-position: -150% 0, 0 0;
  }
}
@keyframes mux-three-dot-anim {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.3;
  }
}
.mux-loading-process {
  min-width: 200px;
  max-width: 30vw;
}
.mux-loading-process .mux-process-right-text {
  display: inline-block;
  width: 4em;
  flex: 0 0 4em;
  text-align: right;
}
.mux-loading-process + .mux-loading-tip {
  color: #AAA;
}
@charset "UTF-8";
.mux-typography-content {
  padding: 16px 24px;
}

.mux-typography-title {
  color: #333;
  font-weight: 600;
  background-color: #FFF;
  margin: 0;
  display: block;
}
.mux-typography-title.mux-typography-title--shadow {
  background-image: linear-gradient(-45deg, var(--mux-title-shadow-color) 0, var(--mux-title-shadow-color-gradient) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: calc(100% + 8px);
}
.mux-typography-title.mux-typography-title--shadow:not(.mux-typography-title--shadow--normal):after {
  background-color: var(--mux-title-shadow-color);
  border-radius: 4px;
  border-radius: var(--border-small-radius, 4px);
  bottom: 0;
  content: " ";
  height: 8px;
  left: 0;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.mux-typography-text {
  font-size: var(--font-size);
  line-height: 20px;
  display: inline-block;
  word-break: break-all;
}
.mux-typography-text.mux-typography-text--normal {
  color: #333;
}
.mux-typography-text.mux-typography-text--secondary {
  color: #666;
}
.mux-typography-text.mux-typography-text--description {
  color: #999;
}
.mux-typography-text.mux-typography-text--link {
  cursor: pointer;
  color: var(--color-brand);
}
.mux-typography-text.mux-typography-text--link:hover {
  color: var(--btn-brand-hover);
}
.mux-typography-text.mux-typography-text--disabled {
  cursor: not-allowed;
  color: #999;
}
.mux-typography-text.mux-typography-text--disabled:hover {
  color: #666;
}

.mux-typography-theme-info {
  color: #6a76ea;
  color: var(--color-blue, #6a76ea);
  --mux-title-shadow-color: var(--color-blue, #6a76ea);
  --mux-title-shadow-color-gradient: var(--color-blue, #6a76ea);
}

.mux-typography-theme-ai {
  color: #ae5cff;
  color: var(--mux-ai-brand--color, #ae5cff);
  --mux-title-shadow-color: var(--mux-ai-brand--color, #ae5cff);
  --mux-title-shadow-color-gradient: var(--mux-ai-brand-gradient-color, #5c5cff);
}

.mux-typography-theme-warn {
  color: #ffa53d;
  color: var(--color-warn, #ffa53d);
  --mux-title-shadow-color: var(--color-warn, #ffa53d);
  --mux-title-shadow-color-gradient: var(--color-warn, #ffa53d);
}

.mux-typography-theme-error {
  color: #ff4d4d;
  color: var(--color-red, #ff4d4d);
  --mux-title-shadow-color: var(--color-red, #ff4d4d);
  --mux-title-shadow-color-gradient: var(--color-red, #ff4d4d);
}

.mux-typography-theme-success {
  color: #52c41a;
  color: var(--color-green, #52c41a);
  --mux-title-shadow-color: var(--color-green, #52c41a);
  --mux-title-shadow-color-gradient: var(--color-green, #52c41a);
}

.mux-typography--font-family--fangyuanti {
  font-family: 阿里妈妈方圆体 VF Regular, serif;
  font-feature-settings: "wght" 600, "BEVL" 1;
}

.mux-typography-paragraph {
  margin-top: 0;
}
.mux-typography-paragraph.mux-typography-paragraph--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mux-typography-paragraph.mux-typography-paragraph--multiple-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mux-typography-divider {
  display: block;
  width: auto;
  height: 1px;
  background-color: var(--color-border);
}

.mux-typography-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: var(--btn-text);
  font-weight: 500;
  font-size: var(--font-size);
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: var(--color-border);
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}
.mux-typography-divider-with-text::before, .mux-typography-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: "";
}
.mux-typography-divider-with-text .mux-typography-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}

.mux-row {
  display: flex;
}
.mux-row.mux-row--gutter-small {
  margin: -2px -2px 2px;
}
.mux-row.mux-row--gutter-small > .mux-col {
  padding: 2px;
}
.mux-row.mux-row--gutter-normal {
  margin: -8px -8px 8px;
}
.mux-row.mux-row--gutter-normal > .mux-col {
  padding: 8px;
}
.mux-row.mux-row--gutter-large {
  margin: -12px -12px 12px;
}
.mux-row.mux-row--gutter-large > .mux-col {
  padding: 12px;
}
.mux-row.mux-row--horizontal-start {
  justify-content: flex-start;
}
.mux-row.mux-row--horizontal-end {
  justify-content: flex-end;
}
.mux-row.mux-row--horizontal-center {
  justify-content: center;
}
.mux-row.mux-row--horizontal-space-around {
  justify-content: space-around;
}
.mux-row.mux-row--horizontal-space-between {
  justify-content: space-between;
}
.mux-row.mux-row--vertical-top {
  align-items: flex-start;
}
.mux-row.mux-row--vertical-middle {
  align-items: center;
}
.mux-row.mux-row--vertical-stretch {
  align-items: stretch;
}
.mux-row.mux-row--vertical-bottom {
  align-items: flex-end;
}

.mux-col {
  flex: 1 0 auto;
}

.mux-col-1 {
  flex-basis: 4.1666666667%;
}

.mux-col-2 {
  flex-basis: 8.3333333333%;
}

.mux-col-3 {
  flex-basis: 12.5%;
}

.mux-col-4 {
  flex-basis: 16.6666666667%;
}

.mux-col-5 {
  flex-basis: 20.8333333333%;
}

.mux-col-6 {
  flex-basis: 25%;
}

.mux-col-7 {
  flex-basis: 29.1666666667%;
}

.mux-col-8 {
  flex-basis: 33.3333333333%;
}

.mux-col-9 {
  flex-basis: 37.5%;
}

.mux-col-10 {
  flex-basis: 41.6666666667%;
}

.mux-col-11 {
  flex-basis: 45.8333333333%;
}

.mux-col-12 {
  flex-basis: 50%;
}

.mux-col-13 {
  flex-basis: 54.1666666667%;
}

.mux-col-14 {
  flex-basis: 58.3333333333%;
}

.mux-col-15 {
  flex-basis: 62.5%;
}

.mux-col-16 {
  flex-basis: 66.6666666667%;
}

.mux-col-17 {
  flex-basis: 70.8333333333%;
}

.mux-col-18 {
  flex-basis: 75%;
}

.mux-col-19 {
  flex-basis: 79.1666666667%;
}

.mux-col-20 {
  flex-basis: 83.3333333333%;
}

.mux-col-21 {
  flex-basis: 87.5%;
}

.mux-col-22 {
  flex-basis: 91.6666666667%;
}

.mux-col-23 {
  flex-basis: 95.8333333333%;
}

.mux-col-24 {
  flex-basis: 100%;
}
.mux-banner-info {
  position: relative;
  overflow: hidden;
  transition: opacity 0.25s ease-out;
  background: var(--mux-banner-info-background);
  color: var(--mux-banner-info-content-text-color);
  padding: var(--mux-banner-info-padding);
  border-radius: var(--mux-banner-border-radius);
  border: var(--mux-banner-border-style);
  --mux-banner-info-background: #FFF;
  --mux-banner-info-text-color: #666;
  --mux-banner-info-content-text-color: #666;
  --mux-banner-info-padding: 6px 24px;
  --mux-banner-info-close-top: 7px;
  --mux-banner-info-close-right: 16px;
  --mux-banner-info-close-font-size: 12px;
  --mux-banner-border-radius: 0;
  --mux-banner-border-style: 0 none;
}
.mux-banner-info .mux-banner-info-ico--close {
  position: absolute;
  cursor: pointer;
  top: var(--mux-banner-info-close-top);
  right: var(--mux-banner-info-close-right);
  font-size: var(--mux-banner-info-close-font-size);
  transition: none;
}
.mux-banner-info .mux-banner-info-ico--close:hover {
  background: transparent;
}
.mux-banner-info .mux-banner-inner {
  display: flex;
  line-height: 24px;
  padding-right: 10px;
  word-break: break-all;
  position: relative;
  white-space: normal;
  align-items: center;
}
.mux-banner-info .mux-typography-title {
  background-color: transparent;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.mux-banner-info .mux-typography-title .mux-tooltip-question {
  color: #ccc;
  margin-left: 4px;
}
.mux-banner-info .mux-banner-info-icon {
  margin-right: 4px;
  align-self: flex-start;
  font-size: 16px;
  color: var(--mux-banner-info-text-color);
}
.mux-banner-info.mux-banner-info--center {
  text-align: center;
}
.mux-banner-info.mux-banner-info--shadow, .mux-banner-info.mux-banner-info--border {
  box-shadow: 0 0 0 1px var(--mux-banner-info-border) inset;
}
.mux-banner-info.mux-banner-info--radius {
  --mux-banner-border-radius: var(--border-radius);
}
.mux-banner-info.mux-banner-info-size--small {
  --mux-banner-info-padding: 4px 12px;
  --mux-banner-info-close-top: 4px;
  --mux-banner-info-close-right: 12px;
  --mux-banner-info-close-size: 12px;
}
.mux-banner-info.mux-banner-info-size--small.mux-banner-info--closable {
  --mux-banner-info-padding: 4px 20px 4px 12px;
}
.mux-banner-info.mux-banner-info-size--normal {
  --mux-banner-info-padding: 6px 24px;
  --mux-banner-info-close-right: 12px;
}
.mux-banner-info.mux-banner-info-size--normal.mux-banner-info--closable {
  --mux-banner-info-padding: 6px 24px 6px 24px;
}
.mux-banner-info.mux-banner-info--normal {
  --mux-banner-info-background: #F0F1FC;
  --mux-banner-info-text-color: var(--color-blue);
  --mux-banner-info-border: #E1E4FB;
}
.mux-banner-info.mux-banner-info--warn {
  --mux-banner-info-background: #FFF6EB;
  --mux-banner-info-text-color: var(--color-warn);
  --mux-banner-info-border: #FFEDD9;
}
.mux-banner-info.mux-banner-info--error {
  --mux-banner-info-background: #FDEFEF;
  --mux-banner-info-text-color: var(--color-red);
  --mux-banner-info-border: #FFDCDC;
}
.mux-banner-info.mux-banner-info--muted {
  --mux-banner-info-background: #F5F5F5;
  --mux-banner-info-text-color: #999;
  --mux-banner-info-border: #EBEBEB;
}
.mux-banner-info.mux-banner-info--success {
  --mux-banner-info-background: #E6F8F2;
  --mux-banner-info-text-color: var(--color-green);
  --mux-banner-info-border: #CEF2E6;
}
.mux-banner-info.mux-banner-info--fault {
  --mux-banner-info-background: #e34d59;
  --mux-banner-info-text-color: #fff;
  --mux-banner-info-content-text-color: #fff;
  font-size: 14px;
}
.mux-banner-info.mux-banner-info--fault > .mux-banner-inner {
  justify-content: center;
}
.mux-banner-info.mux-banner-info--fault > .mux-banner-inner > .mux-banner-info-icon {
  display: none;
}
.mux-banner-info.mux-banner-info--fault:not(.mux-banner-info--simple) .mux-button--type-text {
  color: #F2CB52;
}
.mux-banner-info .highlight-number {
  font-family: Tahoma;
  font-family: var(--font-number, Tahoma);
  font-weight: 700;
  color: #000;
  line-height: 22px;
}
.mux-banner-info .highlight-text {
  font-weight: 700;
  color: #000;
  line-height: 22px;
}
.mux-banner-info .mux-banner-info-image-wrap {
  align-self: flex-start;
  margin: 0 8px 0 0;
}
.mux-banner-info .mux-banner-info-image-wrap .mux-image {
  display: flex;
}
.mux-banner-info.mux-banner-info--simple {
  --mux-banner-info-padding: 0;
  --mux-banner-border-radius: 0;
  --mux-banner-info-background: transparent;
  --mux-banner-info-content-text-color: var(--mux-banner-info-text-color);
  --mux-banner-info-border: transparent;
  display: inline-block;
  vertical-align: middle;
}
.mux-banner-info.mux-banner-info--simple > .mux-banner-inner > .mux-banner-info-icon {
  display: inline-block;
}
.mux-banner-info.mux-banner-info--simple.mux-banner-info--fault {
  --mux-banner-info-text-color: #e34d59;
}
.mux-banner-info.mux-banner-info--simple.mux-banner-info--fault .mux-banner-inner {
  justify-content: flex-start;
}
.mux-button + .mux-banner-info.mux-banner-info--simple {
  margin-left: 8px;
}
.mux-banner-info.mux-banner-info--hidden {
  opacity: 0 !important;
  display: none;
}

.mux-modal-body > .mux-banner-info--in-card {
  margin-left: calc(var(--mux-modal-padding-h-gap)*-1);
  margin-right: calc(var(--mux-modal-padding-h-gap)*-1);
  margin-bottom: var(--mux-modal-padding-v-gap);
  margin-top: calc(var(--mux-modal-padding-v-gap)*-1);
}
.mux-modal-body > .mux-banner-info--in-card.mux-banner-info--hidden:first-child {
  display: block;
  height: 0;
  padding: 0;
  border: 0;
}

.mux-drawer-wrapper-body > .mux-banner-info--in-card.mux-banner-info-size--small {
  flex: 0 0 32px;
}

.mux-drawer-wrapper-body > .mux-banner-info--in-card.mux-banner-info-size--normal {
  flex: 0 0 42px;
}
.mux-message-container {
  position: fixed;
  top: 76px;
  right: 20px;
  z-index: 1060;
  transition: top 0.2s;
}
.mux-message-container .mux-message {
  position: relative;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);
  width: 400px;
  border-radius: var(--border-radius);
  background-color: white;
  font-size: 12px;
  left: 300px;
  height: 0;
  opacity: 0;
  color: #666;
  visibility: hidden;
  margin: 0;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s, visibility 0s 0.3s;
}
.mux-message-container .mux-message-visible {
  opacity: 1;
  left: 0;
  margin-bottom: 10px;
  height: auto;
  min-height: 44px;
  max-height: 1000px;
  visibility: visible;
  transition: all 0.3s;
}
.mux-message-container .mux-message-close {
  position: absolute;
  top: 13px;
  right: 12px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: #999;
}
.mux-message-container .mux-message-close:after {
  position: absolute;
  content: "";
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
}
.mux-message-container .mux-message-close:hover {
  color: var(--color-brand);
}
.mux-message-container .mux-message-content {
  padding: 12px;
  display: flex;
  overflow: hidden;
}
.mux-message-container .mux-message-text {
  margin-left: 8px;
  margin-right: 36px;
  display: inline-block;
  vertical-align: middle;
}
.mux-message-container .mux-message .mux-message-icon {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 18px;
}
.mux-message-container .mux-message-type-error {
  background-color: #FDEFEF;
}
.mux-message-container .mux-message-type-error .mux-message-icon {
  color: var(--color-red);
}
.mux-message-container .mux-message-type-success {
  background-color: #e6f8f2;
}
.mux-message-container .mux-message-type-success .mux-message-icon {
  color: #08BF81;
}
.mux-message-container .mux-message-type-warn {
  background-color: #FEF8EA;
}
.mux-message-container .mux-message-type-warn .mux-message-icon {
  color: #FFA53D;
}
.mux-message-container .mux-message-type-info {
  background-color: #F0F4FE;
}
.mux-message-container .mux-message-type-info .mux-message-icon {
  color: #6A76EA;
}
.mux-message-container .mux-message-text {
  word-break: break-all;
}
._0UTHQa_iconfontLogin{width:100%;padding:24px}._0UTHQa_iconfontLogin ._0UTHQa_iconfontLoginIcon{justify-content:space-evenly;align-items:center;gap:36px;width:100%;height:160px;display:flex}
.vsQNRW_loginSelector{width:100%;height:68px}.vsQNRW_loginSelector .vsQNRW_thirdpartyLoginList{gap:16px;width:fit-content;margin:16px auto;display:flex}.vsQNRW_loginSelector .vsQNRW_optionItem{opacity:.6;border-radius:36px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.vsQNRW_loginSelector .vsQNRW_optionItem:hover{opacity:1;cursor:pointer}.vsQNRW_loginSelector .vsQNRW_selected{opacity:1;border:1px solid #4531ff}
.ve-code-control {
  position: relative;
  box-sizing: content-box;
  border-radius: 3px;
  min-height: 100px;
  border: 1px solid transparent;
}

.ve-code-control.ve-code-control {
  overflow: visible;
}

.ve-code-control:hover {
  border-color: var(--color-field-border-hover, rgba(31, 56, 88, 0.1));
}

.ve-code-control.ve-focused {
  border-color: var(--color-field-border-active, rgba(31, 56, 88, 0.15));
}

.ve-code-control.ve-outline {
  border: 1px solid var(--color-field-border, rgba(31, 56, 88, 0.05)) !important;
}

.ve-code-control .react-monaco-editor-container {
  min-height: 100px;
  height: 100%;
  width: 100%;
  background: transparent;
}

.ve-code-control .base-monaco-full-screen-icon,
.base-monaco-full-screen-icon-cancel {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: absolute;
  z-index: 9999;
  cursor: pointer;
}

.base-monaco-full-screen-icon {
  background-image: url('https://gw.alicdn.com/imgextra/i2/O1CN01JwHaTf27MfJa2vYCZ_!!6000000007783-2-tps-128-128.png');
  top: 40px;
  right: 20px;
}

.base-monaco-full-screen-icon-cancel {
  background-image: url('https://gw.alicdn.com/imgextra/i3/O1CN01phCfMl1XQ23gyoUUG_!!6000000002917-2-tps-128-128.png');
  top: 10px;
  right: 138px;
}

.ve-code-control .loading {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: var(--color-text, rgba(0, 0, 0, 0.3));
  background-color: transparent;
}
.ve-code-control .loading::after {
  width: 1em;
  content: '';
  display: inline;
  animation: monaco-editor-dots steps(3) 1s infinite;
}

.ve-code-control .syntaxTips {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 234, 234, 0.8);
  color: red;
  padding: 10px 30px;
  margin: 0;
  transition: 0.2s ease max-height;
  max-height: 0;
  box-sizing: border-box;
}

.ve-code-control .syntaxTips:hover {
  max-height: 50%;
  overflow: auto;
}

.ve-code-control .syntaxTips .infoIcon {
  position: absolute;
  width: 20px;
  height: 16px;
  top: 2px;
  right: 5px;
  transform: rotateY(180deg);
}

@keyframes monaco-editor-dots {
  0% { content: '.'; }
  20% { content: '..'; }
  40% { content: '...'; }
  60% { content: '....'; }
  80% { content: '.....'; }
}

@charset "UTF-8";
.mux-checkbox-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.mux-checkbox-group-button, .mux-checkbox-group-card, .mux-checkbox-group-light {
  margin-bottom: calc(0px - var(--mux-radio-gap));
}
.mux-checkbox-group .mux-checkbox-option:not(:last-child) {
  margin-right: var(--mux-radio-gap);
}
.mux-checkbox-group .mux-checkbox-card:not(:last-child) {
  margin-right: var(--mux-radio-gap);
}
.mux-checkbox-group .mux-checkbox-card {
  margin-bottom: var(--mux-radio-gap);
}
.mux-checkbox-group .mux-checkbox-container:not(:last-child) {
  margin-right: var(--mux-radio-gap);
}

.mux-checkbox-container {
  cursor: pointer;
  user-select: none;
  transition: opacity var(--duration);
  display: inline-flex;
  align-items: center;
}
.mux-checkbox-container.mux-checkbox--checked .mux-checkbox-inner {
  box-shadow: none;
}
.mux-checkbox-container.mux-checkbox--checked .mux-checkbox-inner:after {
  opacity: 1;
}
.mux-checkbox-container.mux-checkbox--checked .mux-checkbox-inner .mux-checkbox-inner--ico-check {
  transform: translate(-50%, -50%) scale(1);
}
.mux-checkbox-container.mux-checkbox--checked.mux-checkbox--indeterminate .mux-checkbox-inner--ico-check {
  visibility: hidden;
}
.mux-checkbox-container.mux-checkbox--checked.mux-checkbox--indeterminate .mux-checkbox-inner--ico-indeterminate {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.mux-checkbox {
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  top: 2px;
}

.mux-checkbox-extra {
  margin-left: calc(var(--mux-radio-gap)*2);
}

.mux-checkbox .mux-checkbox-input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  color: #333;
}

.mux-checkbox-inner {
  position: relative;
  display: block;
  width: var(--mux-checkbox-size);
  height: var(--mux-checkbox-size);
  box-shadow: inset 0 0 0 1px var(--mux-radio-color);
  border-radius: var(--mux-checkbox-border-radius);
  overflow: hidden;
  transition: box-shadow var(--duration);
  background-color: #fff;
}
.mux-checkbox-inner:hover {
  box-shadow: inset 0 0 0 1px var(--mux-radio-color), 0 0 4px 0 var(--mux-radio-shadow-color);
}
.mux-checkbox-inner:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--btn-brand);
  transition: opacity var(--duration);
  opacity: 0;
}
.mux-checkbox-inner .mux-checkbox-inner--ico-indeterminate,
.mux-checkbox-inner .mux-checkbox-inner--ico-check {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #FFF;
  transform: translate(-50%, -50%) scale(0.1);
  transition: transform var(--duration);
  z-index: 2;
  line-height: var(--mux-checkbox-size);
  width: var(--mux-checkbox-size);
  height: var(--mux-checkbox-size);
}
.mux-checkbox-inner .mux-checkbox-inner--ico-indeterminate::before,
.mux-checkbox-inner .mux-checkbox-inner--ico-check::before {
  display: block;
}
.mux-checkbox-inner .mux-checkbox-inner--ico-indeterminate {
  visibility: hidden;
}

.mux-checkbox-label-container {
  box-sizing: border-box;
  display: inline-flex;
  align-items: baseline;
  cursor: pointer;
  user-select: none;
}

.mux-checkbox-label {
  padding: 0 4px 0 4px;
}
.mux-checkbox-label .mux-tag--size-small {
  top: -1px;
}

.mux-checkbox-tag {
  margin-left: 4px;
  position: relative;
}

/** 卡片形式 */
.mux-checkbox-card {
  padding: 8px 14px;
  display: inline-flex;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  cursor: pointer;
}
.mux-checkbox-card:not(.mux-checkbox-card--disabled):hover {
  border-color: var(--color-brand);
  border-color: var(--color-brand-opacity50, var(--color-brand));
}
.mux-checkbox-card .mux-checkbox-label {
  font-weight: 900;
}
.mux-checkbox-card.mux-checkbox-card--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
}
.mux-checkbox-card.mux-checkbox-card--disabled .mux-checkbox-container {
  opacity: 1;
}
.mux-checkbox-card.mux-checkbox-card--checked {
  border-color: var(--color-brand);
  border-color: var(--color-brand-opacity50, var(--color-brand));
  background-color: var(--color-brand-opacity);
  background-color: var(--color-brand-opacity5, var(--color-brand-opacity));
}
.mux-checkbox-card.mux-checkbox-card--checked .mux-checkbox-label {
  color: var(--color-brand);
}

.mux-checkbox-card-head {
  margin-bottom: 8px;
  line-height: 1.66667;
}

.mux-checkbox-card-desc {
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-left: 18px;
}

.mux-checkbox-card-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  margin-left: 12px;
  margin-right: 4px;
  align-self: center;
}
.mux-checkbox-card-image img {
  width: 100%;
  height: 100%;
}

/** 自定义形式 */
.mux-checkbox-option {
  display: inline-block;
  cursor: pointer;
}
.mux-checkbox-option.mux-checkbox-option--checked {
  color: var(--color-brand);
}
.mux-checkbox-option.mux-checkbox-option--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
}

.mux-checkbox--disabled .mux-checkbox-label-container {
  cursor: not-allowed;
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-checkbox--disabled .mux-checkbox-label-container .mux-checkbox {
  cursor: not-allowed;
}
.mux-checkbox--disabled .mux-checkbox-label-container .mux-checkbox-inner {
  background-color: #f0f2f5;
}
.mux-checkbox--disabled .mux-checkbox-inner:hover {
  box-shadow: inset 0 0 0 1px var(--mux-radio-color);
}

/** 按钮形式 */
.mux-checkbox-button {
  color: #666;
  display: inline-block;
  font-size: var(--font-size);
  padding: 6px 14px;
  border: 1px solid var(--border-highlight);
  cursor: pointer;
  position: relative;
  user-select: none;
  margin-bottom: var(--mux-radio-gap);
  margin-left: -1px;
  transition: border-color var(--duration), color var(--duration), background-color var(--duration);
  background: var(--bg-highlight);
  border: 1px solid var(--bg-highlight);
  border-left: 1px solid var(--bg-highlight-hover);
}
.mux-checkbox-button:first-child {
  border-left: 1px solid var(--bg-highlight);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.mux-checkbox-button:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.mux-checkbox-button:not(.mux-checkbox-button--checked):not(.mux-checkbox-button--disabled):hover {
  color: #333;
  background-color: var(--bg-highlight-hover);
  border-color: var(--border-highlight-hover);
}

.mux-checkbox-button-corner {
  position: absolute;
  right: -1px;
  bottom: -1px;
  font-size: 14px;
  width: 1em;
  height: 1em;
  opacity: 0;
}
.mux-checkbox-button-corner::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 1em solid #CACDD3;
  border-left: 1em solid transparent;
  transition: border-color var(--duration);
}
.mux-checkbox-button-corner .mux-icon {
  transform: scale(0.7, 0.7);
  position: absolute;
  left: 2px;
  top: 0px;
  z-index: 10;
  color: #FFFFFF;
}
.mux-checkbox-exclusive .mux-checkbox-button-corner {
  display: none;
}

.mux-checkbox-button--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
  background-color: #F0F2F5;
}

.mux-checkbox-button--checked {
  color: var(--color-brand);
  border: 1px solid var(--color-brand-alpha-50);
  background-color: var(--color-brand-opacity);
  position: relative;
  z-index: 1;
}
.mux-checkbox-button--checked:not(:last-child) {
  position: relative;
}
.mux-checkbox-button--checked:first-child {
  border-left: 1px solid var(--color-brand-alpha-50);
}
.mux-checkbox-button--checked .mux-checkbox-button-corner {
  opacity: 1;
}
.mux-checkbox-button--checked .mux-checkbox-button-corner::after {
  border-bottom-color: var(--color-brand);
}

.mux-checkbox-light .mux-checkbox-button-corner,
.mux-checkbox-button:last-child .mux-checkbox-button-corner {
  border-radius: 0 0 var(--mux-checkbox-border-radius) 0;
  overflow: hidden;
}

.mux-checkbox-image {
  height: 18px;
  display: inline-block;
  width: 20px;
  object-fit: contain;
  margin: -4px 0 -4px 4px;
  position: relative;
  top: 4px;
}
.mux-checkbox-light > .mux-checkbox-image, .mux-checkbox-button > .mux-checkbox-image {
  width: 18px;
  margin: -3px 4px -1px 0;
}

/** shape = 'light' */
.mux-checkbox-light {
  color: #666;
  display: inline-block;
  font-size: var(--font-size);
  padding: 6px 14px;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border-radius: var(--border-radius);
  margin-bottom: 8px;
  border: 1px solid #fff;
}
.mux-checkbox-light--checked {
  border: 1px solid var(--color-brand-alpha-50);
  background-color: var(--color-brand-opacity);
  position: relative;
  z-index: 1;
  color: var(--color-brand);
}
.mux-checkbox-light--checked .mux-checkbox-button-corner {
  opacity: 1;
}
.mux-checkbox-light--checked .mux-checkbox-button-corner::after {
  border-bottom-color: var(--color-brand);
}
.mux-checkbox-light.mux-checkbox-light--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
  background-color: #F0F2F5;
}
.mux-checkbox-light:not(.mux-checkbox-light--checked):not(.mux-checkbox-light--disabled):hover {
  color: #333;
  background-color: var(--bg-highlight-hover);
  border: 1px solid var(--border-highlight-hover);
}
.mux-checkbox-light:not(:last-child) {
  margin-right: 12px;
}
.mux-field-anchor {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.mux-field-anchor .mux-field-general {
  --mux-field-border-normal: transparent;
  --mux-field-border-active: var(--border-highlight-active);
  --mux-field-box-shadow-active: var(--border-highlight-shadow-active);
}
.mux-field-anchor.mux-field-anchor--success .mux-field-general {
  --mux-field-border-normal: var(--border-highlight-active-success);
  --mux-field-border-active: var(--border-highlight-active-success);
  --mux-field-box-shadow-active: var(--border-highlight-shadow-active-success);
}
.mux-field-anchor.mux-field-anchor--highlight .mux-field-general {
  --mux-field-border-normal: var(--border-highlight-active);
  --mux-field-border-active: var(--border-highlight-active);
  --mux-field-box-shadow-active: var(--border-highlight-shadow-active);
}
.mux-field-anchor.mux-field-anchor--warning .mux-field-general {
  --mux-field-border-normal: var(--border-highlight-active-warning);
  --mux-field-border-active: var(--border-highlight-active-warning);
  --mux-field-box-shadow-active: var(--border-highlight-shadow-active-warning);
}
.mux-field-anchor.mux-field-anchor--error .mux-field-general {
  --mux-field-border-normal: var(--border-highlight-active-error);
  --mux-field-border-active: var(--border-highlight-active-error);
  --mux-field-box-shadow-active: var(--border-highlight-shadow-active-error);
}

.mux-field-message {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: var(--font-size);
  line-height: 24px;
  visibility: hidden;
  white-space: nowrap;
}
.mux-field-message--display-static {
  position: static;
  display: inline-block;
  margin-left: 1em;
}
.mux-field-anchor--success .mux-field-message, .mux-field-anchor--warning .mux-field-message, .mux-field-anchor--highlight .mux-field-message, .mux-field-anchor--error .mux-field-message, .mux-field-message--display-static {
  visibility: visible;
}
.mux-toggle + .mux-field-message {
  margin-top: -4px;
}
.mux-checkbox-group + .mux-field-message, .mux-radio-group + .mux-field-message {
  margin-top: -4px;
}

.mux-field-message--status-success {
  color: var(--mux-field-color-success);
}

.mux-field-message--status-error {
  color: var(--mux-field-color-error);
}

.mux-field-message--status-warning {
  color: var(--mux-field-color-warning);
}

.mux-field-message--status-highlight {
  color: var(--mux-field-color-highlight);
}

.mux-field-anchor-tip.mux-tooltip {
  padding-top: 4px;
  z-index: 1000;
}
.mux-field-anchor-tip .mux-tooltip-arrow {
  width: 8px;
  height: 4px;
}
.mux-field-anchor-tip .mux-tooltip-arrow-content {
  border-width: 4px;
  transform: 0 nont;
  top: 0;
}
.mux-field-anchor-tip .mux-tooltip-inner {
  max-width: 320px;
  padding: 2px 8px;
  padding: 2px var(--mx-trigger-h-gap, 8px);
  line-height: 16px;
}

.mux-field-message-summary-wrap {
  display: contents;
}
.mux-field-message-summary-wrap .mux-tooltip-wrap-span {
  display: inline-block;
}
.mux-field-message-summary-wrap + .mux-button {
  margin-left: 8px;
}

.mux-field-message-summary-popup .mux-field-message-summary-popup-inner {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  position: relative;
  top: -24px;
  margin-bottom: -24px;
  scrollbar-color: #999 #ffeded;
}
.mux-field-message-summary-popup ol {
  padding-left: 18px;
  line-height: 24px;
}
.mux-field-message-summary-popup li {
  display: list-item;
  list-style: numeric;
  word-break: break-all;
}

.mux-field-message-summary-title {
  display: flex;
  line-height: 24px;
  color: var(--color-red);
  background-color: rgb(255, 237, 237);
  margin: 0 0 8px;
  position: sticky;
  top: 0;
}
.mux-field-message-summary-title .mux-icon {
  margin: 0 4px 0 0;
}
@charset "UTF-8";
.mux-radio-group {
  display: inline-block;
  --mux-radio-checked-border: 1px solid rgba(69,84,229, 0.5);
}
.mux-radio-group-button, .mux-radio-group-card {
  margin-bottom: calc(0px - var(--mux-radio-gap));
}
.mux-radio-group .mux-radio-option:not(:last-child) {
  margin-right: var(--mux-radio-gap);
}
.mux-radio-group .mux-radio-card {
  margin-bottom: var(--mux-radio-gap);
}
.mux-radio-group .mux-radio-container:not(:last-child) {
  margin-right: var(--mux-radio-gap);
}

.mux-radio-group--theme-brand .mux-radio-card--checked {
  background-color: var(--color-brand);
}
.mux-radio-group--theme-brand .mux-radio-card--checked .mux-radio-label,
.mux-radio-group--theme-brand .mux-radio-card--checked .mux-radio-card-content,
.mux-radio-group--theme-brand .mux-radio-card--checked .mux-radio-card-desc {
  color: #fff;
}
.mux-radio-group--theme-brand .mux-radio-card--checked .mux-radio-card-tag-item {
  --mux-tag-color: #FFFFFF;
}

.mux-radio-group--theme-ai .mux-radio-card--checked {
  background: var(--mux-ai-brand-gradient-tl-br-lighter);
}

.mux-radio-group--theme-ai-brand .mux-radio-card--checked {
  background: var(--mux-ai-brand-gradient-tl-br-dark);
}
.mux-radio-group--theme-ai-brand .mux-radio-card--checked .mux-radio-label,
.mux-radio-group--theme-ai-brand .mux-radio-card--checked .mux-radio-card-content,
.mux-radio-group--theme-ai-brand .mux-radio-card--checked .mux-radio-card-desc {
  color: #fff;
}
.mux-radio-group--theme-ai-brand .mux-radio-card--checked .mux-radio-card-tag-item {
  --mux-tag-color: #FFFFFF;
}

.mux-radio-group-direction--column {
  flex-direction: column;
}

.mux-radio-container {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: baseline;
  font-size: var(--font-size);
}
.mux-radio-container.mux-radio--checked .mux-radio-inner {
  box-shadow: none;
}
.mux-radio-container.mux-radio--checked .mux-radio-inner:before {
  opacity: 1;
}
.mux-radio-container.mux-radio--checked .mux-radio-inner:after {
  transform: translate(-50%, -50%) scale(1);
}
.mux-radio-container.mux-radio--disabled {
  cursor: not-allowed;
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-radio-container.mux-radio--disabled .mux-radio-inner {
  background-color: #f0f2f5;
}

.mux-radio {
  font-size: 14px;
  position: relative;
  display: inline-flex;
  align-items: baseline;
  cursor: pointer;
  top: 2.5px;
  margin-right: 4px;
}

.mux-radio-extra {
  margin-left: 8px;
}

.mux-radio .mux-radio-input[type=radio] {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}

.mux-radio-group-button,
.mux-radio-group-light {
  color: #666;
}

.mux-radio-inner {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--mux-radio-color);
  overflow: hidden;
  transition: box-shadow 0.3s;
  background-color: #fff;
}
.mux-radio-inner:hover {
  box-shadow: inset 0 0 0 1px var(--mux-radio-color), 0 0 4px 0 var(--mux-radio-shadow-color);
}
.mux-radio-inner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: var(--btn-brand);
  transition: opacity 0.3s;
  opacity: 0;
  z-index: 1;
  border-radius: 50%;
}
.mux-radio-inner:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.1);
  width: 6px;
  height: 6px;
  z-index: 2;
  border-radius: 50%;
  transition: transform 0.3s;
  background-color: #fff;
}

.mux-radio-label {
  padding-right: 4px;
}

.mux-radio-tag {
  margin-left: 4px;
  position: relative;
  top: -1px;
}

/** 卡片形式 */
.mux-radio-group-card {
  display: inline-flex;
  flex-wrap: wrap;
}

.mux-radio-card {
  font-size: var(--font-size);
  padding: 12px;
  display: inline-flex;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  cursor: pointer;
  width: 276px;
}
.mux-radio-card:not(:last-child) {
  margin-right: 16px;
}
.mux-radio-card:not(.mux-radio-card--disabled):hover {
  border-color: var(--color-brand);
  border-color: var(--color-brand-opacity50, var(--color-brand));
}
.mux-radio-card .mux-radio-label {
  font-weight: 500;
}
.mux-radio-card:not(.mux-radio-card--hide-radio) .mux-radio-card-desc,
.mux-radio-card:not(.mux-radio-card--hide-radio) .mux-radio-card-tag {
  margin-left: 18px;
}

.mux-radio-card--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
}
.mux-radio-card--disabled .mux-radio-container {
  opacity: 1;
}

.mux-radio-card--checked {
  border-color: var(--color-brand);
  border-color: var(--color-brand-opacity50, var(--color-brand));
  background-color: var(--color-brand-opacity);
  background-color: var(--color-brand-opacity5, var(--color-brand-opacity));
}
.mux-radio-card--checked .mux-radio-label {
  color: var(--color-brand);
}

.mux-radio-card-head {
  line-height: 1.66667;
}

.mux-radio-card-content {
  flex: 1;
}

.mux-radio-card-desc {
  margin-top: 8px;
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.mux-radio-card-image {
  width: 48px;
  flex-shrink: 0;
  margin-left: 12px;
  align-self: center;
  object-fit: contain;
}
.mux-radio-card-image img {
  width: auto;
  object-fit: contain;
  height: auto;
  max-width: 48px;
  max-height: 48px;
}

.mux-radio-card-image--left {
  margin-left: 0;
  margin-right: 12px;
}

.mux-radio-card-tag {
  margin-top: 8px;
}

.mux-radio-card-tag-item {
  opacity: 0.8;
}
.mux-radio-card-tag-item:not(:first-child) {
  margin-left: 4px;
}

/** 自定义形式 */
.mux-radio-option {
  display: inline-block;
  cursor: pointer;
  font-size: var(--font-size);
}
.mux-radio-option.mux-radio-option--checked {
  color: var(--color-brand);
}
.mux-radio-option.mux-radio-option--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
}

/** 按钮形式 */
.mux-radio-button {
  display: inline-block;
  font-size: var(--font-size);
  padding: 6px 14px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, background-color 0.2s;
  background: var(--bg-highlight);
  border: 1px solid var(--bg-highlight);
  border-right: 1px solid var(--bg-highlight-hover);
}
.mux-radio-button:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.mux-radio-button:last-child {
  border-right: 1px solid var(--bg-highlight);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.mux-radio-button:not(.mux-radio-button--checked):not(.mux-radio-button--disabled):hover {
  color: #333;
  background-color: var(--bg-highlight-hover);
  border-color: var(--border-highlight-hover);
}

.mux-radio-button--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
  background-color: #F0F2F5;
}

.mux-radio-button--checked {
  color: var(--color-brand);
  border: var(--mux-radio-checked-border);
  background-color: var(--color-brand-opacity);
}
.mux-radio-button--checked:not(:last-child) {
  position: relative;
}
.mux-radio-button--checked:last-child {
  border-right: var(--mux-radio-checked-border);
}

/** shape = 'light' */
.mux-radio-light {
  display: inline-block;
  font-size: var(--font-size);
  padding: 6px 14px;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border-radius: var(--border-radius);
  margin-bottom: 8px;
  border: 1px solid #fff;
}
.mux-radio-light--checked {
  background: var(--color-brand-alpha-10);
  color: var(--color-brand);
  border: var(--mux-radio-checked-border);
}
.mux-radio-light:not(.mux-radio-light--checked):not(.mux-radio-light--disabled):hover {
  color: #333;
  background-color: var(--bg-highlight-hover);
  border: 1px solid var(--border-highlight-hover);
}
.mux-radio-light:not(:last-child) {
  margin-right: 12px;
}

.mux-radio-image {
  height: 18px;
  display: inline-block;
  width: 20px;
  object-fit: contain;
  margin: 0 4px 0 0;
  position: relative;
  top: 4px;
}
.mux-radio-light > .mux-radio-image, .mux-radio-button > .mux-radio-image {
  height: 18px;
  width: 18px;
  margin: -4px 4px -1px 0;
}

/** tab 类型 */
.mux-radio-tab {
  padding: 12px 16px;
  width: 200px;
  cursor: pointer;
  border-radius: var(--border-radius);
  transition: border-top var(--duration), background-image var(--duration);
  overflow: hidden;
}
.mux-radio-tab:not(:last-child) {
  margin-right: 8px;
}

.mux-radio-tab--checked {
  background-image: linear-gradient(180deg, rgba(69, 84, 229, 0.1) 0%, #FFFFFF 100%);
  position: relative;
}
.mux-radio-tab--checked::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 4px solid var(--color-brand);
}

.mux-radio-card--disabled {
  opacity: var(--mux-comp-disabled-opacity);
  cursor: not-allowed;
}

.mux-radio-group-tab {
  display: inline-flex;
  flex-wrap: wrap;
}

.mux-radio-group-direction--column .mux-radio-tab {
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
}

.mux-radio-group--theme-brand .mux-radio-inner:before,
.mux-radio-group--theme-ai .mux-radio-inner:before {
  background-color: #fff;
}
.mux-radio-group--theme-brand .mux-radio-inner:after,
.mux-radio-group--theme-ai .mux-radio-inner:after {
  background-color: var(--color-brand);
}
@charset "UTF-8";
.mux-input {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: var(--input-height);
  /* -webkit-autofill 不能用在带逗号的选择器里，因此拆分出来 */
  /* NOTE: 禁用状态 */
}
.mux-input:hover .mux-input-inner {
  border: 0 none;
  box-shadow: none;
  background-color: transparent;
}
.mux-input:hover .mux-input-inner ~ .mux-input-border {
  background-color: var(--bg-highlight-hover);
}
.mux-input-prefix {
  position: relative;
  z-index: 3;
  margin-left: var(--mux-trigger-h-gap);
  color: var(--mux-trigger-tag-arrow-color);
}
.mux-input-suffix {
  position: relative;
  z-index: 3;
}
.mux-input .mux-input-border {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border-radius);
  pointer-events: none;
  background-color: var(--bg-highlight);
  border-color: var(--border-highlight);
  box-shadow: var(--border-highlight-shadow);
  transition: all var(--duration);
  overflow: hidden;
}
.mux-input .mux-input-border .mux-input-focus {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -99999;
  width: 0;
  padding: 0;
  border-radius: 100%;
  background-color: var(--color-brand);
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.mux-input input {
  box-sizing: border-box;
}
.mux-input input::-webkit-outer-spin-button, .mux-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.mux-input input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
}
.mux-input > .mux-input-inner {
  flex: 1;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-right: 1px;
  margin-left: 1px;
  padding-right: 7px;
  padding-right: calc(var(--mux-trigger-h-gap, 8px) - 1px);
  padding-left: 7px;
  padding-left: calc(var(--mux-trigger-h-gap, 8px) - 1px);
  outline: none;
  border: 0 none;
  box-shadow: none;
  background-color: transparent;
}
.mux-input > .mux-input-inner[type=password] {
  user-select: none;
}
.mux-input > .mux-input-inner::-webkit-input-placeholder {
  color: #999;
}
.mux-input > .mux-input-inner::placeholder {
  color: #999;
}
.mux-input > .mux-input-inner:active, .mux-input > .mux-input-inner:focus {
  border: 0 none;
  box-shadow: none;
  background-color: transparent;
}
.mux-input > .mux-input-inner:active .mux-input-border .mux-input-focus, .mux-input > .mux-input-inner:focus .mux-input-border .mux-input-focus {
  z-index: 10;
}
.mux-input > .mux-input-inner:active ~ .mux-input-btn--search,
.mux-input > .mux-input-inner:active ~ .mux-input-btn--addon, .mux-input > .mux-input-inner:focus ~ .mux-input-btn--search,
.mux-input > .mux-input-inner:focus ~ .mux-input-btn--addon {
  color: #333;
  color: var(--mux-trigger-arrow-color, #333);
}
.mux-input > .mux-input-inner ~ .mux-input-border {
  border-color: transparent;
  border-color: var(--mux-field-border-normal, transparent);
}
.mux-input > .mux-input-inner:active ~ .mux-input-border, .mux-input > .mux-input-inner:focus ~ .mux-input-border {
  background-color: var(--bg-highlight-active);
  border-color: var(--border-highlight-active);
  border-color: var(--mux-field-border-active, var(--border-highlight-active));
  box-shadow: var(--border-highlight-shadow-active);
  box-shadow: var(--mux-field-box-shadow-active, var(--border-highlight-shadow-active));
}
.mux-input.mux-input-with-prefix .mux-input-inner {
  padding-left: 4px;
}
.mux-input.mux-input-with-suffix .mux-input-inner {
  padding-right: 4px;
}
.mux-input .mux-input-addon {
  display: inline-flex;
  align-items: center;
}
.mux-input .mux-input-addon .mux-input-btn--clear {
  transform: scale(0.7);
  cursor: pointer;
  color: #999;
  color: var(--mux-trigger-tag-arrow-color, #999);
  visibility: hidden;
}
.mux-input .mux-input-addon .mux-input-btn--clear:hover {
  color: #666;
  color: var(--mux-trigger-tag-arrow-color-hover, #666);
}
.mux-input .mux-input-addon .mux-input-btn--clear.mux-input-btn--clear-active {
  visibility: visible;
}
.mux-input .mux-input-addon .mux-input-addon-item {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  margin-right: var(--mux-trigger-h-gap);
}
.mux-input .mux-input-addon .mux-input-addon-item:not(:last-child) {
  margin-right: 4px;
}
.mux-input .mux-input-addon .mux-input-btn--search {
  color: var(--bg-highlight-active);
  margin-right: 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  min-width: 40px;
  transition: color 0.3s;
  cursor: pointer;
}
.mux-input .mux-input-addon .mux-input-btn--search:before {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.mux-input .mux-input-addon .mux-input-btn--addon {
  color: #999;
  color: var(--mux-trigger-tag-arrow-color, #999);
  line-height: 30px;
}
.mux-input .mux-input-addon-prefix .mux-input-btn--search {
  margin: 0 0 0 4px;
}
.mux-input .mux-input-addon-prefix .mux-input-btn--addon {
  margin: 0 0 0 2px;
}
.mux-input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--mux-common-bg) inset;
}
.mux-input input:-webkit-autofill ~ .mux-input-addon {
  background: var(--mux-common-bg);
}
.mux-input input:-webkit-autofill ~ .mux-input-limit {
  background: var(--mux-common-bg);
}
.mux-input .mux-input-limit {
  text-align: right;
}
.mux-input .mux-input-limit-current {
  color: #333;
  color: var(--mux-trigger-arrow-color, #333);
}
.mux-input .mux-input-limit-slash,
.mux-input .mux-input-limit-max {
  color: #999;
  color: var(--mux-trigger-tag-arrow-color, #999);
}
.mux-input.mux-input--disabled {
  cursor: not-allowed;
  user-select: none;
  opacity: 0.4;
  opacity: var(--mux-comp-disabled-opacity, 0.4);
}
.mux-input.mux-input--disabled > * {
  pointer-events: none;
  user-select: none;
}
.mux-input.mux-input--disabled:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f5f5f5;
  opacity: 0.5;
}
.mux-input.mux-input--small {
  height: var(--input-small-height);
}
.mux-input.mux-input--small .mux-input-btn--search {
  border-radius: 0 var(--border-small-radius) var(--border-small-radius) 0;
}
.mux-input.mux-input--small .mux-input-btn--search:before {
  border-radius: 0 var(--border-small-radius) var(--border-small-radius) 0;
}
.mux-input.mux-input--small .mux-input-border {
  border-radius: var(--border-small-radius);
}
.mux-input.mux-input--small .mux-input-addon {
  height: var(--input-small-height);
}
.mux-input.mux-input--small .mux-input-addon-item {
  height: var(--input-small-height);
  line-height: var(--input-small-height);
}
.mux-input.mux-input--small .mux-input-inner {
  height: var(--input-small-height);
}
.mux-input.mux-input--small .mux-input-btn--addon {
  line-height: var(--input-small-height);
}
.mux-input.mux-input--small .mux-input-number-controls {
  height: var(--input-small-height);
  line-height: 7px;
}
.mux-input.mux-input--large {
  height: var(--input-large-height);
}
.mux-input.mux-input--large .mux-input-btn--search {
  border-radius: 0 var(--border-large-radius) var(--border-large-radius) 0;
}
.mux-input.mux-input--large .mux-input-btn--search:before {
  border-radius: 0 var(--border-large-radius) var(--border-large-radius) 0;
}
.mux-input.mux-input--large .mux-input-border {
  border-radius: var(--border-large-radius);
}
.mux-input.mux-input--large .mux-input-addon {
  height: var(--input-large-height);
}
.mux-input.mux-input--large .mux-input-addon-item {
  height: var(--input-large-height);
  line-height: var(--input-large-height);
}
.mux-input.mux-input--large .mux-input-inner {
  height: var(--input-large-height);
  padding-left: 9px;
  padding-left: calc(var(--mux-trigger-h-gap, 8px) + 1px);
  padding-right: 9px;
  padding-right: calc(var(--mux-trigger-h-gap, 8px) + 1px);
}
.mux-input.mux-input--large .mux-input-btn--addon {
  line-height: var(--input-large-height);
}
.mux-input.mux-input--large .mux-input-number-controls {
  height: var(--input-large-height);
  line-height: 7px;
}
.mux-input.mux-input--theme-white, .mux-input.mux-input--theme-ai {
  --bg-highlight: #fff;
  --mux-field-border-normal: #F0F2F5;
  --bg-highlight-hover: #fff;
}
.mux-input.mux-input--theme-ai {
  position: relative;
}
.mux-input.mux-input--theme-ai .mux-input-border {
  overflow: hidden;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 0;
  border-radius: var(--border-radius);
  border: 0 none;
  box-shadow: none !important;
}
.mux-input.mux-input--theme-ai .mux-input-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--mux-ai-brand-gradient-line);
  z-index: -2;
}
.mux-input.mux-input--theme-ai .mux-input-border::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: calc(var(--border-radius) - 2px);
  z-index: -1;
}
.mux-input.mux-input--theme-ai .mux-input-border .mux-input-focus {
  opacity: 0;
  transition: opacity var(--duration) ease-in;
}
.mux-input.mux-input--theme-ai.mux-input--disabled:after {
  background-color: transparent;
}
.mux-input.mux-input--theme-ai.mux-input--focus .mux-input-focus {
  opacity: 1;
  animation: mux-input-border-ease-in var(--duration) ease-in forwards, mux-input-border-rotate 4s linear infinite;
  background-image: var(--mux-ai-brand-gradient-line);
  top: 50%;
  left: 50%;
  padding: 75%;
  z-index: -2;
  transform: translate(-50%, -50%);
}

@keyframes mux-input-border-ease-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mux-input-border-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@charset "UTF-8";
.mux-picker {
  cursor: pointer;
  display: inline-flex;
  min-width: 100px;
  align-items: stretch;
  height: 32px;
  position: relative;
  border: 1px solid transparent;
  border: 1px solid var(--mux-field-border-normal, transparent);
  background-color: var(--bg-highlight);
  line-height: 30px;
  border-radius: var(--border-radius);
  color: #333;
  overflow: hidden;
  padding: 0 var(--mux-trigger-h-gap);
}
.mux-picker:hover:not(.mux-picker-focused) {
  background-color: var(--bg-highlight-hover);
  cursor: pointer;
}
.mux-picker-focused {
  background-color: var(--bg-highlight-active);
  border-color: var(--border-highlight-active);
  border-color: var(--mux-field-border-active, var(--border-highlight-active));
  box-shadow: var(--border-highlight-shadow-active);
  box-shadow: var(--mux-field-box-shadow-active, var(--border-highlight-shadow-active));
}
.mux-picker:hover .mux-picker-clear {
  opacity: 1;
}
.mux-picker-today input {
  color: var(--btn-brand);
}
.mux-picker-yesterday input {
  color: var(--color-brand-vs);
}
.mux-picker-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mux-picker-disabled .mux-picker-input input {
  cursor: not-allowed;
}
.mux-picker-rtl {
  direction: rtl;
}
.mux-picker-panel {
  display: inline-block;
  vertical-align: top;
  border-radius: var(--border-radius);
  background: #fff;
}
.mux-picker-panel-rtl {
  direction: rtl;
}
.mux-picker-decade-panel, .mux-picker-year-panel, .mux-picker-month-panel, .mux-picker-week-panel, .mux-picker-date-panel, .mux-picker-time-panel {
  display: flex;
  flex-direction: column;
}
.mux-picker-decade-panel table, .mux-picker-year-panel table, .mux-picker-month-panel table, .mux-picker-week-panel table, .mux-picker-date-panel table, .mux-picker-time-panel table {
  text-align: center;
  border-collapse: collapse;
}
.mux-picker-timepicker-panel {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 11px 3px 15px 3px;
  width: 226px;
}
.mux-picker-timepicker-panel-sign {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  font-size: 18px;
  margin: 11px 3px 15px 3px;
  height: 45px;
}
.mux-picker-timepicker-panel-sign-hour {
  float: left;
  width: 50%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  padding-left: 30px;
}
.mux-picker-timepicker-panel-sign-minute {
  float: left;
  width: 50%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-right: 30px;
}
.mux-picker-timepicker-panel .mux-input-number .mux-input-number-controls {
  height: 37px;
  left: 4px;
}
.mux-picker-timepicker-panel .mux-input-number .mux-input-number-controls-icon {
  height: 12px;
  width: 16px;
}
.mux-picker .mux-picker-prefix {
  padding-right: 8px;
  display: flex;
  align-items: center;
}
.mux-picker .mux-picker-prefix .mux-icon {
  height: auto;
}
.mux-picker .mux-picker-prefix .mux-icon:before {
  color: #ccc;
  line-height: 8px;
}
.mux-picker .mux-picker-prefix.mux-picker-label {
  min-width: 65px;
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  flex: none;
}
.mux-picker-header {
  display: flex;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid #fafafa;
}
.mux-picker-header button {
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: initial;
  color: #979797;
  transition: color 0.2s;
}
.mux-picker-header button .mux-icon {
  font-size: 12px !important;
}
.mux-picker-header button:hover {
  color: #333;
}
.mux-picker-header-prev-btn {
  margin-left: 10px;
  transform: rotateY(180deg);
}
.mux-picker-header-next-btn {
  margin-right: 10px;
}
.mux-picker-header > * {
  flex: none;
}
.mux-picker-header-view {
  flex: 1 0;
  color: #999999;
  text-align: center;
}
.mux-picker-header-view .mux-picker-year-btn {
  margin-right: 4px;
}
.mux-picker-header-view .mux-picker-year-btn,
.mux-picker-header-view .mux-picker-month-btn {
  border: 0;
  padding: 0;
  background-color: #fff;
  color: #999;
}
.mux-picker-cell {
  cursor: pointer;
  color: #999;
  /** 今天高亮 */
}
.mux-picker-cell:not(.mux-picker-cell-disabled) .mux-picker-cell-inner:hover::before {
  background-color: var(--color-brand-light);
}
.mux-picker-cell-inner {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  outline: none;
  border: none;
  text-align: center;
  font-size: var(--font-size);
  transition: background-color 0.2s, border 0.2s;
  border-radius: 22px;
  position: relative;
  z-index: 2;
}
.mux-picker-cell-inner::before {
  content: "";
  height: 22px;
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 22px;
  transition: background-color 0.2s;
  transform: translateX(-50%) translateY(-50%);
}
.mux-picker-cell-in-view {
  color: #333;
  opacity: 1;
}
.mux-picker-cell-in-view.mux-picker-cell-selected {
  color: #fff;
}
.mux-picker-cell-in-view.mux-picker-cell-selected:not(.mux-picker-cell-range-start):not(.mux-picker-cell-range-end) .mux-picker-cell-inner {
  background: var(--color-brand);
}
.mux-picker-panel-invalid-date .mux-picker-cell-in-view.mux-picker-cell-selected:not(.mux-picker-cell-range-start):not(.mux-picker-cell-range-end) .mux-picker-cell-inner {
  background-color: initial;
  color: #333;
}
.mux-picker-cell-in-view.mux-picker-cell-in-range {
  color: #fff;
  background: var(--color-brand-alpha-50);
}
.mux-picker-cell-in-view.mux-picker-cell-range-start {
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, var(--color-brand-alpha-50) 50%, var(--color-brand-alpha-50) 100%);
}
.mux-picker-cell-in-view.mux-picker-cell-range-end {
  background-image: linear-gradient(270deg, transparent 0%, transparent 50%, var(--color-brand-alpha-50) 50%, var(--color-brand-alpha-50) 100%);
}
.mux-picker-cell-in-view.mux-picker-cell-range-start.mux-picker-cell-range-end {
  background-image: none;
}
.mux-picker-cell-in-view.mux-picker-cell-range-start, .mux-picker-cell-in-view.mux-picker-cell-range-end {
  color: #fff;
  background-color: transparent;
  opacity: 1;
  position: relative;
  z-index: 1;
}
.mux-picker-cell-in-view.mux-picker-cell-range-start::after, .mux-picker-cell-in-view.mux-picker-cell-range-end::after {
  content: "";
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 22px;
  background: var(--color-brand);
  transition: background-color 0.2s;
  transform: translateX(-50%) translateY(-50%);
}
.mux-picker-cell-in-view.mux-picker-cell-range-hover-start, .mux-picker-cell-in-view.mux-picker-cell-range-hover-end, .mux-picker-cell-in-view.mux-picker-cell-range-hover {
  position: relative;
  z-index: 2;
  color: #fff;
}
.mux-picker-cell-in-view.mux-picker-cell-range-hover-start .mux-picker-cell-inner, .mux-picker-cell-in-view.mux-picker-cell-range-hover-end .mux-picker-cell-inner, .mux-picker-cell-in-view.mux-picker-cell-range-hover .mux-picker-cell-inner {
  position: relative;
  z-index: 2;
}
.mux-picker-cell-in-view.mux-picker-cell-range-hover-start .mux-picker-cell-inner:hover, .mux-picker-cell-in-view.mux-picker-cell-range-hover-end .mux-picker-cell-inner:hover, .mux-picker-cell-in-view.mux-picker-cell-range-hover .mux-picker-cell-inner:hover {
  background-color: initial;
}
.mux-picker-cell-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mux-picker-cell-disabled:hover {
  border-color: var(--border-highlight);
}
.mux-picker-cell-disabled .mux-picker-cell-inner:hover {
  background: transparent;
}
.mux-picker-cell-range-hover-start::after {
  left: 2px;
  border-left: 1px dashed var(--color-brand);
  overflow: hidden;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.mux-picker-cell-range-hover-end::after {
  right: 2px;
  border-right: 1px dashed var(--color-brand);
  overflow: hidden;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.mux-picker-cell-today:not(.mux-picker-cell-selected):not(.mux-picker-cell-range-start):not(.mux-picker-cell-range-end) > .mux-picker-cell-inner {
  color: var(--color-brand);
}
.mux-picker-footer {
  width: min-content;
  min-width: 100%;
  background-color: #fff;
}
.mux-picker-footer .mux-picker-extra {
  width: 100%;
  line-height: 24px;
  padding: 12px;
  border-top: 1px solid #E6E6E6;
}
.mux-picker-footer .mux-picker-control {
  padding: var(--mux-trigger-large-h-gap);
  border-top: 1px solid #E6E6E6;
  height: 44px;
  display: flex;
  align-items: center;
}
.mux-picker-footer .mux-picker-control .mux-picker-ok {
  float: left;
  border: none;
  margin-right: 8px;
}
.mux-picker-footer .mux-picker-control .mux-picker-ok .mux-button {
  min-width: 60px;
}
.mux-picker-footer .mux-picker-control-now {
  margin-left: auto;
}
.mux-picker-footer .mux-picker-ranges {
  padding: 12px;
  background-color: #fff;
  border-top: 1px solid #E6E6E6;
  overflow: hidden;
  list-style: none;
}
.mux-picker-footer .mux-picker-ranges-title {
  font-size: var(--font-size);
  color: #999999;
  margin-bottom: 4px;
}
.mux-picker-footer .mux-picker-ranges ul {
  margin-right: -28px;
}
.mux-picker-footer .mux-picker-ranges-preset {
  cursor: pointer;
  display: inline-block;
  color: var(--color-brand);
  line-height: 24px;
  margin-right: 16px;
}
.mux-picker-footer a {
  cursor: pointer;
  color: var(--color-brand);
}
.mux-picker-year-panel {
  width: 216px;
}
.mux-picker-year-panel .mux-picker-body {
  padding: 23px 28px 28px;
}
.mux-picker-year-panel .mux-picker-content {
  width: 100%;
}
.mux-picker-year-panel tbody {
  display: flex;
  flex-direction: column;
  margin-bottom: -12px;
}
.mux-picker-year-panel tbody tr {
  display: flex;
}
.mux-picker-year-panel tbody tr .mux-picker-cell {
  flex: 1;
  margin-bottom: 12px;
}
.mux-picker-year-panel tbody tr .mux-picker-cell::after {
  width: 40px;
}
.mux-picker-year-panel .mux-picker-cell-inner {
  width: 40px;
}
.mux-picker-month-panel {
  width: 216px;
}
.mux-picker-month-panel .mux-picker-body {
  padding: 23px 28px 28px;
}
.mux-picker-month-panel .mux-picker-content {
  width: 100%;
}
.mux-picker-month-panel .mux-picker-content tbody {
  display: flex;
  flex-direction: column;
  margin-bottom: -12px;
}
.mux-picker-month-panel .mux-picker-content tbody tr {
  display: flex;
}
.mux-picker-month-panel .mux-picker-content tbody tr .mux-picker-cell {
  flex: 1;
  margin-bottom: 12px;
}
.mux-picker-month-panel .mux-picker-content tbody tr .mux-picker-cell::after {
  width: 32px;
}
.mux-picker-month-panel .mux-picker-cell-inner {
  width: 32px;
}
.mux-picker-date-panel {
  width: 198px;
}
.mux-picker-week-panel {
  width: 224px;
}
.mux-picker-week-panel-row {
  border-radius: var(--border-radius);
}
.mux-picker-week-panel-row:hover {
  background-color: var(--mux-common-bg);
}
.mux-picker-week-panel-row-selected .mux-picker-cell-week {
  color: #333333;
}
.mux-picker-week-panel-row-selected .mux-picker-cell-in-view {
  color: #fff;
  background: var(--color-brand-alpha-50);
}
.mux-picker-week-panel-row-selected .mux-picker-cell-start.mux-picker-cell-in-view {
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, var(--color-brand-alpha-50) 50%, var(--color-brand-alpha-50) 100%);
}
.mux-picker-week-panel-row-selected .mux-picker-cell-end.mux-picker-cell-in-view {
  background-image: linear-gradient(270deg, transparent 0%, transparent 50%, var(--color-brand-alpha-50) 50%, var(--color-brand-alpha-50) 100%);
}
.mux-picker-week-panel-row-selected .mux-picker-cell-start.mux-picker-cell-in-view.mux-picker-cell-in-view {
  background-image: none;
}
.mux-picker-week-panel-row-selected .mux-picker-cell-start.mux-picker-cell-in-view,
.mux-picker-week-panel-row-selected .mux-picker-cell-end.mux-picker-cell-in-view {
  background-color: transparent;
  opacity: 1;
  position: relative;
  z-index: 1;
}
.mux-picker-week-panel-row-selected .mux-picker-cell-start.mux-picker-cell-in-view::after,
.mux-picker-week-panel-row-selected .mux-picker-cell-end.mux-picker-cell-in-view::after {
  content: "";
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 100%;
  background: var(--color-brand);
  transition: background-color 0.2s;
  transform: translateX(-50%) translateY(-50%);
}
.mux-picker-week-panel .mux-picker-cell-inner:hover {
  background-color: transparent;
}
.mux-picker-date-panel .mux-picker-content, .mux-picker-week-panel .mux-picker-content {
  width: 100%;
  color: #333;
}
.mux-picker-date-panel .mux-picker-content thead, .mux-picker-week-panel .mux-picker-content thead {
  height: 30px;
}
.mux-picker-date-panel .mux-picker-content thead tr, .mux-picker-week-panel .mux-picker-content thead tr {
  padding: 8px;
  background-color: #fafafa;
  display: flex;
  width: 100%;
}
.mux-picker-date-panel .mux-picker-content thead tr th, .mux-picker-week-panel .mux-picker-content thead tr th {
  flex: 1;
}
.mux-picker-date-panel .mux-picker-content thead tr td::after, .mux-picker-week-panel .mux-picker-content thead tr td::after {
  width: 22px;
}
.mux-picker-date-panel .mux-picker-content tbody, .mux-picker-week-panel .mux-picker-content tbody {
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.mux-picker-date-panel .mux-picker-content tbody tr, .mux-picker-week-panel .mux-picker-content tbody tr {
  display: flex;
  flex: 1;
  margin-bottom: 4px;
  overflow: hidden;
}
.mux-picker-date-panel .mux-picker-content tbody .mux-picker-cell, .mux-picker-week-panel .mux-picker-content tbody .mux-picker-cell {
  flex: 1;
  padding: 0;
}
.mux-picker-quarter-panel {
  width: 216px;
}
.mux-picker-quarter-panel .mux-picker-content {
  width: 100%;
}
.mux-picker-quarter-panel tbody {
  display: flex;
  flex-direction: column;
  padding: 8px 16px 10px;
}
.mux-picker-quarter-panel tbody tr {
  display: flex;
}
.mux-picker-quarter-panel tbody tr .mux-picker-cell {
  flex: 1;
}
.mux-picker-time-panel .mux-picker-header {
  border-bottom: none;
}
.mux-picker-time-panel .mux-picker-content {
  display: flex;
  max-height: 172px;
  padding: 4px 6px 0;
}
.mux-picker-time-panel .mux-picker-content-header {
  display: flex;
  background-color: #FAFAFB;
  height: 35px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mux-picker-time-panel-header {
  display: flex;
  height: 30px;
  padding: 0 6px;
  background-color: #FAFAFA;
  line-height: 32px;
}
.mux-picker-time-panel-header li {
  width: 40px;
  text-align: center;
  font-weight: 600;
}
.mux-picker-time-panel-cell {
  cursor: pointer;
  color: #333;
  transition: color 0.2s;
  text-align: center;
  margin: 0 0 6px;
  position: relative;
  z-index: 1;
}
.mux-picker-time-panel-cell::after {
  content: "";
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 100%;
  transition: background-color 0.2s;
  transform: translateX(-50%) translateY(-50%);
}
.mux-picker-time-panel-cell:not(.mux-picker-cell-disabled):hover::after {
  background-color: var(--color-brand-light);
}
.mux-picker-time-panel-cell-selected {
  color: #FFF;
}
.mux-picker-time-panel-cell-selected:hover {
  color: #FFF;
}
.mux-picker-time-panel-cell-selected::after {
  background-color: var(--color-brand);
}
.mux-picker-time-panel-cell-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mux-picker-time-panel-cell-disabled:hover {
  background-color: initial;
}
.mux-picker-time-panel-cell:last-child {
  margin-bottom: 0;
}
.mux-picker-time-panel-column {
  flex: none;
  text-align: left;
  list-style: none;
  margin: -4px 0 0;
  padding: 9px 4px 4px 4px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 40px;
  transition: background 0.2s;
  font-size: var(--font-size);
  line-height: 20px;
  white-space: nowrap;
  background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(211, 211, 211, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(211, 211, 211, 0.5), rgba(0, 0, 0, 0)) 0 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
  background-size: 100% 14px, 100% 14px, 100% 7px, 100% 7px;
}
.mux-picker-time-panel-column-period {
  padding: 0 4px;
}
.mux-picker-time-panel-column-active {
  background: rgba(0, 0, 255, 0.1);
}
.mux-picker-time-panel-column-title {
  flex: 1;
}
.mux-picker-time-panel-column > li {
  padding: 0;
}
.mux-picker-time-panel-column > li .mux-picker-time-panel-cell-inner {
  width: 100%;
}
.mux-picker-panel-rtl .mux-picker-time-panel-column > li .mux-picker-time-panel-cell-inner {
  padding: 0 12px 0 0;
  text-align: right;
}
.mux-picker-time-panel ::-webkit-scrollbar {
  position: absolute;
  width: 4px;
  height: 4px;
  overflow: auto;
  background-color: transparent;
}
.mux-picker-time-panel ::-webkit-scrollbar-thumb {
  background-color: rgba(125, 125, 125, 0.3);
  min-height: 4px;
  min-width: 4px;
  border: 0 none;
}
.mux-picker-time-panel ::-webkit-scrollbar-track {
  background-color: transparent;
  border: 0 none;
}
.mux-picker-decade-panel {
  width: 260px;
}
.mux-picker-decade-panel .mux-picker-content {
  width: 100%;
}
.mux-picker-decade-panel tbody {
  display: flex;
  flex-direction: column;
  padding: 8px 16px 10px;
}
.mux-picker-decade-panel tbody tr {
  display: flex;
  margin-bottom: 8px;
}
.mux-picker-decade-panel tbody tr .mux-picker-cell {
  flex: 1;
}
.mux-picker-decade-panel tbody tr .mux-picker-cell .mux-picker-cell-inner {
  width: 100%;
}
.mux-picker-datetime-panel {
  display: flex;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.mux-picker-datetime-panel .mux-picker-time-panel {
  padding: 0 0 0 5px;
}
.mux-picker-datetime-panel .mux-picker-date-panel,
.mux-picker-datetime-panel .mux-picker-time-panel {
  transition: opacity 0.2s;
}
.mux-picker-datetime-panel-active .mux-picker-date-panel,
.mux-picker-datetime-panel-active .mux-picker-time-panel {
  opacity: 0.5;
}
.mux-picker-datetime-panel-active .mux-picker-date-panel-active,
.mux-picker-datetime-panel-active .mux-picker-time-panel-active {
  opacity: 1;
}
.mux-picker-range .mux-picker-input {
  position: relative;
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.mux-picker-range .mux-picker-input input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: 0 0;
  border: 0;
  text-align: center;
}
.mux-picker .mux-picker-suffix {
  color: #999;
  margin: 0 8px;
}
.mux-picker .mux-picker-suffix .mux-icon {
  margin-top: -4px;
}
.mux-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.mux-picker-input > input {
  flex: auto;
  height: 100%;
  min-width: 1px;
  padding: 0;
  background: transparent;
  border: 0;
}
.mux-picker-input > input:active, .mux-picker-input > input:focus {
  outline: none;
}
.mux-picker-input > input:focus {
  box-shadow: none;
}
.mux-picker-input > input[disabled] {
  background: transparent;
}
.mux-picker-input > input::-webkit-input-placeholder {
  color: #999;
}
.mux-picker-input > input::placeholder {
  color: #999;
}
.mux-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.mux-picker-clear {
  position: absolute;
  right: -2px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.mux-picker-clear .mux-icon {
  transform: scale(0.7);
}
.mux-picker-clear:hover {
  color: var(--color-brand);
}
.mux-picker-range .mux-picker-clear {
  right: 4px;
}
.mux-picker-rtl .mux-picker-clear {
  right: auto;
  left: 4px;
}
.mux-picker-dropdown {
  position: absolute;
  z-index: 1050;
}
.mux-picker-dropdown .mux-picker-panel-container {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #f5f5f6;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.mux-picker-dropdown-range {
  padding: 10px 0;
}
.mux-picker-dropdown-hidden {
  display: none;
}
.mux-picker-dropdown-placement-topLeft .mux-picker-range-arrow, .mux-picker-dropdown-placement-topRight .mux-picker-range-arrow {
  bottom: 6px;
  transform: rotate(135deg);
}
.mux-picker-dropdown-placement-bottomLeft .mux-picker-range-arrow, .mux-picker-dropdown-placement-bottomright .mux-picker-range-arrow {
  top: 6px;
  transform: rotate(-45deg);
}
.mux-picker-dropdown .mux-picker-range-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: 1;
  left: 10px;
  margin-left: 50px;
  transition: all 0.2s;
}
.mux-picker-dropdown .mux-picker-range-arrow::before, .mux-picker-dropdown .mux-picker-range-arrow::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 2px -2px 6px -2px rgba(0, 0, 0, 0.1019607843);
}
.mux-picker-dropdown .mux-picker-range-arrow::before {
  width: 10px;
  height: 10px;
  border: 5px solid #fff;
}
.mux-picker-dropdown .mux-picker-range-arrow::after {
  width: 8px;
  height: 8px;
  border: 4px solid #fff;
  border-color: #fff #fff transparent transparent;
}
.mux-picker-time-dropdown {
  --mux-trigger-large-h-gap: 0 12px 0 6px;
}
.mux-picker-range {
  position: relative;
  display: inline-flex;
  padding-right: 16px;
  /** 日期范围分隔符 */
}
.mux-picker-range-wrapper {
  display: flex;
  background-color: transparent;
  border-radius: var(--border-radius);
}
.mux-picker-range-wrapper .mux-picker-content .mux-picker-cell-in-range.mux-picker-cell-in-view:nth-of-type(1) {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.mux-picker-range-wrapper .mux-picker-content .mux-picker-cell-in-range.mux-picker-cell-in-view:last-of-type {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.mux-picker-range .mux-picker-active-bar {
  background-color: var(--color-brand);
  position: absolute;
  height: 2px;
  border-radius: var(--border-radius);
  bottom: 0px;
  pointer-events: none;
  transition: all 0.2s;
  opacity: 0;
}
.mux-picker-range-separator {
  align-items: center;
  padding: 0 var(--mux-trigger-h-gap);
  line-height: 30px;
  color: var(--mux-trigger-tag-arrow-color);
}
.mux-picker-range-separator .mux-icon::before {
  font-size: 12px;
}
.mux-picker-range.mux-picker-focused .mux-picker-active-bar {
  opacity: 1;
}
.mux-picker-panel-container {
  display: inline-block;
  vertical-align: top;
  transition: margin 0.2s;
}
.mux-picker-panel-container .mux-picker-panel:not(:first-child) {
  margin-left: 16px;
}
.mux-picker .mux-picker-dropdown-rtl.mux-picker-dropdown .mux-picker-range-arrow {
  right: 10px;
  left: auto;
  margin-left: 0;
  margin-right: 10px;
}
.mux-picker .mux-picker-dropdown-rtl.mux-picker-dropdown .mux-picker-range-arrow::before,
.mux-picker .mux-picker-dropdown-rtl.mux-picker-dropdown .mux-picker-range-arrow::after {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}

.mux-date-picker--theme-white,
.mux-date-picker--theme-ai {
  --bg-highlight: #fff;
  --mux-field-border-normal: #F0F2F5;
  --bg-highlight-hover: #fff;
}

.mux-date-picker--theme-ai {
  position: relative;
  overflow: visible;
}
.mux-date-picker--theme-ai .mux-picker-range-separator,
.mux-date-picker--theme-ai .mux-picker-prefix,
.mux-date-picker--theme-ai .mux-picker-suffix,
.mux-date-picker--theme-ai .mux-picker-input {
  position: relative;
  z-index: 1;
}
.mux-date-picker--theme-ai .mux-picker-clear {
  z-index: 1;
}
.mux-date-picker--theme-ai .mux-date-picker-border {
  overflow: hidden;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 0;
  border-radius: var(--border-radius);
  border: 0 none;
  box-shadow: none !important;
  position: absolute;
}
.mux-date-picker--theme-ai .mux-date-picker-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--mux-ai-brand-gradient-line);
  z-index: -2;
}
.mux-date-picker--theme-ai .mux-date-picker-border::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: calc(var(--border-radius) - 2px);
  z-index: -1;
}
.mux-date-picker--theme-ai .mux-date-picker-border .mux-date-picker-focus {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -99999;
  width: 0;
  padding: 0;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.mux-date-picker--theme-ai.mux-picker-focused {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.mux-date-picker--theme-ai.mux-picker-focused .mux-date-picker-focus {
  opacity: 1;
  animation: mux-input-border-ease-in var(--duration) ease-in forwards, mux-input-border-rotate 4s linear infinite;
  background-image: var(--mux-ai-brand-gradient-line);
  top: 50%;
  left: 50%;
  padding: 75%;
  z-index: -2;
  transform: translate(-50%, -50%);
}

/** animate */
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: muxSlideIn;
  animation-play-state: running;
}

.slide-up-leave.slide-up-leave-active {
  animation-name: muxSlideOut;
  animation-play-state: running;
}

.slide-up-enter.slide-up-enter-active[class*=bottom],
.slide-up-appear.slide-up-appear-active[class*=bottom] {
  animation-name: muxSlideUpIn;
  animation-play-state: running;
}

.slide-up-leave.slide-up-leave-active[class*=bottom] {
  animation-name: muxSlideUpOut;
  animation-play-state: running;
}

.slide-up-enter.slide-up-enter-active[class*=Bottom],
.slide-up-appear.slide-up-appear-active[class*=bottom] {
  animation-name: muxSlideDownIn;
  animation-play-state: running;
}

.slide-up-leave.slide-up-leave-active[class*=Bottom] {
  animation-name: muxSlideDownOut;
  animation-play-state: running;
}

.slide-up-enter.slide-up-enter-active[class*=top],
.slide-up-appear.slide-up-appear-active[class*=top] {
  animation-name: muxSlideDownIn;
  animation-play-state: running;
}

.slide-up-leave.slide-up-leave-active[class*=top] {
  animation-name: muxSlideDownOut;
  animation-play-state: running;
}

.slide-up-enter.slide-up-enter-active[class*=Top],
.slide-up-appear.slide-up-appear-active[class*=Top] {
  animation-name: muxSlideUpIn;
  animation-play-state: running;
}

.slide-up-leave.slide-up-leave-active[class*=Top] {
  animation-name: muxSlideUpOut;
  animation-play-state: running;
}

.mux-picker-small {
  height: 24px;
  border-radius: var(--border-small-radius);
}
.mux-picker-small .mux-picker-range-separator {
  line-height: 22px;
}

@keyframes muxSlideIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 50%;
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 50%;
    opacity: 1;
  }
}
@keyframes muxSlideOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 50%;
    opacity: 1;
  }
  to {
    transform: scale(0.8);
    transform-origin: 50% 50%;
    opacity: 0;
  }
}
@keyframes muxSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes muxSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes muxSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes muxSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes muxSlideLeftIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes muxSlideLeftOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes muxSlideRightIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes muxSlideRightOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes muxSlideLeftIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes muxSlideLeftOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
.mux-card {
  position: relative;
  transition: box-shadow 0.4s ease-out;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: var(--mux-card-radius);
  box-shadow: var(--mux-card-box-shadow-normal);
  border: var(--mux-card-overall-borderline);
  background-color: var(--mux-card-background);
  --mux-card-title-height: auto;
  --mux-card-overall-borderline: 0 none;
  --mux-card-statistic-border-color: #D8D8D8;
  --mux-card-horizontal-padding: 24px;
  --mux-card-vertical-padding: 16px;
  --mux-card-content-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding);
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding);
  --mux-card-title-margin: 0;
  --mux-card-title-borderline: 1px solid var(--color-border);
  --mux-card-title-min-height: 60px;
  --mux-card-title-main-font-size: 16px;
  --mux-card-peer-gap: 16px;
  --mux-card-title-font-weight: bold;
  --mux-card-title-color: #333;
  --mux-card-title-justify-content: stretch;
  --mux-card-title-desc-color: #999;
  --mux-card-content-color: #333;
  --mux-card-title-desc-font-size: var(--font-size);
  --mux-card-box-shadow-normal: 0 1px 1px 0 rgba(0,0,0,.06);
  --mux-card-box-shadow-hover: 0 4px 8px rgba(0,0,0,.06);
  --mux-card-background: #FFF;
  --mux-card-background-gradient-start: #4554e5;
  --mux-card-background-gradient-end: #E2E8F6;
  --mux-card-peer-border: 1px solid var(--color-border);
  --mux-card-radius: var(--border-huge-radius);
}
.mux-card + .mux-card {
  margin-top: var(--mux-card-peer-gap);
}
.mux-card:hover {
  box-shadow: var(--mux-card-box-shadow-hover);
}

.mux-card-content {
  padding: var(--mux-card-content-padding);
  color: var(--mux-card-content-color);
}

.mux-card-title {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;
  margin: var(--mux-card-title-margin);
  padding: var(--mux-card-title-padding);
  height: var(--mux-card-title-height);
  min-height: var(--mux-card-title-min-height);
  border-bottom: var(--mux-card-title-borderline);
  background: var(--mux-card-title-background);
  border-radius: var(--mux-card-radius) var(--mux-card-radius) 0 0;
}
.mux-card-title-body {
  display: flex;
  flex: 1;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
  justify-content: var(--mux-card-title-justify-content);
  font-weight: var(--mux-card-title-font-weight);
  font-size: var(--mux-card-title-main-font-size);
  color: var(--mux-card-title-color);
  column-gap: calc(var(--mux-card-horizontal-padding)*0.5);
}
.mux-card-title-body .mux-card-title-icon {
  color: var(--mux-card-title-desc-color);
}
.mux-card-title-body .mux-card-title-icon svg,
.mux-card-title-body .mux-card-title-icon img {
  display: block;
}
.mux-card-title-body > .mux-tabs {
  margin: calc(var(--mux-card-vertical-padding)*-1) 0;
  border-radius: 0;
}
.mux-card-title-body > .mux-tabs.mux-tabs-bar {
  margin-left: calc(var(--mux-card-horizontal-padding)*-1);
}
.mux-card-title-desc {
  flex: 1;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mux-card-title-desc-font-size);
  color: var(--mux-card-title-desc-color);
}
.mux-card-title-extra {
  margin: calc(var(--mux-card-vertical-padding)*-1) 0 calc(var(--mux-card-vertical-padding)*-1) calc(var(--mux-card-horizontal-padding)*0.5);
  text-align: left;
  display: flex;
  align-items: center;
}
.mux-card-title:only-child {
  border-radius: var(--mux-card-radius);
}
.mux-card > .mux-card .mux-card-title {
  border-radius: 0;
}
.mux-card-title .mux-tabs {
  background: transparent;
}
.mux-card-title .mux-tabs-nav::before {
  border-color: transparent;
}
.mux-card-title .mux-tabs-top > .mux-tabs-nav .mux-tabs-ink-bar,
.mux-card-title .mux-tabs-top > div > .mux-tabs-nav .mux-tabs-ink-bar {
  bottom: 0;
}
.mux-card-title .mux-tabs-top > .mux-tabs-nav::before,
.mux-card-title .mux-tabs-top > div > .mux-tabs-nav::before,
.mux-card-title .mux-tabs-bottom > .mux-tabs-nav::before,
.mux-card-title .mux-tabs-bottom > div > .mux-tabs-nav::before {
  border-bottom: 0 none;
}

.mux-card-collapser > .mux-icon {
  margin-left: 2px;
}

.mux-card-image {
  overflow: hidden;
  border-radius: var(--mux-card-radius);
}
.mux-card-image img {
  display: block;
  width: 100%;
}
.mux-card-content > .mux-card-image {
  margin: calc(var(--mux-card-vertical-padding)*-1) calc(var(--mux-card-horizontal-padding)*-1) 0;
  padding: 0 0 var(--mux-card-vertical-padding);
}

.mux-card-title + .mux-card,
.mux-card-title + .mux-card-image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mux-card > .mux-card:not(:last-child),
.mux-card > .mux-card-image:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.mux-card-title + .mux-card-content > .mux-card-image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mux-card > .mux-card-content > .mux-card-image:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.mux-card-background {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--mux-card-background-gradient-start);
  border-radius: var(--mux-card-radius);
  pointer-events: none;
}
.mux-card-background > .mux-card-gradient {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding-left: 60%;
  height: 100%;
  background-image: linear-gradient(204deg, var(--mux-card-background-gradient-end) 4%, var(--mux-card-background-gradient-start) 60%);
  background-size: cover;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.mux-card-background > .mux-card-img {
  position: absolute;
  bottom: 0;
  max-height: 100%;
  right: 0;
  z-index: 1;
}

.mux-card--theme-spotlight {
  position: relative;
  --mux-card-title-borderline: 1px solid rgba(255, 255, 255, .15);
  --mux-card-title-color: #FFF;
  --mux-card-title-desc-color: #FFF;
  --mux-card-content-color: #FFF;
}
.mux-card--theme-spotlight > .mux-card-content {
  position: relative;
  z-index: 1;
}
.mux-card--theme-spotlight > .mux-card-title {
  position: relative;
}
.mux-card--theme-spotlight > .mux-card-title .mux-tabs {
  --color-brand: #FFF;
}
.mux-card--theme-spotlight > .mux-card-title .mux-tabs-tab {
  color: #FFF;
}
.mux-card--theme-spotlight > .mux-card-title .mux-tabs-tab-btn:active {
  color: inherit;
}
.mux-card--theme-spotlight > .mux-card-title .mux-tabs-top > .mux-tabs-nav .mux-tabs-ink-bar,
.mux-card--theme-spotlight > .mux-card-title .mux-tabs-top > div > .mux-tabs-nav .mux-tabs-ink-bar {
  background: #FFF;
}
.mux-card--theme-spotlight .mux-tooltip-question {
  color: #FFF;
  opacity: 0.5;
}
.mux-card--theme-spotlight > .mux-card-content > .mux-statistic-group {
  margin: 0 -12px;
}
.mux-card--theme-spotlight .mux-statistic-field-title,
.mux-card--theme-spotlight .mux-statistic-group .mux-statistic-field,
.mux-card--theme-spotlight .mux-statistic-field {
  color: inherit;
}
.mux-card--theme-spotlight .mux-statistic-group .mux-statistic-field {
  position: relative;
  padding-right: 12px;
  padding-left: 12px;
  flex: 1 0;
  width: auto;
  white-space: nowrap;
}
.mux-card--theme-spotlight .mux-statistic-field + .mux-statistic-field::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  height: 40px;
  border-left: 1px solid #D8D8D8;
  border-left: 1px solid var(--mux-card-statistic-border-color, #D8D8D8);
  transform: translate(0, -50%);
}

.mux-card--theme-subblock {
  --mux-card-overall-borderline: 1px solid #F0F2F5;
  --mux-card-title-background: #E9EFFF;
  --mux-card-title-color: #4554E5;
  --mux-card-title-font-weight: normal;
  --mux-card-title-borderline: 0 none;
  --mux-card-title-min-height: 42px;
  --mux-card-title-main-font-size: 14px;
  --mux-card-title-justify-content: center;
  --mux-card-title-margin: -1px;
  --mux-card-peer-gap: 0;
}

.mux-card--theme-subcard {
  --mux-card-box-shadow-normal: none;
  --mux-card-box-shadow-hover: none;
  --mux-card-title-borderline: 0 none;
  --mux-card-title-min-height: auto;
  --mux-card-title-main-font-size: 14px;
  --mux-card-peer-gap: 0;
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding) 0;
  --mux-card-peer-border: 1px solid var(--color-border);
}
.mux-card--theme-subcard.mux-card--no-content {
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding);
}
.mux-card--theme-subcard + .mux-card--theme-subcard::before {
  content: " ";
  display: block;
  border-top: 1px solid var(--color-border);
}

.mux-card--theme-borderline {
  --mux-card-overall-borderline: 1px solid #E6E9ED;
  --mux-card-box-shadow-normal: none;
  --mux-card-box-shadow-hover: none;
  --mux-card-title-font-weight: normal;
  --mux-card-title-main-font-size: 14px;
  --mux-card-title-min-height: 32px;
  --mux-card-radius: var(--border-radius);
}
.mux-card--theme-borderline > .mux-card {
  --mux-card-peer-gap: 0;
  --mux-card-peer-border: 1px solid var(--color-border);
}

.mux-card--theme-well {
  --mux-card-box-shadow-normal: none;
  --mux-card-box-shadow-hover: none;
  --mux-card-title-borderline: 0 none;
  --mux-card-title-background: var(--color-bg);
  --mux-card-title-main-font-size: 12px;
  --mux-card-title-min-height: 52px;
  --mux-card-title-font-weight: normal;
}

.mux-card--theme-highlight-well {
  --mux-card-box-shadow-normal: none;
  --mux-card-box-shadow-hover: none;
  --mux-card-title-borderline: 0 none;
  --mux-card-title-color: var(--color-brand);
  --mux-card-title-background: var(--color-brand-opacity);
  --mux-card-title-main-font-size: 12px;
  --mux-card-title-min-height: 52px;
  --mux-card-title-font-weight: normal;
}

.mux-card--theme-well > .mux-card-title > .mux-card-title-body .mux-tabs-card .mux-tabs-nav-list,
.mux-card--theme-well > .mux-card-title > .mux-card-title-body .mux-tabs-editable-card .mux-tabs-nav-list,
.mux-card--theme-highlight-well > .mux-card-title > .mux-card-title-body .mux-tabs-card .mux-tabs-nav-list,
.mux-card--theme-highlight-well > .mux-card-title > .mux-card-title-body .mux-tabs-editable-card .mux-tabs-nav-list {
  padding: var(--mux-card-tab-padding);
}
.mux-card--theme-well > .mux-card-title > .mux-card-title-body .mux-tabs-card .mux-tabs-tab,
.mux-card--theme-well > .mux-card-title > .mux-card-title-body .mux-tabs-editable-card .mux-tabs-tab,
.mux-card--theme-highlight-well > .mux-card-title > .mux-card-title-body .mux-tabs-card .mux-tabs-tab,
.mux-card--theme-highlight-well > .mux-card-title > .mux-card-title-body .mux-tabs-editable-card .mux-tabs-tab {
  height: var(--mux-card-tab-height);
}
.mux-card--theme-well > .mux-card-title > .mux-card-title-body .mux-tabs--size-small,
.mux-card--theme-highlight-well > .mux-card-title > .mux-card-title-body .mux-tabs--size-small {
  --mux-card-tab-padding: 31px 0 0;
  --mux-card-tab-height: 32px;
}
.mux-card--theme-well > .mux-card-title > .mux-card-title-body .mux-tabs--size-normal,
.mux-card--theme-highlight-well > .mux-card-title > .mux-card-title-body .mux-tabs--size-normal {
  --mux-card-tab-padding: 21px 0 0;
  --mux-card-tab-height: 42px;
}

.mux-card--theme-simple {
  --mux-card-title-main-font-size: 16px;
  --mux-card-title-font-weight: normal;
  --mux-card-title-min-height: 64px;
  --mux-card-title-borderline: 0 none;
  --mux-card-box-shadow-normal: none;
  --mux-card-box-shadow-hover: none;
  --mux-card-title-padding: 0 var(--mux-card-horizontal-padding);
  --mux-card-peer-gap: -16px;
  --mux-card-content-padding: 0 var(--mux-card-horizontal-padding) var(--mux-card-vertical-padding);
}
.mux-card--theme-simple.mux-card--no-content {
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding);
}

.mux-card--theme-ai {
  --mux-card-title-main-font-size: 16px;
  --mux-card-title-font-weight: normal;
  --mux-card-title-min-height: 32px;
  --mux-card-title-borderline: 0 none;
  --mux-card-box-shadow-normal: 0 4px 10px 0 hsla(16,7%,67%,.2);
  --mux-card-box-shadow-hover: 0 4px 10px 0 hsla(16,7%,67%,.2);
  --mux-card-title-color: #FFF;
  --mux-card-title-desc-color: #FFF;
  --mux-card-vertical-padding: 24px;
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding) 0;
  --mux-card-content-color: #333;
  background-image: var(--mux-ai-brand-gradient-tl-br-lighter);
}
.mux-card--theme-ai .mux-card-title-text {
  font-weight: bold;
  background-image: var(--mux-ai-brand-gradient-l-r-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mux-card--theme-marketing {
  --mux-card-title-main-font-size: 16px;
  --mux-card-title-font-weight: normal;
  --mux-card-title-min-height: 32px;
  --mux-card-title-borderline: 0 none;
  --mux-card-box-shadow-normal: 0 4px 10px 0 hsla(16,7%,67%,.2);
  --mux-card-box-shadow-hover: 0 4px 10px 0 hsla(16,7%,67%,.2);
  --mux-card-title-color: #FFF;
  --mux-card-title-desc-color: #FFF;
  --mux-card-vertical-padding: 24px;
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding) 0;
  --mux-card-content-color: #333;
  background-image: var(--mux-marketing-brand-gradient-tl-br-lighter);
}
.mux-card--theme-marketing .mux-card-title-text {
  font-weight: bold;
  background-image: var(--mux-marketing-brand-gradient-l-r);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mux-card--theme-gray {
  --mux-card-title-main-font-size: 16px;
  --mux-card-title-font-weight: normal;
  --mux-card-title-min-height: 32px;
  --mux-card-title-borderline: 0 none;
  --mux-card-box-shadow-normal: none;
  --mux-card-box-shadow-hover: none;
  --mux-card-title-color: #333;
  --mux-card-title-desc-color: #666;
  --mux-card-vertical-padding: 24px;
  --mux-card-title-padding: var(--mux-card-vertical-padding) var(--mux-card-horizontal-padding) 0;
  --mux-card-content-color: #333;
  --mux-card-background: #f8f9fa;
}
.mux-textarea {
  position: relative;
  display: inline-block;
  background-color: var(--bg-highlight);
  color: #333;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 8px;
  padding: var(--output-offset, 8px);
  border-radius: var(--border-radius);
  height: auto;
  min-height: 48px;
  border: 1px solid transparent;
  border: 1px solid var(--mux-field-border-normal, transparent);
  transition: border-color var(--duration), background-color var(--duration), color var(--duration);
}
.mux-textarea.mux-textarea--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mux-textarea.mux-textarea--disabled textarea {
  resize: none;
  cursor: not-allowed;
}
.mux-textarea:not(.mux-textarea--disabled):hover {
  background-color: var(--bg-highlight-hover);
}
.mux-textarea:not(.mux-textarea--disabled):active, .mux-textarea:not(.mux-textarea--disabled).mux-textarea--focus, .mux-textarea:not(.mux-textarea--disabled):focus {
  background-color: var(--bg-highlight-active);
  border-color: var(--border-highlight-active);
  border-color: var(--mux-field-border-active, var(--border-highlight-active));
  box-shadow: var(--border-highlight-shadow-active);
  box-shadow: var(--mux-field-box-shadow-active, var(--border-highlight-shadow-active));
}

.mux-textarea-inner {
  display: block;
  resize: none;
  box-sizing: border-box;
  min-height: 32px;
  border: none;
  word-break: break-all;
  background: transparent;
  overflow: auto;
}
.mux-textarea-inner::-webkit-input-placeholder {
  color: #999;
}
.mux-textarea-inner::placeholder {
  color: #999;
}
.mux-textarea-inner:active, .mux-textarea-inner:focus {
  outline: none;
}

.mux-textarea-inner-no-scroll {
  overflow: hidden;
}

.mux-textarea-inner-resizable {
  resize: vertical;
}

.mux-textarea-limit {
  width: 100%;
  height: 16px;
  text-align: right;
  border-radius: var(--border-radius);
  pointer-events: none;
  line-height: normal;
  font-size: 12px;
  color: #999;
}
.mux-textarea-limit--current {
  color: #333;
}
.mux-textarea-limit--slash {
  margin: 0 4px;
}

.mux-textarea--theme-white,
.mux-textarea--theme-ai {
  --bg-highlight: #fff;
  --mux-field-border-normal: #F0F2F5;
  --bg-highlight-hover: #fff;
}

.mux-textarea--theme-ai {
  position: relative;
  background-color: transparent;
}
.mux-textarea--theme-ai textarea {
  position: relative;
  z-index: 1;
}
.mux-textarea--theme-ai .mux-textarea-inner {
  background-color: transparent !important;
  border-color: transparent !important;
}
.mux-textarea--theme-ai .mux-textarea-ai-border {
  overflow: hidden;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 0;
  border-radius: var(--border-radius);
  border: 0 none;
  box-shadow: none !important;
  position: absolute;
}
.mux-textarea--theme-ai .mux-textarea-ai-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--mux-ai-brand-gradient-line);
  z-index: -2;
}
.mux-textarea--theme-ai .mux-textarea-ai-border::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: calc(var(--border-radius) - 2px);
  z-index: -1;
}
.mux-textarea--theme-ai .mux-textarea-ai-border .mux-textarea-focus {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -99999;
  width: 0;
  padding: 0;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.mux-textarea--theme-ai.mux-textarea--focus .mux-textarea-focus {
  opacity: 1;
  animation: mux-textarea-border-ease-in var(--duration) ease-in forwards, mux-textarea-border-rotate 4s linear infinite;
  background-image: var(--mux-ai-brand-gradient-line);
  top: 50%;
  left: 50%;
  padding: 75%;
  z-index: -2;
  transform: translate(-50%, -50%);
}

@keyframes mux-textarea-border-ease-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mux-textarea-border-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@charset "UTF-8";
.mux-toggle {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.mux-toggle-label {
  font-size: var(--font-size);
  color: #333;
  padding-left: 4px;
  cursor: pointer;
  user-select: none;
}

.mux-toggle--disabled {
  cursor: not-allowed;
}

.mux-toggle-slider {
  outline: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
  user-select: none;
  border: 2px solid transparent;
  background-color: var(--btn-brand);
  transition: background-color var(--duration) cubic-bezier(0.4, 0, 0.2, 1), border-color var(--duration) cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--duration);
}
.mux-toggle-slider:not(:disabled):hover {
  box-shadow: var(--btn-brand-shadow-hover);
}
.mux-toggle-slider-btn {
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  background-color: white;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
  transform-origin: left center;
  transform: translate3d(0, 0, 0);
  transition: all var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.mux-toggle-slider-loading .mux-icon-loading {
  color: #4576f5;
}
.mux-toggle-slider-large {
  width: 44px;
  height: 24px;
  border-radius: 12px;
}
.mux-toggle-slider-large.mux-toggle-slider-shape-square {
  border-radius: 6px;
}
.mux-toggle-slider-large.mux-toggle-slider-shape-square .mux-toggle-slider-btn {
  border-radius: 4px;
}
.mux-toggle-slider-large:not([disabled]):active .mux-toggle-slider-btn {
  width: 24px;
}
.mux-toggle-slider-large.mux-toggle-slider-auto-width {
  min-width: 44px;
  width: auto;
  overflow: initial;
}
.mux-toggle-slider-large .mux-toggle-slider-btn {
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.mux-toggle-slider-large > .mux-toggle-slider-children,
.mux-toggle-slider-large > .mux-toggle-slider-children * {
  font-size: 14px;
}
.mux-toggle-slider-large.mux-toggle-slider.mux-toggle-slider-on > .mux-toggle-slider-children {
  margin-right: 17px;
  min-width: calc(100% - 17px);
}
.mux-toggle-slider-large.mux-toggle-slider.mux-toggle-slider-off > .mux-toggle-slider-children {
  margin-left: 17px;
  min-width: calc(100% - 17px);
}
.mux-toggle-slider-large.mux-toggle-slider-loading .mux-icon-loading {
  height: 16px;
  width: 16px;
  transform: translate(1px, -2px);
}
.mux-toggle-slider-normal {
  width: 36px;
  height: 20px;
  border-radius: 10px;
}
.mux-toggle-slider-normal.mux-toggle-slider-shape-square {
  border-radius: 4px;
}
.mux-toggle-slider-normal.mux-toggle-slider-shape-square .mux-toggle-slider-btn {
  border-radius: 2px;
}
.mux-toggle-slider-normal:not([disabled]):active .mux-toggle-slider-btn {
  width: 21px;
}
.mux-toggle-slider-normal.mux-toggle-slider-auto-width {
  min-width: 36px;
  width: auto;
  overflow: initial;
}
.mux-toggle-slider-normal .mux-toggle-slider-btn {
  width: 14px;
  height: 14px;
  border-radius: 14px;
}
.mux-toggle-slider-normal > .mux-toggle-slider-children,
.mux-toggle-slider-normal > .mux-toggle-slider-children * {
  font-size: 12px;
}
.mux-toggle-slider-normal.mux-toggle-slider.mux-toggle-slider-on > .mux-toggle-slider-children {
  margin-right: 15px;
  min-width: calc(100% - 15px);
}
.mux-toggle-slider-normal.mux-toggle-slider.mux-toggle-slider-off > .mux-toggle-slider-children {
  margin-left: 15px;
  min-width: calc(100% - 15px);
}
.mux-toggle-slider-normal.mux-toggle-slider-loading .mux-icon-loading {
  height: 12px;
  width: 12px;
  transform: translate(0, -3px) scale(0.9);
}
.mux-toggle-slider-small {
  width: 28px;
  height: 16px;
  border-radius: 8px;
}
.mux-toggle-slider-small.mux-toggle-slider-shape-square {
  border-radius: 3px;
}
.mux-toggle-slider-small.mux-toggle-slider-shape-square .mux-toggle-slider-btn {
  border-radius: 3px;
}
.mux-toggle-slider-small:not([disabled]):active .mux-toggle-slider-btn {
  width: 18px;
}
.mux-toggle-slider-small.mux-toggle-slider-auto-width {
  min-width: 28px;
  width: auto;
  overflow: initial;
}
.mux-toggle-slider-small .mux-toggle-slider-btn {
  width: 12px;
  height: 12px;
  border-radius: 12px;
}
.mux-toggle-slider-small > .mux-toggle-slider-children,
.mux-toggle-slider-small > .mux-toggle-slider-children * {
  font-size: 12px;
  /* chrome 最小字体 12px，所以采用缩放 */
  transform: scale(0.8);
}
.mux-toggle-slider-small.mux-toggle-slider.mux-toggle-slider-on > .mux-toggle-slider-children {
  margin-right: 12px;
  min-width: calc(100% - 12px);
}
.mux-toggle-slider-small.mux-toggle-slider.mux-toggle-slider-off > .mux-toggle-slider-children {
  margin-left: 12px;
  min-width: calc(100% - 12px);
}
.mux-toggle-slider-small.mux-toggle-slider-loading .mux-icon-loading {
  height: 12px;
  width: 12px;
  transform: translate(-1px, -3px) scale(0.7);
}
.mux-toggle-slider-on {
  background-color: var(--btn-brand);
}
.mux-toggle-slider-on .mux-toggle-slider-btn {
  left: 100%;
  transform: translate3d(-100%, 0, 0);
}
.mux-toggle-slider[disabled], .mux-toggle-slider-loading {
  cursor: not-allowed;
  opacity: var(--mux-comp-disabled-opacity);
}
.mux-toggle-slider-off {
  background-color: #C3C9D9;
  border-color: #C3C9D9;
}
.mux-toggle-slider-off .mux-toggle-slider-btn {
  left: 0;
}
.mux-toggle-slider > .mux-toggle-slider-children {
  color: rgba(255, 255, 255, 0.9);
}

.mux-toggle-slider-children {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mux-toggle-slider-shape-v-collapse,
.mux-toggle-slider-shape-h-collapse,
.mux-toggle-slider-shape-h-collapse-reverse {
  background-color: var(--mux-toggle-bg-color);
  border: 1px solid var(--mux-toggle-border-color);
  padding: 4px;
  --btn-brand-shadow-hover: none;
}
.mux-toggle-slider-shape-v-collapse .mux-toggle-slider-btn,
.mux-toggle-slider-shape-h-collapse .mux-toggle-slider-btn,
.mux-toggle-slider-shape-h-collapse-reverse .mux-toggle-slider-btn {
  display: none;
  width: 0;
  height: 0;
}
.mux-toggle-slider-shape-v-collapse .mux-toggle-slider-children,
.mux-toggle-slider-shape-h-collapse .mux-toggle-slider-children,
.mux-toggle-slider-shape-h-collapse-reverse .mux-toggle-slider-children {
  color: var(--mux-toggle-text-color);
  margin: 0 !important;
  width: 100% !important;
  max-width: initial !important;
  min-width: initial !important;
  line-height: 1.2;
  text-align: center;
}
.mux-toggle-slider-shape-v-collapse .mux-toggle-slider-children::after,
.mux-toggle-slider-shape-h-collapse .mux-toggle-slider-children::after,
.mux-toggle-slider-shape-h-collapse-reverse .mux-toggle-slider-children::after {
  content: "\e6b6";
  font-family: mux-icon;
  color: var(--mux-toggle-icon-color);
}
.mux-toggle-slider-shape-v-collapse:hover,
.mux-toggle-slider-shape-h-collapse:hover,
.mux-toggle-slider-shape-h-collapse-reverse:hover {
  background-color: var(--mux-toggle-bg-color-hover);
  border-color: var(--mux-toggle-border-color-hover);
}
.mux-toggle-slider-shape-v-collapse:hover .mux-toggle-slider-children,
.mux-toggle-slider-shape-h-collapse:hover .mux-toggle-slider-children,
.mux-toggle-slider-shape-h-collapse-reverse:hover .mux-toggle-slider-children {
  color: var(--mux-toggle-text-color-hover);
}
.mux-toggle-slider-shape-v-collapse:hover .mux-toggle-slider-children::after,
.mux-toggle-slider-shape-h-collapse:hover .mux-toggle-slider-children::after,
.mux-toggle-slider-shape-h-collapse-reverse:hover .mux-toggle-slider-children::after {
  color: var(--mux-toggle-icon-color-hover);
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider--theme-normal,
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider--theme-normal,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider--theme-normal {
  --mux-toggle-bg-color: #f0f2f5;
  --mux-toggle-bg-color-hover: #e4e7f0;
  --mux-toggle-text-color: #666;
  --mux-toggle-icon-color: #999;
  --mux-toggle-text-color-hover: #333;
  --mux-toggle-icon-color-hover: #666;
  --mux-toggle-border-color: transparent;
  --mux-toggle-border-color-hover: transparent;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider--theme-white,
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider--theme-white,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider--theme-white {
  --mux-toggle-bg-color: #FFF;
  --mux-toggle-bg-color-hover: #FFF;
  --mux-toggle-text-color: #666;
  --mux-toggle-icon-color: #999;
  --mux-toggle-text-color-hover: var(--btn-brand);
  --mux-toggle-icon-color-hover: inherit;
  --mux-toggle-border-color: var(--bg-highlight);
  --mux-toggle-border-color-hover: var(--btn-brand);
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-small,
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-small,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-small {
  --mux-toggle-collapse-border-radius: 8px;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-normal,
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-normal,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-normal {
  --mux-toggle-collapse-border-radius: 12px;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-large,
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-large,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-large {
  --mux-toggle-collapse-border-radius: 16px;
}

.mux-toggle-slider-shape-v-collapse {
  border-radius: var(--mux-toggle-collapse-border-radius) var(--mux-toggle-collapse-border-radius) 0 0;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-small {
  width: 80px;
  height: 20px;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-normal {
  width: 122px;
  height: 24px;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-large {
  width: 140px;
  height: 32px;
}
.mux-toggle-slider-shape-v-collapse .mux-toggle-slider-children::after {
  margin-left: 4px;
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-on .mux-toggle-slider-children::after {
  transform: rotate(180deg);
}
.mux-toggle-slider-shape-v-collapse.mux-toggle-slider-off .mux-toggle-slider-children::after {
  transform: rotate(0deg);
}

.mux-toggle-slider-shape-h-collapse .mux-toggle-slider-children,
.mux-toggle-slider-shape-h-collapse-reverse .mux-toggle-slider-children {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-small,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-small {
  width: 20px;
  height: 80px;
}
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-normal,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-normal {
  width: 24px;
  height: 122px;
}
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-large,
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-large {
  width: 32px;
  height: 140px;
}
.mux-toggle-slider-shape-h-collapse .mux-toggle-slider-children::after,
.mux-toggle-slider-shape-h-collapse-reverse .mux-toggle-slider-children::after {
  margin-top: 2px;
}

.mux-toggle-slider-shape-h-collapse {
  border-radius: 0 var(--mux-toggle-collapse-border-radius) var(--mux-toggle-collapse-border-radius) 0;
}
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-on .mux-toggle-slider-children::after {
  transform: rotate(90deg);
}
.mux-toggle-slider-shape-h-collapse.mux-toggle-slider-off .mux-toggle-slider-children::after {
  transform: rotate(270deg);
}

.mux-toggle-slider-shape-h-collapse-reverse {
  border-radius: var(--mux-toggle-collapse-border-radius) 0 0 var(--mux-toggle-collapse-border-radius);
}
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-on .mux-toggle-slider-children::after {
  transform: rotate(270deg);
}
.mux-toggle-slider-shape-h-collapse-reverse.mux-toggle-slider-off .mux-toggle-slider-children::after {
  transform: rotate(90deg);
}
.mux-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  flex-grow: 1;
  --mux-empty-content-color: #666;
}

.mux-empty-img {
  width: 40%;
  padding-bottom: 40%;
  max-width: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@supports (aspect-ratio: 1/21) {
  .mux-empty-img {
    padding-bottom: 0;
    aspect-ratio: 1/1;
  }
}
.mux-empty-content {
  color: var(--mux-empty-content-color);
  font-size: var(--font-size);
}

.mux-empty--noData {
  background-image: url("https://img.alicdn.com/imgextra/i2/O1CN01LqYGuA1NeYYctcwqW_!!6000000001595-2-tps-640-640.png");
}

.mux-empty--noContent {
  background-image: url("https://img.alicdn.com/imgextra/i1/O1CN01Nn9HGs1Bx5IqxJSk4_!!6000000000011-2-tps-640-640.png");
}

.mux-empty--notFound {
  background-image: url("https://img.alicdn.com/imgextra/i3/O1CN01HxdbtP25wGyLnsVm6_!!6000000007590-2-tps-640-640.png");
}

.mux-empty--serverError {
  background-image: url("https://img.alicdn.com/imgextra/i1/O1CN0130rpiy1iWrqBxpyvk_!!6000000004421-2-tps-640-640.png");
}

.mux-empty--noPermission {
  background-image: url("https://img.alicdn.com/imgextra/i3/O1CN01DuPHt51T2RHx1NjVA_!!6000000002324-2-tps-640-640.png");
}

.mux-empty--loading {
  background-image: url("https://img.alicdn.com/imgextra/i3/O1CN01qDrmgL1IXA5LwALvI_!!6000000000902-2-tps-640-640.png");
}

.mux-empty--noConstruction {
  background-image: url("https://img.alicdn.com/imgextra/i4/O1CN01nTmtNh1Kwvb0sKiPm_!!6000000001229-2-tps-640-640.png");
}
@charset "UTF-8";
/* 复写 virtual list scrollbar */
.mux-virtual-list-scrollbar {
  width: 8px !important;
  height: 8px !important;
  display: block !important;
}
.mux-virtual-list-scrollbar .mux-virtual-list-scrollbar-thumb {
  background-color: rgba(125, 125, 125, 0.3) !important;
  border-radius: var(--border-radius);
}

.mux-select {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  min-width: 64px;
  line-height: var(--line-height);
  --mux-select-arrow-color: #999;
  /* Small 小型 */
  /* Normal 正常 */
  /* 大尺寸 Large */
  /** Normal - Opened 开启状态 */
  /** Single 单选 */
  /** Multiple - 多选 */
}
.mux-select ::-webkit-scrollbar {
  display: none;
}
.mux-select.mux-select-size--small {
  /* Small - Multiple 小型多选 */
}
.mux-select.mux-select-size--small .mux-select-selector {
  height: var(--input-small-height);
  line-height: calc(var(--input-small-height) - 2px);
}
.mux-select.mux-select-size--small .mux-select-arrow {
  height: var(--input-small-height);
}
.mux-select.mux-select-size--small .mux-select-selection-label {
  line-height: calc(var(--input-small-height) - 2px);
}
.mux-select.mux-select-size--small .mux-select-selection-item {
  line-height: calc(var(--input-small-height) - 2px);
}
.mux-select.mux-select-size--small .mux-select-selection-placeholder {
  line-height: calc(var(--input-small-height) - 2px);
}
.mux-select.mux-select-size--small.mux-select-multiple .mux-select-selection-item {
  height: 18px;
  line-height: 18px;
  margin: 2px 4px 1px 0;
}
.mux-select.mux-select-size--small.mux-select-multiple .mux-select-indicator {
  line-height: 22px;
}
.mux-select.mux-select-size--small.mux-select-multiple .mux-select-indicator-value {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.mux-select.mux-select-size--normal .mux-select-selector {
  height: var(--input-height);
}
.mux-select.mux-select-size--normal .mux-select-arrow {
  height: var(--input-height);
}
.mux-select.mux-select-size--normal .mux-select-selection-item,
.mux-select.mux-select-size--normal .mux-select-selection-placeholder {
  line-height: calc(var(--input-height) - 2px);
}
.mux-select.mux-select-size--normal .mux-select-selection-label {
  line-height: calc(var(--input-height) - 2px);
}
.mux-select.mux-select-size--normal.mux-select-multiple {
  vertical-align: middle;
}
.mux-select.mux-select-size--normal.mux-select-multiple .mux-select-indicator {
  line-height: calc(var(--input-height) - 2px);
}
.mux-select.mux-select-size--normal.mux-select-multiple .mux-select-indicator-value {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mux-select.mux-select-size--large .mux-select-selector {
  height: var(--input-large-height);
  line-height: calc(var(--input-large-height) - 2px);
}
.mux-select.mux-select-size--large .mux-select-arrow {
  height: var(--input-large-height);
}
.mux-select.mux-select-size--large .mux-select-selection-item {
  line-height: calc(var(--input-large-height) - 6px);
}
.mux-select.mux-select-size--large .mux-select-selection-placeholder {
  line-height: calc(var(--input-large-height) - 2px);
}
.mux-select.mux-select-size--large .mux-select-selection-label {
  line-height: calc(var(--input-large-height) - 2px);
}
.mux-select.mux-select-size--large.mux-select-multiple .mux-select-indicator {
  line-height: calc(var(--input-height) - 2px);
}
.mux-select.mux-select-size--large.mux-select-multiple .mux-select-indicator-value {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mux-select.mux-select-open .mux-select-selector {
  background-color: var(--bg-highlight-active);
  border-color: var(--border-highlight-active);
  border-color: var(--mux-field-border-active, var(--border-highlight-active));
  box-shadow: var(--border-highlight-shadow-active);
  box-shadow: var(--mux-field-box-shadow-active, var(--border-highlight-shadow-active));
}
.mux-select.mux-select-open .mux-select-selector .mux-select-selection-selections-wrapper::after {
  background-color: var(--bg-highlight-active);
}
.mux-select.mux-select-single.mux-select-allow-clear .mux-select-selection-item,
.mux-select.mux-select-single.mux-select-allow-clear .mux-select-selection-placeholder, .mux-select.mux-select-single.mux-select-show-arrow .mux-select-selection-item,
.mux-select.mux-select-single.mux-select-show-arrow .mux-select-selection-placeholder {
  padding-right: 12px;
  width: 100%;
}
.mux-select.mux-select-single .mux-select-selector {
  display: flex;
  /** NOTE: 多选父级为正常元素 */
}
.mux-select.mux-select-single .mux-select-selector .mux-select-selection-placeholder {
  flex: 1;
}
.mux-select.mux-select-single .mux-select-selection-item,
.mux-select.mux-select-single .mux-select-selection-placeholder {
  padding: 0;
  transition: all var(--duration);
}
.mux-select.mux-select-single.mux-select-item-option-selected {
  padding-right: 16px;
}
.mux-select.mux-select-single.mux-select-show-arrow .mux-select-selection-search {
  right: 25px;
}
.mux-select.mux-select-multiple {
  /** 多选形式有展示 indicator 的情形 */
}
.mux-select.mux-select-multiple.mux-select-allow-clear .mux-select-clear, .mux-select.mux-select-multiple.mux-select-show-arrow .mux-select-clear {
  display: none;
}
.mux-select.mux-select-multiple .mux-select-selector {
  white-space: nowrap;
}
.mux-select.mux-select-multiple .mux-select-selection-placeholder {
  /** NOTE: 多选父级为正常元素 */
  display: block;
  transition: all var(--duration);
}
.mux-select.mux-select-multiple .mux-select-selection-item {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  max-width: 100%;
  height: 22px;
  height: var(--mux-trigger-tag-height, 22px);
  margin: 2px;
  margin: var(--mux-trigger-tag-gap, 2px);
  padding-left: 8px;
  padding-left: var(--mux-trigger-v-gap, 8px);
  line-height: 22px;
  line-height: var(--mux-trigger-tag-height, 22px);
  border-radius: var(--border-small-radius);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  background-color: var(--color-bg-hover);
  background-color: var(--mux-trigger-tag-bg, var(--color-bg-hover));
  transition: background-color var(--duration), color var(--duration);
}
.mux-select.mux-select-multiple .mux-select-selection-item-disabled {
  padding: 0 8px;
}
.mux-select.mux-select-multiple .mux-select-selection-item:hover {
  color: var(--color-brand);
}
.mux-select.mux-select-multiple .mux-select-selection-item:hover .mux-select-ico--remove {
  color: var(--color-brand);
}
.mux-select.mux-select-multiple .mux-select-selection-item-content {
  max-width: calc(100% - 16px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mux-select.mux-select-multiple .mux-select-selection-item-disabled .mux-select-selection-item-content {
  max-width: initial;
}
.mux-select.mux-select-multiple.mux-select-open .mux-select-selection-item {
  background-color: var(--color-bg-hover);
  background-color: var(--mux-trigger-tag-bg-active, var(--color-bg-hover));
}
.mux-select.mux-select-multiple.mux-select-open .mux-select-indicator-value {
  background-color: #ECEEFC;
}
.mux-select.mux-select-disabled {
  cursor: not-allowed;
  opacity: 0.4;
  opacity: var(--mux-comp-disabled-opacity, 0.4);
}
.mux-select.mux-select-disabled > * {
  pointer-events: none;
  user-select: none;
}
.mux-select:hover .mux-select-ico--arrow {
  --mux-select-arrow-color: #666;
}

.mux-select-selection-label {
  margin-right: 8px;
  float: left;
  color: #666;
}

.mux-select-auto-complete .mux-select-selection-search {
  display: block;
}

.mux-select-selection-search {
  display: none;
  color: #666;
}

.mux-select-selection-placeholder {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
  color: var(--mux-trigger-input-placeholder-color, #999);
}

.mux-select-arrow {
  position: relative;
}
.mux-select-arrow.mux-select-arrow-open .mux-select-ico--arrow {
  transform: translateY(-50%) rotate3d(1, 0, 0, 180deg);
}

.mux-select-ico--loading,
.mux-select-ico--arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: transform 0.2s;
  font-size: 12px;
  color: var(--mux-select-arrow-color);
}

.mux-select-ico--loading {
  animation: loading 2s infinite;
}

.mux-select-omitted {
  width: 0;
  position: absolute;
  right: 0;
}

.mux-select-selector {
  display: block;
  position: relative;
  width: 100%;
  height: var(--input-height);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  padding-left: var(--mux-trigger-h-gap, 8px);
  padding-right: 26px;
  padding-right: calc(var(--mux-trigger-h-gap, 8px) + var(--mux-trigger-arrow-size, 18px));
  line-height: calc(var(--input-height) - 2px);
  user-select: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  background-color: var(--bg-highlight);
  border: 1px solid transparent;
  border: 1px solid var(--mux-field-border-normal, transparent);
  transition: all var(--duration);
  font-size: var(--mux-trigger-font-size);
}
.mux-select-selector:hover {
  background-color: var(--bg-highlight-hover);
}
.mux-select-selector:hover .mux-select-selection-selections-wrapper::after {
  background-color: var(--bg-highlight-hover);
}
.mux-select-selector .mux-select-selection-selections-wrapper {
  --mx-trigger-tag-mask-width: 18px;
  position: relative;
  align-items: center;
  font-size: 0;
}
.mux-select-selector .mux-select-selection-selections-wrapper .mux-select-selection-item:last-child {
  margin-right: var(--mx-trigger-tag-mask-width);
}
.mux-select-selector .mux-select-selection-selections-wrapper::after {
  content: " ";
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  width: var(--mx-trigger-tag-mask-width);
  transition: background-color var(--duration);
  mask-image: linear-gradient(to left, #000000, transparent);
  -webkit-mask-image: linear-gradient(to left, #000000, transparent);
  background-color: var(--bg-highlight);
  pointer-events: none;
}
.mux-select-selector .mux-select-selection-selections {
  flex: 1;
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.mux-select-selector .mux-select-selection-selections .mux-select-selection-item-remove {
  padding-left: 4px;
  padding-right: 8px;
  padding-right: var(--mux-trigger-v-gap, 8px);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: color var(--duration);
  color: #ccc;
  color: var(--mux-trigger-tag-arrow-color, #ccc);
}

.mux-select-selection-search-input {
  width: 100%;
  height: 30px;
  cursor: inherit;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  color: #333;
}

.mux-select-clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}
.mux-select-clear .mux-select-ico--clear {
  transform: scale(0.7);
  cursor: pointer;
  color: #999;
  color: var(--mux-trigger-tag-arrow-color, #999);
  background: transparent;
}
.mux-select-clear .mux-select-ico--clear:hover {
  color: var(--color-brand);
}

.mux-select-selection-item {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mux-select-selection-item .mux-select-ico--remove {
  font-size: 12px;
  transform: scale(0.7);
  margin-left: 3px;
  color: #666;
}

/** dropdown 部分 */
.mux-select-dropdown {
  position: absolute;
  background-color: #fff;
  padding: 8px 0;
  border: 1px solid var(--color-border);
  font-size: 12px;
  line-height: 32px;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  z-index: 1050;
  /** 单选的 dropdown */
}
.mux-select-dropdown-hidden {
  display: none;
}
.mux-select-dropdown--single .mux-select-item-option-state {
  position: absolute;
  right: 4px;
  height: 32px;
  overflow: hidden;
}
.mux-select-dropdown--single .mux-select-ico--selected {
  color: var(--color-brand);
}
.mux-select-dropdown--multiple .mux-select-item-option, .mux-select-dropdown--tag .mux-select-item-option, .mux-select-dropdown--combobox .mux-select-item-option {
  padding-left: 28px;
}
.mux-select-dropdown--multiple .mux-select-item-option-state, .mux-select-dropdown--tag .mux-select-item-option-state, .mux-select-dropdown--combobox .mux-select-item-option-state {
  position: absolute;
  left: 8px;
  line-height: initial;
}
.mux-select-dropdown--multiple .mux-select-item-option-grouped, .mux-select-dropdown--tag .mux-select-item-option-grouped, .mux-select-dropdown--combobox .mux-select-item-option-grouped {
  padding-left: 36px;
}
.mux-select-dropdown--multiple .mux-select-item-option-grouped .mux-select-ico--selected, .mux-select-dropdown--tag .mux-select-item-option-grouped .mux-select-ico--selected, .mux-select-dropdown--combobox .mux-select-item-option-grouped .mux-select-ico--selected {
  left: 16px;
}

.mux-select-item-empty {
  color: #ccc;
  margin: 0 8px;
  padding: 16px;
}

.mux-select-item-group {
  padding: 12px 12px;
  color: #999;
}

.mux-select-item-option {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 8px;
  padding: 0 8px;
  min-height: var(--output-item-height);
  line-height: var(--output-item-height);
  color: #333;
  border-radius: var(--border-radius);
  transition: background-color var(--duration) ease;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.mux-select-item-option:not(:first-child) {
  margin-top: 4px;
}
.mux-select-item-option:hover {
  color: #333;
  background-color: var(--color-bg-hover);
}
.mux-select-item-option.mux-select-item-option-grouped {
  padding-left: 16px;
}
.mux-select-item-option.mux-select-item-option-disabled {
  cursor: not-allowed;
  opacity: 0.4;
  opacity: var(--mux-comp-disabled-opacity, 0.4);
}
.mux-select-item-option.mux-select-item-option-disabled:hover {
  background-color: initial;
}
.mux-select-item-option.mux-select-item-option-selected {
  color: var(--color-brand);
  background-color: var(--color-bg-hover);
}

/** NOTE: 新增的重磅功能!!! */
.mux-select-indicator {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  width: 40px;
  line-height: 24px;
  text-align: right;
  border-radius: var(--border-radius);
  background: transparent;
  pointer-events: none;
}

.mux-select-indicator-value {
  user-select: none;
  display: inline-block;
  margin-right: 2px;
  border-radius: 50%;
  background-color: var(--mux-trigger-tag-bg);
  color: #999;
  text-align: center;
}

.mux-select-item-option-content {
  line-height: initial;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mux-select-item-option-content-emphasize {
  color: var(--color-brand);
}

.mux-select-menu-loading {
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #999;
}
.mux-select-menu-loading .mux-loading {
  margin-bottom: 8px;
}

.mux-select-menu-search {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 8px;
}
.mux-select-menu-search .mux-input {
  width: 100%;
  min-width: auto;
}
.mux-select-menu-search .mux-input .mux-input-border {
  transition: none;
}

.mux-select-menu-shortcut {
  margin: 0 8px;
  padding: 0 8px;
  min-height: var(--output-item-height);
  line-height: var(--output-item-height);
}
.mux-select-menu-shortcut .mux-checkbox-container .mux-checkbox-label {
  margin-left: 6px;
  padding: 0;
}
.mux-select-menu-shortcut .mux-select-menu-shortcut-tips {
  color: #999;
  float: right;
}

.mux-select-menu-container {
  margin-top: 8px;
}

.mux-select-dropdown {
  line-height: initial;
}
.mux-select-dropdown.slide-up-appear.slide-up-appear-active.mux-select-dropdown-placement-bottomLeft, .mux-select-dropdown.slide-up-enter.slide-up-enter-active.mux-select-dropdown-placement-bottomLeft {
  animation-name: muxSlideUpIn;
}
.mux-select-dropdown.slide-up-appear.slide-up-appear-active.mux-select-dropdown-placement-topLeft, .mux-select-dropdown.slide-up-enter.slide-up-enter-active.mux-select-dropdown-placement-topLeft {
  animation-name: muxSlideDownIn;
}
.mux-select-dropdown.slide-up-leave.slide-up-leave-active.mux-select-dropdown-placement-bottomLeft {
  animation-name: muxSlideUpOut;
}
.mux-select-dropdown.slide-up-leave.slide-up-leave-active.mux-select-dropdown-placement-topLeft {
  animation-name: muxSlideDownOut;
}

.mux-select-show-suffixIcon {
  --mux-trigger-arrow-size: 35px;
}

.mux-select-suffixIcon {
  z-index: 99;
  pointer-events: initial;
}
.mux-select-suffixIcon-ele {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #999;
  font-size: 12px;
  cursor: pointer;
  transition: color var(--duration);
}
.mux-select-suffixIcon-ele:hover {
  color: var(--color-brand);
}

.mux-select--theme-white,
.mux-select--theme-ai {
  --bg-highlight: #fff;
  --mux-field-border-normal: #F0F2F5;
  --bg-highlight-hover: #fff;
  --mux-trigger-tag-bg: #F0F2F5;
}

.mux-select--theme-ai .mux-select-arrow {
  position: relative;
  z-index: 1;
}
.mux-select--theme-ai .mux-select-selector {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border-color: transparent !important;
}
.mux-select--theme-ai .mux-select-ai-border {
  overflow: hidden;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 0;
  border-radius: var(--border-radius);
  border: 0 none;
  box-shadow: none !important;
  position: absolute;
}
.mux-select--theme-ai .mux-select-ai-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--mux-ai-brand-gradient-line);
  z-index: -2;
}
.mux-select--theme-ai .mux-select-ai-border::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-color: var(--bg-highlight);
  border-radius: calc(var(--border-radius) - 2px);
  z-index: -1;
}
.mux-select--theme-ai .mux-select-ai-border .mux-select-focus {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -99999;
  width: 0;
  padding: 0;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.mux-select--theme-ai.mux-select-open .mux-select-focus {
  position: absolute;
  opacity: 1;
  animation: mux-input-border-ease-in var(--duration) ease-in forwards, mux-input-border-rotate 4s linear infinite;
  background-image: var(--mux-ai-brand-gradient-line);
  top: 50%;
  left: 50%;
  padding: 75%;
  z-index: -2;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}

@keyframes muxSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0 0;
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes muxSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0 0;
    opacity: 1;
  }
  to {
    transform: scaleY(0.8);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes muxSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes muxSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  to {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes muxSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0 0;
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes muxSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0 0;
    opacity: 1;
  }
  to {
    transform: scaleX(0.8);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes muxSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0;
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}
@keyframes muxSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
  to {
    transform: scaleX(0.8);
    transform-origin: 100% 0;
    opacity: 0;
  }
}
.mux-input-number.mux-input {
  min-width: initial;
}
.mux-input-number--not-valid > input {
  color: var(--color-red);
}
.mux-input-number .mux-input-suffix {
  height: 30px;
}
.mux-input-number.mux-input--small .mux-input-suffix {
  height: 22px;
}
.mux-input-number.mux-input--focus .mux-input-suffix {
  border-color: var(--color-brand);
}
.mux-input-number.mux-input--focus .mux-input-number-controls-icon {
  background-color: var(--bg-highlight-hover);
}
.mux-input-number .mux-input-number-controls {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 16px;
  height: 26px;
  line-height: 14px;
  position: relative;
  justify-content: space-between;
}
.mux-input-number .mux-input-number-controls-icon {
  cursor: pointer;
  color: #999;
  background-color: #fff;
  height: calc(50% - 1px);
  border-radius: 4px;
  padding: 0 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mux-input-number .mux-input-number-controls-icon::before {
  transform: scale(0.8);
}
.mux-input-number .mux-input-number-controls-icon:hover {
  color: var(--color-brand);
}
.mux-input-number .mux-input-number-controls-drag {
  position: absolute;
  right: 0;
  top: -1px;
  height: calc(100% + 2px);
  width: 3px;
  cursor: ew-resize;
}
.mux-input-number .mux-input-number-controls .mux-input-number-controls-drag {
  right: -8px;
}
.mux-code-editor {
  width: 100%;
  height: 400px;
}
.mux-code-editor .ve-code-control {
  height: 100%;
  width: 100%;
}
.mux-lego-coalesce {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}

.mux-lego-coalesce--left {
  margin-right: 8px;
}

.mux-lego-coalesce--right {
  margin-left: 8px;
}

.mux-lego-coalesce--main {
  flex: 1 0;
}

.mux-lego-coalesce--bottom {
  flex: 1 0 100%;
  margin-top: 4px;
  line-height: 20px;
}

.mux-lego-aggregation {
  width: 100%;
  display: block;
}
.mux-grid-column .mux-field-anchor .mux-lego-aggregation {
  display: block;
}
.mux-lego-aggregation main {
  display: flex;
}
.mux-lego-aggregation aside {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mux-lego-map {
  width: 100%;
}
.mux-lego-map > main {
  display: flex;
  align-items: center;
}
.mux-lego-map > main > * {
  margin: 0 8px;
  flex: 1 0;
}
.mux-lego-map > main > *:first-child {
  margin-left: 0;
}
.mux-lego-map > main > *:last-child {
  margin-right: 0;
}
.mux-lego-map.mux-lego-map--item {
  flex: 1 0;
}

.mux-lego-aggregation {
  counter-reset: aggregation-items;
}
.mux-lego-aggregation section {
  display: flex;
  flex: 1 0 100%;
}
.mux-lego-aggregation section > main > * {
  display: flex;
  flex: 1 0 100%;
  width: 100%;
}
.mux-lego-aggregation.mux-lego-aggregation--card main {
  flex: 1 0;
}

.mux-lego-aggregation--item {
  position: relative;
  counter-increment: aggregation-items;
}
.mux-lego-aggregation--block .mux-lego-aggregation--item {
  padding: 6px;
}

.mux-lego-aggregation--tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  z-index: 0;
  box-sizing: border-box;
  padding: 2px 0 0 4px;
  line-height: 1.2;
  pointer-events: none;
  color: var(--border-highlight);
  border-radius: var(--mux-card-radius) 0 0 0;
  overflow: hidden;
}
.mux-lego-aggregation--tag::before {
  content: counter(aggregation-items);
  color: #333;
}
.mux-lego-aggregation--tag::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32px 0 0;
  border-color: #F5F5F5 transparent transparent transparent;
  z-index: -1;
}

.mux-lego-aggregation--block {
  margin: -6px;
}
.mux-lego-aggregation--block .mux-lego-aggregation--item > aside {
  width: 72px;
  justify-content: flex-end;
}
.mux-lego-aggregation--block.mux-lego-aggregation--dragable .mux-lego-aggregation--item > aside {
  width: 102px;
}
.mux-lego-aggregation--block.mux-lego-aggregation--controls-hidden .mux-lego-aggregation--item > aside {
  width: 30px;
}
.mux-lego-aggregation--block.mux-lego-aggregation--empty {
  margin: 0;
}

.mux-lego-aggregation--dragable {
  transition: box-shadow 0.2s;
  border-radius: 8px;
}

.mux-lego-aggregation--drag-within {
  box-shadow: 0 0 0 2px #ECECEC;
}

.mux-lego-aggregation--card {
  width: 100%;
}
.mux-lego-aggregation--card .mux-grid-area {
  padding: calc(var(--grid-row-gap-width)*0.5) 0;
}
.mux-lego-aggregation--card > .mux-lego-aggregation--item-drag > .mux-card,
.mux-lego-aggregation--card > .mux-card {
  border: 1px solid #ECECEC;
  box-shadow: none;
  width: 100%;
}
.mux-lego-aggregation--card > .mux-lego-aggregation--item-drag > .mux-card > .mux-card-content,
.mux-lego-aggregation--card > .mux-card > .mux-card-content {
  display: flex;
}
.mux-lego-aggregation--card > .mux-lego-aggregation--item-drag > .mux-card > .mux-card-content > aside,
.mux-lego-aggregation--card > .mux-card > .mux-card-content > aside {
  background: #F5F5F5;
  width: 120px;
  margin: -16px -24px -16px 24px;
  border-radius: 0 var(--mux-card-radius) var(--mux-card-radius) 0;
}
.mux-lego-aggregation--card .mux-form-area {
  width: 100%;
}
.mux-lego-aggregation--card .mux-lego-aggregation--item-drag .mux-card {
  margin: 8px;
}
.mux-lego-aggregation--card.mux-lego-aggregation--dragable {
  margin: -8px;
  width: calc(100% + 16px);
}
.mux-lego-aggregation--card.mux-lego-aggregation--dragable.mux-lego-aggregation--empty {
  margin: 0;
  width: 100%;
}

.mux-lego-aggregation--item-drag {
  display: flex;
  width: 100%;
}

.mux-lego-aggregation-sort-handle {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
}
.mux-lego-aggregation-sort-handle .mux-icon {
  color: #cecece;
}
.mux-lego-aggregation--item--draging .mux-lego-aggregation-sort-handle {
  background-color: var(--btn-bg-hover);
}
@charset "UTF-8";
.mux-cascader {
  cursor: pointer;
  display: inline-block;
  line-height: var(--line-height);
  min-width: 100px;
  position: relative;
  --mux-cascader-label-prefix: "";
}
.mux-cascader input {
  cursor: pointer;
}
.mux-cascader .mux-cascader-selector .mux-cascader-selection-placeholder,
.mux-cascader .mux-cascader-selection-item {
  line-height: 30px;
  height: 30px;
}
.mux-cascader .mux-cascader-selector .mux-cascader-selection-placeholder {
  opacity: 0.4;
  max-width: calc(100% - 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mux-cascader-disabled {
  cursor: not-allowed;
}
.mux-cascader-disabled .mux-cascader-selector,
.mux-cascader-disabled input,
.mux-cascader-disabled .mux-cascader-selection-search {
  cursor: not-allowed;
}

.mux-cascader-disabled .mux-cascader-selector {
  opacity: 0.5;
}

.mux-cascader-show-arrow.mux-cascader-loading .mux-cascader-arrow-icon::after {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 2px solid #999;
  border-top-color: transparent;
  border-bottom-color: transparent;
  transform: none;
  margin-top: 4px;
  animation: muxSelectLoadingIcon 0.5s infinite;
}

.mux-cascader .mux-cascader-selection-search-input {
  -webkit-appearance: none;
          appearance: none;
}

.mux-cascader .mux-cascader-selection-search-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}

.mux-cascader-selector {
  position: relative;
  width: 100%;
  color: #333;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid transparent;
  border: 1px solid var(--mux-field-border-normal, transparent);
  border-radius: var(--border-radius);
  background-color: var(--bg-highlight);
  padding: 0 8px;
  height: 32px;
}
.mux-cascader-selector:hover {
  border: 1px solid var(--border-highlight-hover);
  background-color: var(--bg-highlight-hover);
}
.mux-cascader-selector .mux-cascader-selection-selections:not(:empty) {
  padding-right: 36px;
}

.mux-cascader-single .mux-cascader-selector {
  display: flex;
  position: relative;
}

.mux-cascader-single .mux-cascader-selector .mux-cascader-selection-search {
  position: relative;
  left: 11px;
  top: 0;
  height: 30px;
  line-height: 30px;
}

.mux-cascader-single .mux-cascader-selector .mux-cascader-selection-search-input {
  width: 100%;
}

.mux-cascader-single:not(.mux-cascader-customize-input) .mux-cascader-selector .mux-cascader-selection-search-input {
  border: none;
  outline: none;
  background: rgba(255, 0, 0, 0.2);
  width: 100%;
}

.mux-cascader-multiple .mux-cascader-selector {
  display: flex;
  flex-wrap: nowrap;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-item {
  flex: none;
  background: var(--color-bg-hover);
  background: var(--mux-trigger-tag-bg, var(--color-bg-hover));
  border-radius: var(--border-small-radius);
  margin-right: 2px;
  padding: 4px 8px;
}
.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-item:hover {
  color: var(--color-brand);
}
.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-item .mux-cascader-selection-item-remove {
  margin-left: 4px;
  opacity: 0.6;
}
.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-item .mux-cascader-selection-item-remove-icon {
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
}

.mux-cascader-single .mux-cascader-selector .mux-cascader-selection-item {
  position: absolute;
  right: 25px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 11px;
  padding-right: 6px;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-overflow-item {
  flex: none;
  max-width: 100%;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-search {
  position: relative;
  max-width: 100%;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-search-input,
.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-search-mirror {
  padding: 1px;
  font-family: system-ui;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-search-mirror {
  position: absolute;
  z-index: 999;
  white-space: nowrap;
  left: 0;
  top: 0;
  visibility: hidden;
}

.mux-cascader-multiple .mux-cascader-selector .mux-cascader-selection-search-input {
  border: none;
  outline: none;
  background: rgba(255, 0, 0, 0.2);
  width: 100%;
}

.mux-cascader-allow-clear.mux-cascader-multiple .mux-cascader-selector {
  padding-right: 32px !important;
}

.mux-cascader-allow-clear .mux-cascader-clear {
  position: absolute;
  right: 18px;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  padding: 5px;
  background: transparent;
  background-clip: content-box;
  transform: scale(0.7);
}
.mux-cascader-allow-clear .mux-cascader-clear:hover {
  color: var(--color-brand);
}

.mux-cascader-show-arrow.mux-cascader-multiple .mux-cascader-selector {
  padding-right: 15px;
}

.mux-cascader-show-arrow .mux-cascader-arrow {
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 0;
  height: 32px;
  line-height: 32px;
  color: #999;
}
.mux-cascader-show-arrow .mux-cascader-arrow .mux-icon {
  font-size: 12px;
}

.mux-cascader-open .mux-cascader-icon--arrow {
  transform: rotateX(180deg);
  transition: transform 0.2s;
}
.mux-cascader-open .mux-cascader-selector {
  border-color: var(--border-highlight-active) !important;
  background-color: var(--bg-highlight-active);
  box-shadow: var(--border-highlight-shadow-active);
}

.mux-cascader-open.mux-cascader-multiple .mux-cascader-selection-item {
  background-color: var(--color-bg-hover);
  background-color: var(--mux-trigger-tag-bg-active, var(--color-bg-hover));
}

.mux-cascader-item {
  font-size: 16px;
  line-height: 1.5;
  padding: 4px 16px;
}

.mux-cascader-item-group {
  color: #999;
  font-weight: bold;
  font-size: 80%;
}

.mux-cascader-item-option {
  position: relative;
}

.mux-cascader-item-option-grouped {
  padding-left: 24px;
}

.mux-cascader-item-option .mux-cascader-item-option-state {
  position: absolute;
  right: 0;
  top: 4px;
  pointer-events: none;
}

.mux-cascader-item-option-active {
  background-color: var(--mux-common-bg);
}

.mux-cascader-item-option-disabled {
  color: #999;
}

.mux-cascader-menu-empty .mux-cascader-menu {
  border: none;
}
.mux-cascader-menu-empty .mux-cascader-item-empty {
  text-align: center;
  color: #999;
}

.mux-cascader-selection__choice-zoom {
  transition: scale 0.3s;
}

.mux-cascader-selection__choice-zoom-appear {
  opacity: 0;
  transform: scale(0.5);
}

.mux-cascader-selection__choice-zoom-appear.mux-cascader-selection__choice-zoom-appear-active {
  opacity: 1;
  transform: scale(1);
}

.mux-cascader-selection__choice-zoom-leave {
  opacity: 1;
  transform: scale(1);
}

.mux-cascader-selection__choice-zoom-leave.mux-cascader-selection__choice-zoom-leave-active {
  opacity: 0;
  transform: scale(0.5);
}

@keyframes muxSelectDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes muxSelectDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes muxSelectLoadingIcon {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/** menus 部分 */
.mux-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.mux-cascader-menu {
  min-width: 180px;
  height: 180px;
  padding: 6px 8px;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #F5F5F6;
}

.mux-cascader-menu:first-child {
  border-left: 0;
}

.mux-cascader-menu:last-child {
  border-right-color: transparent;
}

.mux-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 3px 8px;
  margin: 2px 0;
  border-radius: var(--border-radius);
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background-color 0.3s;
}
.mux-cascader-menu-item:hover {
  background-color: var(--color-brand-opacity);
}

.mux-cascader-menu-item-checked {
  color: var(--color-brand);
}

.mux-cascader-menu-item-selected {
  background: rgba(0, 0, 255, 0.05);
}

.mux-cascader-menu-item-active {
  background-color: var(--color-brand-opacity);
}

.mux-cascader-menu-item-disabled {
  opacity: 0.5;
}

.mux-cascader-menu-item-content {
  flex: auto;
}

.mux-cascader-menu-item-expand-icon {
  margin-left: 4px;
  color: #999;
  font-size: 14px;
  line-height: normal;
}

/** checkbox 部分 */
.mux-cascader-checkbox {
  line-height: normal;
}
.mux-cascader-checkbox .mux-cascader-checkbox-inner {
  pointer-events: none;
  margin-right: 8px;
}

.mux-cascader-rtl {
  direction: rtl;
}
.mux-cascader-rtl .mux-cascader-menu-item-expand-icon {
  transform: rotateY(180deg);
}
.mux-cascader-rtl .mux-cascader-checkbox .mux-cascader-checkbox-inner {
  margin-right: 0;
  margin-left: 8px;
}
.mux-cascader-rtl .mux-cascader-menu {
  border-left: none;
  border-right: 1px solid #F5F5F6;
}
.mux-cascader-rtl .mux-cascader-menu:first-child {
  border-right: 0;
}

/** dropdown 部分 */
.mux-cascader-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid var(--color-border);
  font-size: var(--font-size);
  line-height: 32px;
  border-radius: var(--border-radius);
  box-shadow: var(--mux-comp-shadow);
  z-index: 1050;
  overflow: hidden;
  /** 单选的 dropdown */
}
.mux-cascader-dropdown-hidden {
  visibility: hidden;
  z-index: -1;
}
.mux-cascader-dropdown.mux-cascader-dropdown--single .mux-cascader-ico--selected {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-brand);
}
.mux-cascader-dropdown.mux-cascader-dropdown--single .mux-cascader-item-option-selected {
  padding-right: 20px;
}
.mux-cascader-dropdown.mux-cascader-dropdown--multiple .mux-cascader-item-option, .mux-cascader-dropdown.mux-cascader-dropdown--tag .mux-cascader-item-option, .mux-cascader-dropdown.mux-cascader-dropdown--combobox .mux-cascader-item-option {
  padding-left: 24px;
}
.mux-cascader-dropdown.mux-cascader-dropdown--multiple .mux-cascader-item-option-grouped, .mux-cascader-dropdown.mux-cascader-dropdown--tag .mux-cascader-item-option-grouped, .mux-cascader-dropdown.mux-cascader-dropdown--combobox .mux-cascader-item-option-grouped {
  padding-left: 36px;
}
.mux-cascader-dropdown.mux-cascader-dropdown--multiple .mux-cascader-item-option-grouped .mux-cascader-ico--selected, .mux-cascader-dropdown.mux-cascader-dropdown--tag .mux-cascader-item-option-grouped .mux-cascader-ico--selected, .mux-cascader-dropdown.mux-cascader-dropdown--combobox .mux-cascader-item-option-grouped .mux-cascader-ico--selected {
  left: 16px;
}
.mux-cascader-dropdown.mux-cascader-dropdown--multiple .mux-cascader-ico--selected, .mux-cascader-dropdown.mux-cascader-dropdown--tag .mux-cascader-ico--selected, .mux-cascader-dropdown.mux-cascader-dropdown--combobox .mux-cascader-ico--selected {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.mux-cascader-dropdown .mux-select-menu-search {
  margin-top: 8px;
  margin-bottom: 0;
}

.mux-cascader-sm .mux-cascader-selector {
  height: 22px;
}
.mux-cascader-sm .mux-cascader-selection-placeholder,
.mux-cascader-sm .mux-cascader-selection-item,
.mux-cascader-sm .mux-cascader-selection-search,
.mux-cascader-sm .mux-cascader-arrow {
  line-height: 20px !important;
  height: 20px !important;
}
.mux-cascader-sm .mux-cascader-selection-overflow-item .mux-cascader-selection-item {
  padding: 0 8px;
  background: var(--color-bg-hover);
  background: var(--mux-trigger-tag-bg, var(--color-bg-hover));
}

.mux-cascader-label .mux-cascader-selector::before {
  content: var(--mux-cascader-label-prefix);
  margin-right: 8px;
  float: left;
  white-space: nowrap;
  line-height: 30px;
  height: 30px;
}
.mux-cascader-label.mux-cascader-single .mux-cascader-selector .mux-cascader-selection-search {
  width: 0;
}
.mux-cascader-label.mux-cascader-single .mux-cascader-selector .mux-cascader-selection-item {
  position: initial;
  padding-right: 24px;
}

.mux-cascader-empty .mux-cascader-selection-overflow, .mux-cascader-empty .mux-cascader-selection-search {
  width: 0 !important;
}

.mux-cascader-menu-item-selectAll {
  position: relative;
  display: block;
}
.mux-cascader-menu-item-selectAll:hover {
  background-color: transparent;
}
.mux-cascader-menu-item-selectAll .mux-cascader-menu-item-selectAll-tips {
  float: right;
  color: #999;
}

.mux-cascader--theme-white {
  --bg-highlight: #fff;
  --bg-highlight-hover: #fff;
  --mux-trigger-tag-bg: #F0F2F5;
}
.mux-grid-area {
  --grid-label-width: 6em;
  --grid-row-gap-width: 28px;
  --grid-column-gap-width: 24px;
}
.mux-grid-area .mux-inline-box-form {
  max-width: var(--grid-max-inline-box-width);
}

.mux-grid-area--fixed {
  display: grid;
  grid-gap: var(--grid-row-gap-width) var(--grid-column-gap-width);
}

.mux-grid-column--extra:empty {
  display: none !important;
}

.mux-detail-area--not-fixed .mux-grid-column {
  display: inline-flex;
  margin: 0 var(--grid-row-gap-width) var(--grid-column-gap-width) 0;
  vertical-align: middle;
}

.mux-grid-column {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.mux-grid-area--not-fixed .mux-grid-column {
  margin-bottom: var(--grid-row-gap-width);
  margin-right: var(--grid-column-gap-width);
}
.mux-grid-column:empty {
  margin-bottom: 0;
}
.mux-grid-area--fixed .mux-grid-column {
  display: flex;
}
.mux-grid-area--vertical .mux-grid-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  vertical-align: top;
}
.mux-grid-area--vertical .mux-grid-column .mux-grid-main-content {
  width: auto;
}
.mux-grid-area--horizontal.mux-grid-area--fixed .mux-grid-column .mux-grid-main-content {
  flex-basis: 100%;
  width: 100%;
}
.mux-grid-area--horizontal.mux-grid-area--fixed .mux-grid-column .mux-grid-label + .mux-grid-main-content {
  flex-basis: calc(100% - var(--grid-label-width) - var(--grid-column-gap-width));
  width: calc(100% - var(--grid-label-width) - var(--grid-column-gap-width));
}
.mux-grid-area--horizontal.mux-grid-area--fixed .mux-grid-column .mux-grid-main-content, .mux-grid-area--horizontal.mux-grid-area--fixed .mux-grid-column .mux-grid-label + .mux-grid-main-content {
  flex: 1;
  min-width: 0;
}
.mux-grid-area--vertical.mux-grid-area--fixed .mux-grid-column .mux-grid-main-content {
  width: 100%;
}

.mux-grid-main-content {
  display: flex;
  flex: 1 0;
  min-height: 32px;
  align-items: center;
}
.mux-grid-main-content > .mux-field-anchor {
  width: 100%;
}
.mux-grid-main-content > .mux-field-anchor > * {
  display: flex;
  width: 100%;
}
.mux-grid-main-content > .mux-field-anchor > .mux-loading-nested > .mux-loading-container {
  width: 100%;
}
.mux-grid-main-content > .mux-field-anchor .mux-upload {
  flex-direction: column;
}
.mux-grid-main-content > .mux-field-anchor .mux-upload .mux-upload-body {
  align-self: start;
}
.mux-grid-main-content > .mux-field-anchor .mux-rich-text {
  display: block;
}
.mux-grid-main-content > .mux-card {
  flex: 1;
  height: 100%;
}
.mux-grid-main-content .mux-select {
  width: 100%;
}
.mux-grid-main-content .mux-calendar-dropdown-wrapper {
  min-width: 100px;
}
.mux-grid-main-content .mux-checkbox-group,
.mux-grid-main-content .mux-radio-group {
  width: 100%;
  white-space: normal;
}
.mux-grid-main-content .mux-upload-file-list--picture .mux-upload-file-name {
  white-space: normal;
  line-height: 1.44;
}
.mux-grid-main-content .mux-toggle-label {
  line-height: 22px;
}

.mux-grid-label {
  width: var(--grid-label-width);
  margin-right: 1em;
  flex: 0 1 var(--grid-label-width);
  white-space: pre-line;
  position: relative;
  display: flex;
  min-height: 32px;
}
.mux-grid-label .mux-grid-label-inner {
  line-height: 15px;
  align-self: center;
  display: inline-flex;
  color: inherit;
  color: var(--mux-grid-area-label-inner-color, inherit);
}
.mux-grid-area--vertical .mux-grid-label {
  min-height: 20px;
  white-space: nowrap;
  width: 100%;
  flex: 0;
  margin: 0 0 4px;
}
.mux-grid-area--vertical .mux-grid-label .mux-grid-label-inner {
  width: 100%;
}
.mux-grid-label--required .mux-grid-label-inner::before, .mux-grid-label--required .mux-grid-label-inner::after {
  content: " * ";
  color: var(--color-red);
}
.mux-grid-label--required .mux-grid-label-inner::before {
  display: none;
}
.mux-grid-label--right {
  text-align: right;
  justify-content: flex-end;
}
.mux-grid-label--right.mux-grid-label--required::after {
  display: none;
}
.mux-grid-label--right.mux-grid-label--required::before {
  display: inline;
}
.mux-grid-label--center, .mux-grid-label--center + * {
  align-self: center;
}
.mux-grid-label--top, .mux-grid-label--top + * {
  align-self: flex-start;
}
.mux-grid-label:empty {
  content: " ";
}
.mux-grid-label .mux-icon-question-circle {
  color: #AAA;
  margin-left: 2px;
  font-size: 12px;
  transform: scale(1.1);
  transform-origin: 0 50%;
}

.mux-grid-area--fixed.mux-grid-area--auto {
  grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
}

@media screen and (min-width: 1190px) {
  .mux-grid-area--fixed.mux-grid-area--auto {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
  }
}
@media screen and (min-width: 1480px) {
  .mux-grid-area--fixed.mux-grid-area--auto {
    grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}
@media screen and (min-width: 1770px) {
  .mux-grid-area--fixed.mux-grid-area--auto {
    grid-template-columns: repeat(5, minmax(0px, 1fr)) !important;
  }
}
@media screen and (min-width: 2060px) {
  .mux-grid-area--fixed.mux-grid-area--auto {
    grid-template-columns: repeat(6, minmax(0px, 1fr)) !important;
  }
}
@media screen and (min-width: 2350px) {
  .mux-grid-area--fixed.mux-grid-area--auto {
    grid-template-columns: repeat(7, minmax(0px, 1fr)) !important;
  }
}
.mux-grid-area--vertical .mux-form-wrap-button-outer {
  justify-content: center;
}

.mux-form-wrap-button {
  flex: 1;
  white-space: nowrap;
  align-items: center;
}
.mux-form-wrap-button .mux-button {
  line-height: inherit;
}
.mux-form-wrap-button .mux-button-pre-icon {
  align-self: center;
}
.mux-form-wrap-button .mux-button + .mux-button {
  margin-left: 12px;
}
.mux-grid-area--vertical .mux-form-wrap-button {
  display: flex;
  align-items: center;
}

.mux-form-area-error {
  margin: -4px 0 0;
  line-height: 24px;
  counter-reset: errors;
}
.mux-form-area-error dt {
  float: left;
  margin-right: 1em;
  counter-increment: errors;
}
.mux-form-area-error dt::before {
  content: counter(errors) ".";
  margin-right: 4px;
}
.mux-form-area-error dt::after {
  content: ":";
}
.mux-form-area-error dd {
  color: var(--color-red);
  margin: 0;
  word-break: break-all;
  white-space: normal;
}

.mux-form-area-error--title:first-child {
  margin-top: 0;
}

.mux-form-area .mux-form-area {
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  margin: 0;
  padding: var(--grid-row-gap-width) calc(var(--grid-column-gap-width)/2);
}

.mux-form-area {
  --mux-grid-area-label-inner-color: #666;
}
.mux-select-input {
  display: inline-flex;
}
.mux-select-input .mux-select .mux-select-selector {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  border-right-color: var(--bg-highlight-hover);
}
.mux-select-input .mux-select-open .mux-select-selector {
  border-right-color: var(--border-highlight-active);
  border-right-color: var(--mux-field-border-active, var(--border-highlight-active));
}
.mux-select-input .mux-input .mux-input-border {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.ZX7tZa_verifyCodeWrap{flex-direction:column;gap:16px;display:flex}.ZX7tZa_verifyCodeWrap #captcha-element:empty{display:none}.ZX7tZa_verifyCodeWrap #aliyunCaptcha-sliding-wrapper{margin-bottom:0}.ZX7tZa_verifyCodeWrap #aliyunCaptcha-sliding-body{border:none;overflow:hidden;border-radius:8px!important}.ZX7tZa_verifyCodeWrap #aliyunCaptcha-sliding-text-box{font-family:sans-serif!important;font-size:var(--font-size)!important;border-radius:8px!important}.ZX7tZa_verifyCodeWrap #aliyunCaptcha-sliding-slider{justify-content:center;align-items:center;display:flex;background-color:var(--btn-bg)!important;color:var(--btn-text)!important;border-radius:8px!important}.ZX7tZa_verifyCodeInput{gap:16px;display:flex}
.pn-Peq_loginFormContent{background:#fff;flex-direction:column;align-items:center;gap:24px;max-width:402px;padding:24px;display:flex}.pn-Peq_loginFormContent .mux-form-area{grid-row-gap:16px;min-width:320px}.pn-Peq_loginFormContent .mux-form-wrap-button .mux-button{width:100%}.pn-Peq_loginFormContent .mux-form-wrap-button .mux-button .mux-icon-loading{align-items:center;display:flex}.pn-Peq_loginFormContent .mux-select .mux-select-selection-item{justify-content:center;align-items:center;display:flex}.pn-Peq_loginFormContent .mux-divider-with-text:before{position:static}.pn-Peq_loginFormContent .mux-divider-with-text:after{position:static}.pn-Peq_maigcLoginWrap{flex-direction:column;align-items:center;gap:24px;display:flex}.pn-Peq_maigcLoginWrap .pn-Peq_logo{max-width:85px}.pn-Peq_havanaLoginWrap{justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:relative;overflow:hidden}.pn-Peq_havanaLoginWrap>iframe{position:absolute;top:0;left:0}.pn-Peq_thirdpartyLoginList{gap:16px;display:flex}.pn-Peq_thirdpartyLoginList a{opacity:.5;transition:all .2s ease-in-out}.pn-Peq_thirdpartyLoginList a:hover{opacity:1;cursor:pointer}.pn-Peq_thirdpartyLoginList a:active{opacity:1;cursor:pointer}.pn-Peq_thirdpartyLoginList a.pn-Peq_selected{opacity:1}.pn-Peq_thirdpartyLoginList div{opacity:.5;transition:all .2s ease-in-out}.pn-Peq_thirdpartyLoginList div:hover{opacity:1;cursor:pointer}.pn-Peq_thirdpartyLoginList div:active{opacity:1;cursor:pointer}.pn-Peq_thirdpartyLoginList div.pn-Peq_selected{opacity:1}.pn-Peq_maigcLoginItem{border:1px solid #4531ff;border-radius:36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pn-Peq_consentCheckbox a:link{color:var(--color-brand)}.pn-Peq_consentCheckbox a:visited{color:var(--color-brand)}.pn-Peq_loginForm{border-radius:16px;display:flex;overflow:hidden}.pn-Peq_loginBanner{background-image:url("https://img.alicdn.com/imgextra/i1/O1CN014toMPY1etzY9loHoM_!!6000000003930-0-tps-1080-1676.jpg");background-repeat:no-repeat;background-size:cover;width:263px}
.L98WLW_mobileLoginWrap{flex-direction:column;align-items:center;gap:24px;padding:24px 0;display:flex}.L98WLW_mobileLoginWrap .L98WLW_consentCheckbox a:link{color:var(--color-brand)}.L98WLW_mobileLoginWrap .L98WLW_consentCheckbox a:visited{color:var(--color-brand)}.L98WLW_mobileLoginWrap .mux-form-area{grid-row-gap:16px;min-width:320px}.L98WLW_mobileLoginWrap .mux-form-wrap-button .mux-button{width:100%}.L98WLW_mobileLoginWrap .mux-form-wrap-button .mux-button .mux-icon-loading{align-items:center;display:flex}.L98WLW_mobileLoginWrap .mux-select .mux-select-selection-item{justify-content:center;align-items:center;display:flex}.L98WLW_mobileLoginWrap .mux-divider-with-text:before{position:static}.L98WLW_mobileLoginWrap .mux-divider-with-text:after{position:static}.L98WLW_mobileLoginWrap .L98WLW_buttonWrap{justify-content:space-between;display:flex}.L98WLW_mobileLoginWrap .L98WLW_buttonWrap .L98WLW_okButton{flex:1;min-width:50%;max-width:100%}.L98WLW_mobileLoginWrapBind{padding:8px 0}
.Eo3G3q_loginContainer{display:flex}.Eo3G3q_loginContainer .Eo3G3q_loginPoster{background-repeat:no-repeat;background-size:cover;border-radius:16px 0 0 16px;width:284px;height:456px}.Eo3G3q_loginContainer .Eo3G3q_loginContentWrap{flex-flow:column;min-width:422px;height:100%;padding:24px;display:flex}.Eo3G3q_loginContainer .Eo3G3q_loginContent{flex:1;justify-content:center;align-items:center;display:flex}.Eo3G3q_loginContainer .Eo3G3q_logo{max-width:85px;margin:8px auto}.Eo3G3q_loginContainerTaobao .Eo3G3q_loginPoster{width:357px;height:555px}.Eo3G3q_loginInfo{color:#666;word-wrap:break-word;overflow-wrap:break-word;width:320px;margin:auto;font-size:12px;line-height:22px}.Eo3G3q_loginInfo .Eo3G3q_loginInfoIcon{align-items:center;gap:8px;margin-top:16px;display:flex}.Eo3G3q_announcement{position:absolute;top:-72px}
.NcHH7q_guideCard{cursor:pointer;border-radius:18%;flex:1 0 auto;justify-content:space-between;max-width:200px;height:100%;margin-right:3%;position:relative}.NcHH7q_guideCard img{object-fit:contain;width:100%;height:auto;position:absolute;bottom:0}.NcHH7q_guideCard video{object-fit:contain;width:100%;height:auto;position:absolute;bottom:0}
.RRklFG_features{width:86%;margin-top:80px;position:relative;left:7%}.RRklFG_aiCloth{background-color:rgba(229,229,229,.33);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:94.5%;height:420px;margin:30px 10px;display:flex;position:relative}.RRklFG_aiCloth .RRklFG_title{letter-spacing:1.67px;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:20px;font-weight:700;line-height:32px}.RRklFG_aiCloth .RRklFG_subTitle{color:#666;letter-spacing:.61px;height:20px;font-size:14px;font-weight:400}.RRklFG_aiCloth>a{color:#4554e5;letter-spacing:.52px;margin:10px 0;font-size:12px;font-weight:400}.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText{justify-content:center;align-items:center;width:100%;height:440px;margin:75px 10px;display:flex;position:relative}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left{flex-direction:column;flex:1 0 0;height:100%;display:flex;position:relative}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left>div{flex:1 1 0}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left .RRklFG_title{color:#4554e5;letter-spacing:2px;z-index:3;flex:.2 1 0;margin-top:45px;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:24px;font-weight:700}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left .RRklFG_button{color:#4554e5;width:180px;height:42px;margin-top:10px;font-size:14px;box-shadow:inset 0 0 0 1px #4554e5}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left .RRklFG_button:hover{color:#fff;background-color:#4554e5}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left .RRklFG_featureTab{flex:.3 1 0}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left .RRklFG_contents{flex-direction:column;flex:.5 1 0;align-items:flex-start;justify-items:center;display:flex}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left .RRklFG_contents div{letter-spacing:4px;white-space:nowrap;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:32px;font-weight:700;position:relative}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right{flex-direction:column;flex:1 0 0;height:100%;display:flex;position:relative}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right>div{flex:1 1 0}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right .RRklFG_title{color:#4554e5;letter-spacing:2px;z-index:3;flex:.2 1 0;margin-top:45px;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:24px;font-weight:700}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right .RRklFG_button{color:#4554e5;width:180px;height:42px;margin-top:10px;font-size:14px;box-shadow:inset 0 0 0 1px #4554e5}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right .RRklFG_button:hover{color:#fff;background-color:#4554e5}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right .RRklFG_featureTab{flex:.3 1 0}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right .RRklFG_contents{flex-direction:column;flex:.5 1 0;align-items:flex-start;justify-items:center;display:flex}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right .RRklFG_contents div{letter-spacing:4px;white-space:nowrap;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:32px;font-weight:700;position:relative}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_subContents .RRklFG_content{letter-spacing:1px;white-space:nowrap;margin-bottom:14px;font-size:12px;line-height:12px;position:relative}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_subContents .RRklFG_content .RRklFG_icon{margin-right:8px}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_subContents .RRklFG_content .RRklFG_text{display:inline-block}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_left{flex:4 4 0}:is(.RRklFG_aiVideo,.RRklFG_aiImage,.RRklFG_aiNotes,.RRklFG_aiText) .RRklFG_right{flex:5 5 0}:is(.RRklFG_aiVideo,.RRklFG_aiImage) .RRklFG_subContents{margin-top:10px}.RRklFG_aiVideo{margin:90px 10px 0}.RRklFG_aiVideo .RRklFG_left{flex:5 5 0}.RRklFG_aiVideo .RRklFG_right{flex:4 4 0}.RRklFG_aiImage{margin:55px 10px 0}.RRklFG_aiImage .RRklFG_left .RRklFG_title{margin-top:65px}.RRklFG_aiNotes{margin:80px 10px 0}.RRklFG_aiNotes .RRklFG_left{flex:5 5 0}.RRklFG_aiNotes .RRklFG_right{flex:4 4 0}.RRklFG_aiNotes .RRklFG_right .RRklFG_title{margin-top:75px}.RRklFG_aiText{margin:80px 10px 70px}:scope .RRklFG_featureTab{width:100%;box-shadow:none;cursor:pointer}:scope .RRklFG_featureTab .mux-tabs-nav-list>.mux-tabs-tab{margin:0 2em 0 0;padding:1em 0 .2em}:scope .RRklFG_featureTab .mux-tabs-nav:before{border:none}:scope .RRklFG_featureTab .mux-tabs-tab-btn{color:#666;letter-spacing:1.67px;font-family:AlimamaShuZhiTiVF,sans-serif;font-size:16px}:scope .RRklFG_featureTab .mux-tabs-ink-bar-animated{background:0 0;border-top:1px solid #666;bottom:0}@font-face{font-family:AlimamaShuZhiTiVF;src:url("//at.alicdn.com/wf/webfont/biWBbZswfx0C/XOFn0iWXBPBy.woff2")format("woff2"),url("//at.alicdn.com/wf/webfont/biWBbZswfx0C/dePuheo1tURm.woff")format("woff");font-display:swap}@media screen and (max-width:1250px){:scope .RRklFG_subContents .RRklFG_content{margin-bottom:10px}}
@charset "UTF-8";
.mux-dropdown {
  position: absolute;
  transition: opacity 0.2s, visibility 0s 0.2s, transform 0.2s;
  z-index: 1010;
  --mux-dropdown-gap: 8px;
}
.mux-dropdown-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  /** 修正关闭浮层的层级问题，此问题可能导致浮层关闭后鼠标指针还保持点击形状 */
  z-index: -1;
}
.mux-dropdown-placement-top, .mux-dropdown-placement-topLeft, .mux-dropdown-placement-topRight {
  padding-bottom: var(--mux-dropdown-gap);
  transform-origin: bottom;
}
.mux-dropdown-placement-right, .mux-dropdown-placement-rightTop, .mux-dropdown-placement-rightBottom {
  padding-left: var(--mux-dropdown-gap);
  transform-origin: left;
}
.mux-dropdown-placement-bottom, .mux-dropdown-placement-bottomLeft, .mux-dropdown-placement-bottomRight {
  padding-top: var(--mux-dropdown-gap);
  transform-origin: top;
}
.mux-dropdown-placement-left, .mux-dropdown-placement-leftTop, .mux-dropdown-placement-leftBottom {
  padding-right: var(--mux-dropdown-gap);
  transform-origin: right;
}
.mux-dropdown a {
  color: inherit;
}
.mux-dropdown a:visited, .mux-dropdown a:link {
  color: inherit;
}

.mux-dropdown-button-icon {
  margin-left: 4px;
  transition: transform 0.3s;
}
.mux-dropdown-button .mux-dropdown-button-icon {
  transform: none;
}
.mux-dropdown-button.mux-dropdown-open .mux-dropdown-button-icon {
  transform: rotate3d(1, 0, 0, 180deg);
}
.mux-menu {
  margin: 0;
  padding: 6px 8px;
  border-radius: var(--border-radius);
  border: 1px solid #f5f5f6;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  color: #333;
  --mux-menu-item-title-border-bottom: none;
  --mux-menu-item-title-flex: 1;
}
.mux-menu:empty {
  display: none;
}
.mux-menu .mux-tooltip-trigger-node {
  display: block;
}

.mux-menu-prefix {
  padding: 8px 8px;
  margin: -6px -8px 6px;
  border-bottom: 1px solid #f5f5f6;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  background-color: #FFF;
  position: sticky;
  top: -6px;
  z-index: 10;
}

.mux-menu-tooltip .mux-tooltip-wrapper {
  padding: 0;
}

.mux-menu-item {
  cursor: pointer;
  position: relative;
  padding: 8px;
  overflow: hidden;
  transition: color 0.3s;
  box-sizing: border-box;
  font-size: 12px;
  height: 32px;
  flex-shrink: 0;
}
.mux-menu-item.mux-dropdown-open:after {
  opacity: 1;
}
.mux-menu-item .mux-menu-item-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
}
.mux-menu-item .mux-menu-item-content .mux-menu-item-title {
  flex: var(--mux-menu-item-flex);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: var(--mux-menu-item-title);
}
.mux-menu-item .mux-menu-item-content .mux-menu-item-title > a,
.mux-menu-item .mux-menu-item-content .mux-menu-item-title a:visited,
.mux-menu-item .mux-menu-item-content .mux-menu-item-title a:active,
.mux-menu-item .mux-menu-item-content .mux-menu-item-title a:hover {
  color: #333;
  display: flex;
  align-items: center;
}
.mux-menu-item .mux-menu-item-content .mux-menu-item-title > a:after,
.mux-menu-item .mux-menu-item-content .mux-menu-item-title a:visited:after,
.mux-menu-item .mux-menu-item-content .mux-menu-item-title a:active:after,
.mux-menu-item .mux-menu-item-content .mux-menu-item-title a:hover:after {
  content: "";
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}
.mux-menu-item .mux-menu-item-content .mux-icon:not(.mux-menu-item--active-ico):first-child,
.mux-menu-item .mux-menu-item-content .anticon:not(.mux-menu-item--active-ico):first-child,
.mux-menu-item .mux-menu-item-content .mux-next-icon:not(.mux-menu-item--active-ico):first-child {
  margin-right: 8px;
}
.mux-menu-item.mux-menu-item--active {
  color: var(--btn-brand);
}
.mux-menu-item.mux-menu-item--active:after {
  opacity: 1;
}
.mux-menu-item.mux-menu-item--active:hover:after {
  opacity: 1;
}
.mux-menu-item.mux-menu-item--active:hover {
  color: var(--btn-brand);
}
.mux-menu-item.mux-menu-item--disabled {
  color: #333333;
  opacity: 0.5;
  cursor: not-allowed;
}
.mux-menu-item.mux-menu-item--disabled:not(.mux-menu-item--active):hover:after {
  opacity: 0;
}
.mux-menu-item .mux-menu-item--active-ico {
  color: var(--color-brand);
}
.mux-menu-item:after {
  content: "";
  position: absolute;
  border-radius: var(--border-small-radius);
  left: 0;
  top: 3px;
  bottom: 3px;
  right: 0;
  background-color: var(--color-brand-opacity);
  transition: opacity 0.3s;
  opacity: 0;
  z-index: 1;
}
.mux-menu-item:hover:after {
  opacity: 1;
}

.mux-menu-dropdown-trigger--active {
  background-color: var(--mux-common-bg);
}
.mux-menu-dropdown-trigger--active .mux-menu-item:after {
  opacity: 1;
}

.mux-menu-group {
  width: 100%;
  overflow: hidden;
}
.mux-menu-group .mux-menu-group-menu {
  padding: 0 8px;
  box-shadow: none;
  border: none;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.mux-menu-group > .mux-menu-item {
  --mux-menu-item-flex: initial;
  --mux-menu-item-title: 1px solid var(--color-border);
}
.mux-menu-group > .mux-menu-item--active {
  --mux-menu-item-title: 1px solid var(--color-brand);
}
.mux-menu-group > .mux-menu-item--active:after {
  opacity: 0;
}
.mux-menu-group > .mux-menu-item--active .mux-menu-item--active-ico {
  display: none;
}
.mux-tabs {
  display: flex;
  font-weight: normal;
  border-radius: var(--mux-tabs-radius);
  --mux-tab-disabled-color: rgba(0, 0, 0, 0.25);
  --mux-tabs-tab-padding: 0;
  --mux-tabs-tab-color: #333;
  --mux-tabs-tab-font-size: 16px;
  --mux-tabs-tab-margin: 0;
  --mux-tabs-tab-first-child-margin: 0;
  --mux-tabs-tab-btn-active-font-weight: 500;
  --mux-tabs-tab-hover-color: #333;
  --mux-tabs-tab-btn-active-color: var(--color-brand);
  --mux-tabs-tab-background: transparent;
  --mux-tabs-tab-active-color: #333;
  --mux-tabs-tab-active-background: transparent;
  --mux-tabs-tab-border-top: 0 none;
  --mux-tabs-tab-border-left: 0 none;
  --mux-tabs-tab-border-right: 0 none;
  --mux-tabs-tab-border-bottom: 0 none;
  --mux-tabs-tab-active-border-top: 0 none;
  --mux-tabs-tab-active-border-left: 0 none;
  --mux-tabs-tab-active-border-bottom: 0 none;
  --mux-tabs-tab-active-border-right: 0 none;
  --mux-tabs-tab-btn-hover-background: transparent;
  --mux-tabs-nav-gap-border: 0 none;
  --mux-tab-ink-bar-before-display: block;
  --mux-tab-ink-bar-transition: left 0.3s, right 0.3s, top 0.3s, bottom 0.3s, height 0.3s, width 0.3s;
  --mux-tabs-nav-operations-more-width: 32px;
  --mux-tabs-nav-operations-more-color: #666;
  --mux-tabs-extra-content-padding-top: 0;
  --mux-tabs-extra-content-padding-horizontal: 12px;
  --mux-tabs-content-padding-vertical: 20px;
  --mux-tabs-content-padding-horizontal: 24px;
  --mux-tabs-tab-btn-height: auto;
  --mux-tabs-nav-list-height: auto;
  --mux-tabs-height: auto;
  --mux-tabs-tab-height: auto;
  --mux-tabs-tab-gap-height: auto;
  --mux-tabs-extra-content-margin: 0;
  --mux-tabs-tab-btn-padding: 0;
  --mux-tabs-tab-btn-margin: 0;
  --mux-tabs-tab-btn-line-height: initial;
  --mux-tabs-tab-title-inner-line-height: initial;
  --mux-tabs-tab-title-inner-padding: 0;
  --mux-tabs-tab-btn-min-width: initial;
  --mux-tab-ink-bar-z-index: initial;
  --mux-tab-ink-bar-transform: none;
  --mux-tabs-nav-background: transparent;
  --mux-tabs-tab-hover-background: transparent;
  --mux-tabs-tab-active-background: transparent;
  --mux-tabs-tab-title-inner-background: transparent;
  --mux-tabs-tab-title-inner-hover-background: transparent;
  --mux-tab-ink-bar-display: block;
  --mux-tabs-tab-border-radius: 0;
  --mux-tabs-radius: 0;
}
.mux-tabs button:focus, .mux-tabs button:active {
  outline: none;
}
.mux-tabs > .mux-tabs-nav,
.mux-tabs > div > .mux-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  background: var(--mux-tabs-nav-background);
}
.mux-tabs > .mux-tabs-nav .mux-tabs-nav-wrap,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  min-width: 0;
  white-space: nowrap;
  transform: translate(0);
}
.mux-tabs > .mux-tabs-nav .mux-tabs-nav-wrap-pined,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-wrap-pined {
  overflow: hidden;
}
.mux-tabs > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
  pointer-events: none;
  min-width: 30px;
}
.mux-tabs > .mux-tabs-nav .mux-tabs-nav-list,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.mux-tabs > .mux-tabs-nav .mux-tabs-nav-operations,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.mux-tabs > .mux-tabs-nav .mux-tabs-nav-operations-hidden,
.mux-tabs > div > .mux-tabs-nav .mux-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.mux-tabs .mux-tabs-nav-list {
  height: var(--mux-tabs-nav-list-height);
  padding: var(--mux-tabs-nav-list-padding);
  background: var(--mux-tabs-nav-list-background);
  border-radius: var(--mux-tabs-nav-list-border-radius);
}
.mux-tabs .mux-tabs-nav .mux-tabs-nav-add {
  border: none;
  border-radius: 0;
}
.mux-tabs-ink-bar {
  position: absolute;
  pointer-events: none;
  display: var(--mux-tab-ink-bar-display);
  height: var(--mux-tab-ink-bar-height);
  width: var(--mux-tab-ink-bar-width);
  border-radius: var(--mux-tab-ink-bar-border-radius);
  top: var(--mux-tab-ink-bar-top);
  left: var(--mux-tab-ink-bar-left);
  right: var(--mux-tab-ink-bar-right);
  bottom: var(--mux-tab-ink-bar-bottom);
  border: var(--mux-tab-ink-bar-border);
  background: var(--mux-tab-ink-bar-background);
  transform: var(--mux-tab-ink-bar-transform);
  transform-origin: var(--mux-tab-ink-bar-transform-origin);
  transition: var(--mux-tab-ink-bar-transition);
  z-index: var(--mux-tab-ink-bar-z-index);
}
.mux-tabs-ink-bar::before {
  content: " ";
  position: absolute;
  display: var(--mux-tab-ink-bar-before-display);
  border-radius: var(--mux-tab-ink-bar-before-border-radius);
  top: var(--mux-tab-ink-bar-before-top);
  left: var(--mux-tab-ink-bar-before-left);
  right: var(--mux-tab-ink-bar-before-right);
  bottom: var(--mux-tab-ink-bar-before-bottom);
  background: var(--mux-tab-ink-bar-before-background);
  box-shadow: var(--mux-tab-ink-bar-before-box-shadow);
  border-right: var(--mux-tab-ink-bar-before-border-right);
}
.mux-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  outline: none;
  cursor: pointer;
  height: var(--mux-tabs-tab-height);
  padding: var(--mux-tabs-tab-padding);
  color: var(--mux-tabs-tab-color);
  font-size: var(--mux-tabs-tab-font-size);
  margin: var(--mux-tabs-tab-margin);
  background: var(--mux-tabs-tab-background);
  border-radius: var(--mux-tabs-tab-border-radius);
  border-top: var(--mux-tabs-tab-border-top);
  border-left: var(--mux-tabs-tab-border-left);
  border-right: var(--mux-tabs-tab-border-right);
  border-bottom: var(--mux-tabs-tab-border-bottom);
  background-clip: var(--mux-tabs-tab-background-clip);
  transition: var(--mux-tabs-tab-transition);
}
.mux-tabs-tab:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
.mux-tabs-tab-btn:focus, .mux-tabs-tab-btn:active, .mux-tabs-tab-remove:focus, .mux-tabs-tab-remove:active {
  color: var(--color-brand);
}
.mux-tabs-tab-btn {
  outline: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--mux-tabs-tab-btn-border-radius);
  padding: var(--mux-tabs-tab-btn-padding);
  margin: var(--mux-tabs-tab-btn-margin);
  transition: var(--mux-tabs-tab-btn-transition);
  color: inherit;
  height: var(--mux-tabs-tab-btn-height);
  line-height: var(--mux-tabs-tab-btn-line-height);
  min-width: var(--mux-tabs-tab-btn-min-width);
  border-top: var(--mux-tabs-tab-btn-border-top);
  border-bottom: var(--mux-tabs-tab-btn-border-bottom);
}
.mux-tabs-tab:hover {
  color: var(--color-brand);
}
.mux-tabs-tab-active {
  color: var(--mux-tabs-tab-active-color);
  background: var(--mux-tabs-tab-active-background);
  border-top: var(--mux-tabs-tab-active-border-top);
  border-left: var(--mux-tabs-tab-active-border-left);
  border-right: var(--mux-tabs-tab-active-border-right);
  border-bottom: var(--mux-tabs-tab-active-border-bottom);
}
.mux-tabs-tab-active .mux-tabs-tab-btn {
  color: var(--mux-tabs-tab-btn-active-color);
  font-weight: var(--mux-tabs-tab-btn-active-font-weight);
}
.mux-tabs-tab-disabled {
  color: var(--mux-tab-disabled-color);
  cursor: not-allowed;
}
.mux-tabs-tab-disabled:hover {
  color: var(--mux-tab-disabled-color);
}
.mux-tabs-tab-disabled .mux-tabs-tab-tag {
  opacity: 0.5;
}
.mux-tabs-tab:not(.mux-tabs-tab-disabled):hover {
  color: var(--mux-tabs-tab-hover-color);
}
.mux-tabs-tab:not(.mux-tabs-tab-disabled):not(.mux-tabs-tab-active):hover .mux-tabs-tab-btn {
  color: var(--mux-tabs-tab-btn-hover-color);
}
.mux-tabs-tab-disabled .mux-tabs-tab-btn:focus, .mux-tabs-tab-disabled .mux-tabs-tab-btn:active, .mux-tabs-tab-disabled .mux-tabs-tab-remove:focus, .mux-tabs-tab-disabled .mux-tabs-tab-remove:active {
  color: var(--mux-tab-disabled-color);
}
.mux-tabs .mux-tabs-tab:first-child {
  margin: var(--mux-tabs-tab-first-child-margin);
}
.mux-tabs .mux-tabs-tab:not(.mux-tabs-tab-active):not(.mux-tabs-tab-disabled):hover {
  background: var(--mux-tabs-tab-hover-background);
}
.mux-tabs .mux-tabs-tab:not(.mux-tabs-tab-active):not(.mux-tabs-tab-disabled):hover .mux-tabs-tab-btn {
  background: var(--mux-tabs-tab-btn-hover-background);
}
.mux-tabs .mux-tabs-tab:not(.mux-tabs-tab-active):not(.mux-tabs-tab-disabled):hover .mux-tabs-tab-title-inner {
  background: var(--mux-tabs-tab-title-inner-hover-background);
}
.mux-tabs .mux-tabs-tab:not(.mux-tabs-tab-active) + .mux-tabs-tab::before {
  content: "";
  position: var(--mux-tabs-tab-gap-position);
  top: var(--mux-tabs-tab-gap-top);
  left: var(--mux-tabs-tab-gap-left);
  height: var(--mux-tabs-tab-gap-height);
  width: var(--mux-tabs-tab-gap-width);
  border-left: var(--mux-tabs-tab-gap-border-left);
  border-top: var(--mux-tabs-tab-gap-border-top);
}
.mux-tabs .mux-tabs-tab-title-inner {
  line-height: var(--mux-tabs-tab-title-inner-line-height);
  padding: var(--mux-tabs-tab-title-inner-padding);
  border-radius: var(--mux-tabs-tab-title-inner-border-radius);
  background: var(--mux-tabs-tab-title-inner-background);
  transition: background-color var(--duration);
}
.mux-tabs-content {
  display: flex;
  width: 100%;
}
.mux-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.mux-tabs-tabpane {
  flex: none;
  width: 100%;
  outline: none;
  padding: var(--mux-tabs-content-padding-vertical) var(--mux-tabs-content-padding-horizontal);
}
.mux-tabs-tabpane:empty, .mux-tabs-tabpane.mux-tabs-tabpane-custom {
  padding: 0;
}

/** ==================== OPERATIONS and SMALL BITS ==================== */
.mux-tabs-opration-node {
  background-color: #FFFFFF;
  padding: 16px;
  border: 1px solid #EFEFEF;
}

.mux-tabs-tab-tag {
  margin-left: 4px;
  z-index: 1;
  line-height: 12px;
}

.mux-tabs-tab-icon,
.mux-tabs-tab-icon-custom {
  margin-right: 8px;
}

.mux-tabs-tab-icon-custom img {
  width: 1.5em;
  height: 1.5em;
  object-fit: contain;
  display: block;
}

.mux-tabs-extra-dropdown .mux-menu {
  max-height: 256px;
  overflow-y: auto;
}

.mux-tabs-extra-content {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--mux-tabs-extra-content-padding-top) var(--mux-tabs-extra-content-padding-horizontal) 0;
  margin: var(--mux-tabs-extra-content-margin);
}

.mux-tabs-extra-content + .mux-tabs-nav-operations {
  margin-left: calc(var(--mux-tabs-extra-content-padding-horizontal)*-1);
}

.mux-tabs-nav-more {
  border: none;
  cursor: pointer;
  position: relative;
  width: var(--mux-tabs-nav-operations-more-width);
  height: var(--mux-tabs-nav-operations-more-height);
  border-radius: var(--mux-tabs-nav-operations-more-border-radius);
  color: var(--mux-tabs-nav-operations-more-color);
  padding: var(--mux-tabs-extra-content-padding-top) var(--mux-tabs-extra-content-padding-horizontal) 0;
  background: var(--mux-tabs-nav-wrap-pined-background);
}
.mux-tabs-nav-more:hover {
  color: var(--btn-text-hover);
}
.mux-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: "";
}
.mux-tabs-nav-more .mux-icon {
  font-size: 16px;
}

.mux-tabs-nav-add {
  min-width: 40px;
  color: #666;
  background: #fafafa;
  border: 1px solid #efefef;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  outline: none;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.mux-tabs-nav-add:hover {
  color: var(--color-brand);
}
.mux-tabs-top .mux-tabs-nav-add, .mux-tabs-bottom .mux-tabs-nav-add {
  padding: 0 8px;
}
.mux-tabs-left .mux-tabs-nav-add, .mux-tabs-right .mux-tabs-nav-add {
  padding: 12px 0;
}

.mux-tabs-tab-remove {
  flex: none;
  color: #666;
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.mux-tabs-tab-remove:hover {
  color: var(--color-brand);
}
.mux-tabs-top .mux-tabs-tab-remove, .mux-tabs-bottom .mux-tabs-tab-remove {
  margin: 0 -4px 0 8px;
}
.mux-tabs-left .mux-tabs-tab-remove, .mux-tabs-right .mux-tabs-tab-remove {
  position: absolute;
  right: 8px;
  top: 11px;
}

.mux-tabs-nav-wrap-pined + .mux-tabs-extra-content {
  background: var(--mux-tabs-nav-wrap-pined-background);
}

.mux-tabs-nav-wrap-pined ~ .mux-tabs-nav-operations .mux-tabs-nav-add {
  padding-top: var(--mux-tabs-extra-content-padding-top);
}

/** ==================== POSITION ==================== */
.mux-tabs-top, .mux-tabs-bottom {
  flex-direction: column;
  overflow-y: visible;
}
.mux-tabs-top > .mux-tabs-nav,
.mux-tabs-top > div > .mux-tabs-nav, .mux-tabs-bottom > .mux-tabs-nav,
.mux-tabs-bottom > div > .mux-tabs-nav {
  width: 100%;
}
.mux-tabs-top > .mux-tabs-nav::before,
.mux-tabs-top > div > .mux-tabs-nav::before, .mux-tabs-bottom > .mux-tabs-nav::before,
.mux-tabs-bottom > div > .mux-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: var(--mux-tabs-nav-gap-border);
  content: "";
}
.mux-tabs-top > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs-top > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-top > div > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-top > div > .mux-tabs-nav .mux-tabs-nav-wrap::after, .mux-tabs-bottom > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs-bottom > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-bottom > div > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-bottom > div > .mux-tabs-nav .mux-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.mux-tabs-top > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-top > div > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs-bottom > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-bottom > div > .mux-tabs-nav .mux-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.mux-tabs-top > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-top > div > .mux-tabs-nav .mux-tabs-nav-wrap::after, .mux-tabs-bottom > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-bottom > div > .mux-tabs-nav .mux-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.mux-tabs-top > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-left::before,
.mux-tabs-top > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-left::before, .mux-tabs-bottom > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-left::before,
.mux-tabs-bottom > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.mux-tabs-top > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-right::after,
.mux-tabs-top > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-right::after, .mux-tabs-bottom > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-right::after,
.mux-tabs-bottom > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.mux-tabs-content-holder {
  width: 100%;
}
.mux-tabs-top {
  --mux-tab-ink-bar-bottom: 1px;
}
.mux-tabs-top > .mux-tabs-nav::before,
.mux-tabs-top > div > .mux-tabs-nav::before {
  bottom: 0;
}
.mux-tabs-bottom {
  --mux-tab-ink-bar-top: 1px;
}
.mux-tabs-bottom > .mux-tabs-nav,
.mux-tabs-bottom > div > .mux-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.mux-tabs-bottom > .mux-tabs-nav::before,
.mux-tabs-bottom > div > .mux-tabs-nav::before {
  top: 0;
}
.mux-tabs-bottom > .mux-tabs-content-holder,
.mux-tabs-bottom > div > .mux-tabs-content-holder {
  order: 0;
}
.mux-tabs-left, .mux-tabs-right {
  overflow-x: visible;
  --mux-tab-ink-bar-width: 2px;
}
.mux-tabs-left > .mux-tabs-nav,
.mux-tabs-left > div > .mux-tabs-nav, .mux-tabs-right > .mux-tabs-nav,
.mux-tabs-right > div > .mux-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.mux-tabs-left > .mux-tabs-nav::before,
.mux-tabs-left > div > .mux-tabs-nav::before, .mux-tabs-right > .mux-tabs-nav::before,
.mux-tabs-right > div > .mux-tabs-nav::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: var(--mux-tabs-nav-gap-border);
  content: "";
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-tab,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-tab, .mux-tabs-right > .mux-tabs-nav .mux-tabs-tab,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-tab {
  text-align: center;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-tab:last-of-type,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-tab:last-of-type, .mux-tabs-right > .mux-tabs-nav .mux-tabs-tab:last-of-type,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap {
  flex-direction: column;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap::after, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap::before, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap::before,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap::after, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap::after,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-top::before,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-top::before, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-top::before,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-bottom::after,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-bottom::after, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-bottom::after,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-wrap.mux-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-list,
.mux-tabs-left > .mux-tabs-nav .mux-tabs-nav-operations,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-list,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-nav-operations, .mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-list,
.mux-tabs-right > .mux-tabs-nav .mux-tabs-nav-operations,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-list,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-nav-operations {
  flex-direction: column;
}
.mux-tabs-left > .mux-tabs-nav .mux-tabs-ink-bar,
.mux-tabs-left > div > .mux-tabs-nav .mux-tabs-ink-bar {
  right: 0;
}
.mux-tabs-right > .mux-tabs-nav,
.mux-tabs-right > div > .mux-tabs-nav {
  order: 1;
}
.mux-tabs-right > .mux-tabs-nav .mux-tabs-ink-bar,
.mux-tabs-right > div > .mux-tabs-nav .mux-tabs-ink-bar {
  left: 0;
}
.mux-tabs-tab-title-inner {
  display: flex;
  align-items: center;
}

/** ==================== TAB NORMAL ==================== */
.mux-tabs-normal {
  --mux-tab-border-radius: 18px;
  --mux-tabs-nav-list-padding: 0;
  --mux-tabs-nav-list-background: #F8F9FA;
  --mux-tabs-nav-list-border-radius: var(--mux-tab-border-radius);
  --mux-tabs-tab-hover-background: var(--color-brand-alpha-10);
  --mux-tabs-tab-padding: 6px 16px;
  --mux-tabs-tab-font-size: 12px;
  --mux-tabs-tab-border-top: 1px solid #F8F9FA;
  --mux-tabs-tab-border-left: 1px solid #F8F9FA;
  --mux-tabs-tab-border-bottom: 1px solid #F8F9FA;
  --mux-tabs-tab-border-right: 1px solid #F8F9FA;
  --mux-tabs-tab-active-border-top: 1px solid #F8F9FA;
  --mux-tabs-tab-active-border-left: 1px solid #F8F9FA;
  --mux-tabs-tab-active-border-bottom: 1px solid #F8F9FA;
  --mux-tabs-tab-active-border-right: 1px solid #F8F9FA;
  --mux-tabs-tab-border-radius: var(--mux-tab-border-radius);
  --mux-tab-ink-bar-height: 100%;
  --mux-tab-ink-bar-border-radius: var(--mux-tab-border-radius);
  --mux-tab-ink-bar-bottom: 0;
  --mux-tab-ink-bar-border: 1px solid #F0F2F5;
  --mux-tab-ink-bar-background: #F0F2F5;
  --mux-tab-ink-bar-before-border-radius: calc(var(--mux-tab-border-radius) - 1px);
  --mux-tab-ink-bar-before-top: 1px;
  --mux-tab-ink-bar-before-left: 1px;
  --mux-tab-ink-bar-before-right: 1px;
  --mux-tab-ink-bar-before-bottom: 1px;
  --mux-tab-ink-bar-before-background: #FFF;
  --mux-tab-ink-bar-before-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);
  --mux-tabs-nav-operations-more-border-radius: 0 var(--mux-tab-border-radius) var(--mux-tab-border-radius) 0;
  --mux-tabs-nav-operations-more-background: #f8f9fa;
  --mux-tabs-nav-wrap-pined-background: #f8f9fa;
  --mux-tabs-nav-operations-more-color: #999;
  --mux-tabs-tab-transition: background-color var(--duration);
  --mux-tabs-tab-background-clip: padding-box;
  --mux-tabs-nav-operations-more-width: auto;
}
.mux-tabs-normal.mux-tabs--size-small {
  --mux-tab-border-radius: 12px;
  --mux-tabs-tab-padding: 1px 14px;
}
.mux-tabs-normal.mux-tabs-top, .mux-tabs-normal.mux-tabs-bottom {
  --mux-tabs-content-padding-horizontal: 0;
}
.mux-tabs-normal.mux-tabs-left, .mux-tabs-normal.mux-tabs-right {
  --mux-tabs-content-padding-vertical: 0;
}
.mux-tabs-normal > .mux-tabs-nav > .mux-tabs-nav-wrap-pined .mux-tabs-ink-bar::before {
  box-shadow: none;
}

/** ==================== card ==================== */
.mux-tabs-card {
  background-color: #FFFFFF;
  --mux-tabs-nav-background: #FAFAFA;
  --mux-tabs-tab-margin: 0;
  --mux-tabs-tab-padding: 0 24px;
  --mux-tabs-tab-height: 40px;
  --mux-tabs-tab-font-size: 12px;
  --mux-tabs-tab-border-bottom: 1px solid #efefef;
  --mux-tabs-tab-active-background: #FFF;
  --mux-tabs-tab-title-inner-hover-background: var(--color-brand-alpha-10);
  --mux-tabs-tab-title-inner-line-height: 1.25;
  --mux-tabs-tab-title-inner-padding: 4px 8px;
  --mux-tabs-tab-title-inner-border-radius: 4px;
  --mux-tabs-tab-border-top: 1px solid transparent;
  --mux-tabs-tab-border-left: 1px solid transparent;
  --mux-tabs-tab-border-bottom: 1px solid transparent;
  --mux-tabs-tab-border-right: 1px solid transparent;
  --mux-tabs-tab-active-border-top: 1px solid #efefef;
  --mux-tabs-tab-active-border-left: 1px solid #efefef;
  --mux-tabs-tab-active-border-right: 1px solid #efefef;
  --mux-tabs-tab-active-border-bottom: 1px solid #efefef;
  --mux-tabs-extra-content-padding-vertical: 12px;
  --mux-tabs-extra-content-padding-top: 8px;
  --mux-tabs-nav-operations-more-width: 46px;
  --mux-tab-ink-bar-display: none;
}
.mux-tabs-card.mux-tabs-top {
  --mux-tabs-tab-active-border-bottom: 1px solid transparent;
  --mux-tabs-tab-border-radius: var(--border-radius) var(--border-radius) 0 0;
  --mux-tabs-nav-list-padding: 8px 0 0 16px;
}
.mux-tabs-card.mux-tabs-bottom {
  --mux-tabs-tab-active-border-top: 1px solid transparent;
  --mux-tabs-tab-border-radius: 0 0 var(--border-radius) var(--border-radius);
  --mux-tabs-nav-list-padding: 8px 0 0 16px;
}
.mux-tabs-card.mux-tabs-left {
  --mux-tabs-tab-active-border-right: 1px solid transparent;
  --mux-tabs-tab-border-radius: var(--border-radius) 0 0 var(--border-radius);
  --mux-tabs-nav-list-padding: 16px 0 16px 8px;
}
.mux-tabs-card.mux-tabs-right {
  --mux-tabs-tab-active-border-left: 1px solid transparent;
  --mux-tabs-tab-border-radius: 0 var(--border-radius) var(--border-radius) 0;
  --mux-tabs-nav-list-padding: 16px 0 16px 8px;
}
.mux-tabs-card.mux-tabs--size-small {
  --mux-tabs-tab-height: 32px;
  --mux-tabs-title-padding: 8px 0 0 8px;
}

.mux-tabs-bar {
  background-color: #FFF;
  --mux-tabs-radius: 16px;
  --mux-tabs-nav-list-padding: 0;
  --mux-tabs-nav-list-background: transparent;
  --mux-tabs-tab-padding: 0;
  --mux-tabs-tab-margin: 0;
  --mux-tabs-tab-btn-border-radius: 8px;
  --mux-tab-ink-bar-height: 2px;
  --mux-tab-ink-bar-border-radius: 2px;
  --mux-tabs-tab-padding: 18px 24px;
  --mux-tabs-tab-btn-hover-background: var(--color-brand-alpha-10);
  --mux-tabs-tab-btn-padding: 4px 8px;
  --mux-tabs-tab-btn-margin: -4px -8px;
  --mux-tab-ink-bar-background: linear-gradient(90deg, var(--color-brand), var(--color-brand-gradient));
  --mux-tabs-nav-operations-more-width: 46px;
  --mux-tabs-nav-operations-more-border-radius: 0 calc(var(--mux-tabs-radius) - 1px) 0 0;
  --mux-tabs-tab-btn-transition: background-color var(--duration);
  --mux-tabs-nav-gap-border: 1px solid #efefef;
}
.mux-tabs-bar.mux-tabs-left, .mux-tabs-bar.mux-tabs-right {
  --mux-tab-ink-bar-background: transparent;
  --mux-tab-ink-bar-before-top: 0;
  --mux-tab-ink-bar-before-bottom: 0;
  --mux-tab-ink-bar-before-right: 0;
  --mux-tab-ink-bar-before-border-right: 2px solid var(--color-brand);
}
.mux-tabs-bar.mux-tabs-top, .mux-tabs-bar.mux-tabs-bottom {
  --mux-tabs-tab-first-child-margin: 0 0 0 24px;
}
.mux-tabs-bar.mux-tabs--size-small {
  --mux-tabs-radius: 12px;
  --mux-tabs-tab-padding: 8px 14px;
  --mux-tabs-tab-font-size: 12px;
}

/** ==================== folder ==================== */
.mux-tabs-folder {
  --mux-tabs-height: 64px;
  --mux-tabs-top-padding: 4px;
  --mux-tabs-folder-border-color: #F2F4F7;
  --mux-tabs-folder-border-color-background: #F2F4F7;
  --mux-tabs-radius: 16px;
  --mux-tabs-title-padding-h: 16px;
  --mux-tabs-content-padding-vertical: 16px;
  --mux-tabs-bar-bg-color-start: #ecedfc;
  --mux-tabs-bar-bg-color-end: #fff;
  --mux-tabs-bar-bg: linear-gradient(to bottom, var(--mux-tabs-bar-bg-color-start) 0, var(--mux-tabs-bar-bg-color-end) 100%);
  --mux-tab-title-border-active: var(--color-brand);
  --mux-tabs-nav-list-padding: 0;
  --mux-tabs-nav-list-background: transparent;
  --mux-tabs-nav-list-border-radius: 0;
  --mux-tabs-tab-gap-height: var(--mux-tabs-height);
  --mux-tabs-tab-first-child-margin: 0;
  --mux-tabs-tab-margin: 0 0 0 calc(var(--mux-tabs-height)*-1);
  --mux-tabs-extra-content-margin: var(--mux-tabs-top-padding) 0 var(--mux-tabs-radius);
  --mux-tabs-tab-title-inner-hover-background: var(--color-brand-alpha-10);
  --mux-tabs-tab-title-inner-line-height: 1.25;
  --mux-tabs-tab-title-inner-padding: 8px 12px;
  --mux-tabs-tab-title-inner-border-radius: 8px;
  --mux-tabs-tab-btn-transition: background-color var(--duration), border-color var(--duration), color var(--duration);
  --mux-tabs-nav-operations-more-width: 48px;
  --mux-tabs-nav-more-margin: 0 0 var(--mux-tabs-radius);
  --mux-tabs-nav-wrap-pined-background: transparent;
  --mux-tabs-nav-operations-more-border-radius: 0 calc(var(--mux-tabs-radius) - 1px) 0 0;
  --mux-tabs-nav-operations-more-height: calc(var(--mux-tabs-height) - var(--mux-tabs-top-padding));
  --mux-tab-ink-bar-background: var(--color-brand);
  --mux-tab-ink-bar-bottom: var(--mux-tabs-radius);
  --mux-tab-ink-bar-transform: scale(0.33, 1);
  --mux-tab-ink-bar-transform-origin: 50% 0;
  --mux-tab-ink-bar-border-radius: 8px;
  --mux-tab-ink-bar-z-index: 4;
  --mux-tab-ink-bar-height: 2px;
  --mux-tabs-tab-color: #333;
  --mux-tabs-tab-btn-active-color: var(--color-brand);
  --mux-tabs-tab-btn-hover-color: var(--color-brand);
  --mux-tabs-tab-btn-height: var(--mux-tabs-height);
  --mux-tabs-tab-btn-line-height: calc(var(--mux-tabs-height) + var(--mux-tabs-top-padding));
  --mux-tabs-tab-btn-min-width: 148px;
  --mux-tabs-tab-btn-padding: var(--mux-tabs-top-padding) var(--mux-tabs-title-padding-h) 0;
  --mux-tabs-tab-btn-border-top: 1px solid transparent;
  --mux-tabs-tab-btn-border-bottom: 1px solid transparent;
  --mux-tabs-tab-font-size: 16px;
  --mux-tabs-nav-list-height: calc(var(--mux-tabs-height) + var(--mux-tabs-radius));
  --mux-tabs-tab-padding: 0;
  --mux-tabs-tab-height: var(--mux-tabs-height);
  position: relative;
  background-color: transparent;
  box-shadow: 0 4px 10px 0 rgba(177, 168, 165, 0.2);
}
.mux-tabs-folder > .mux-tabs-nav {
  margin-top: calc(var(--mux-tabs-top-padding)*-1);
}
.mux-tabs-folder > .mux-tabs-nav .mux-tabs-nav-wrap::before {
  width: auto;
}
.mux-tabs-folder > .mux-tabs-nav {
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.mux-tabs-folder > .mux-tabs-nav::before {
  content: "";
  position: absolute;
  top: var(--mux-tabs-top-padding);
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--mux-tabs-radius) var(--mux-tabs-radius) 0 0;
  background: var(--mux-tabs-bar-bg);
  background-size: auto 100%;
  border: 1px solid var(--mux-tabs-folder-border-color-background);
  border-bottom: 0 none;
  z-index: 0;
  pointer-events: none;
  background-clip: border-box;
}
.mux-tabs-folder > .mux-tabs-nav::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: calc(var(--mux-tabs-radius)*-1 + 1px);
  left: 0;
  width: 100%;
  height: calc(var(--mux-tabs-radius)*2);
  border-top: 1px solid var(--mux-tabs-folder-border-color);
  border-radius: var(--mux-tabs-radius) var(--mux-tabs-radius) 0 0;
  pointer-events: none;
  background-color: #FFF;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap,
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-operations {
  z-index: 2;
}
.mux-tabs-folder > .mux-tabs-content-holder {
  position: relative;
  z-index: 1;
  margin-top: calc(var(--mux-tabs-radius)*-1);
  padding: var(--mux-tabs-content-padding-vertical) 0;
  min-height: calc(var(--mux-tabs-radius)*3);
}
.mux-tabs-folder > .mux-tabs-content-holder::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  border-radius: var(--mux-tabs-radius);
  pointer-events: none;
}
.mux-tabs-folder > .mux-tabs-content-holder > .mux-tabs-content {
  background: #FFF;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab:first-child {
  padding-left: 0;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab:first-child .mux-tabs-tab-btn {
  border-left: 1px solid transparent;
  border-top-left-radius: var(--mux-tabs-radius);
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab:last-child {
  padding-right: 0;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab::before, .mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab::after {
  content: "";
  display: block;
  height: var(--mux-tabs-height);
  width: var(--mux-tabs-height);
  background-size: cover;
  opacity: 0;
  transition: opacity var(--duration);
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab::before {
  background-image: url("https://img.alicdn.com/imgextra/i3/O1CN01bca66F1dkXkMVpgeV_!!6000000003774-55-tps-128-128.svg");
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab::after {
  background-image: url("https://img.alicdn.com/imgextra/i3/O1CN01RYGbBd1ta2W1BhNV5_!!6000000005917-55-tps-128-128.svg");
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab:first-child::before {
  display: none;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab:last-child::before {
  display: none;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab-active {
  background-color: transparent;
  position: relative;
  display: inline-flex;
  z-index: 2;
  border-bottom: var(--mux-tabs-radius) solid #FFF !important;
  box-sizing: content-box;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab-active .mux-tabs-tab-btn {
  border-top-color: var(--mux-tabs-folder-border-color);
  background-color: #FFF;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab-active::before {
  opacity: 1;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab-active::after {
  opacity: 1;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab-active:first-child .mux-tabs-tab-btn {
  border-left-color: var(--mux-tabs-folder-border-color);
}
.mux-tabs-folder > .mux-tabs-nav .mux-tabs-nav-operations {
  position: relative;
  margin-top: var(--mux-tabs-top-padding);
}
.mux-tabs-folder > .mux-tabs-nav .mux-tabs-nav-operations.mux-tabs-nav-operations-hidden {
  display: none;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap-pined::after {
  top: var(--mux-tabs-top-padding) !important;
  bottom: var(--mux-tabs-radius) !important;
  margin: 1px 0;
}
.mux-tabs-folder > .mux-tabs-nav > .mux-tabs-nav-wrap > .mux-tabs-nav-list > .mux-tabs-tab.mux-tabs-tab-active:first-child ~ .mux-tabs-ink-bar {
  --mux-tab-ink-bar-transform-origin: 28% 0;
}
.mux-tabs-folder.mux-tabs--size-small {
  --mux-tabs-height: 48px;
  --mux-tabs-top-padding: 4px;
  --mux-tabs-radius: 12px;
  --mux-tabs-tab-font-size: 12px;
  --mux-tabs-tab-btn-min-width: 80px;
  --mux-tabs-content-padding-vertical: 12px;
}

.mux-tabs-normal.mux-tabs--theme-white {
  --mux-tab-border-radius: 8px;
  --mux-tabs-nav-list-background: transparent;
  --mux-tabs-tab-transition: border-color var(--duration), background-color var(--duration);
  --mux-tabs-tab-background: #FFF;
  --mux-tabs-tab-hover-background: #e4e7f0;
  --mux-tabs-tab-active-background: var(--color-brand-alpha-10);
  --mux-tabs-tab-border-top: 0 none;
  --mux-tabs-tab-border-left: 0 none;
  --mux-tabs-tab-border-right: 0 none;
  --mux-tabs-tab-border-bottom: 0 none;
  --mux-tabs-tab-active-border-top: 0 none;
  --mux-tabs-tab-active-border-left: 0 none;
  --mux-tabs-tab-active-border-right: 0 none;
  --mux-tabs-tab-active-border-bottom: 0 none;
  --mux-tabs-tab-btn-active-font-weight: 400;
  --mux-tab-ink-bar-display: none;
}
.mux-tabs-normal.mux-tabs--theme-white.mux-tabs-top, .mux-tabs-normal.mux-tabs--theme-white.mux-tabs-bottom {
  --mux-tabs-tab-first-child-margin: 0;
  --mux-tabs-tab-margin: 0 0 0 8px;
}
.mux-tabs-normal.mux-tabs--theme-white.mux-tabs-left, .mux-tabs-normal.mux-tabs--theme-white.mux-tabs-right {
  --mux-tabs-tab-margin: 8px 0 0;
  --mux-tabs-tab-first-child-margin: 0;
}
.mux-tabs-normal.mux-tabs--theme-white.mux-tabs--size-small {
  --mux-tab-border-radius: 4px;
}

.mux-tabs-normal.mux-tabs--theme-gray {
  --mux-tab-border-radius: 8px;
  --mux-tabs-tab-padding: 7px 16px;
  --mux-tabs-tab-background: #f0f2f5;
  --mux-tabs-tab-hover-color: var(--color-brand);
  --mux-tabs-tab-hover-background: #e4e7f0;
  --mux-tabs-tab-active-background: #e4e7f0;
  --mux-tabs-tab-btn-active-font-weight: 400;
  --mux-tabs-tab-gap-position: absolute;
  --mux-tabs-tab-gap-top: 0;
  --mux-tabs-tab-gap-left: 0;
  --mux-tab-ink-bar-before-display: none;
  --mux-tab-ink-bar-background: #FFF linear-gradient(0, var(--color-brand-alpha-10) 0);
  --mux-tabs-tab-border-top: 0 none;
  --mux-tabs-tab-border-left: 0 none;
  --mux-tabs-tab-border-right: 0 none;
  --mux-tabs-tab-border-bottom: 0 none;
  --mux-tabs-tab-active-border-top: 0 none;
  --mux-tabs-tab-active-border-left: 0 none;
  --mux-tabs-tab-active-border-bottom: 0 none;
  --mux-tabs-tab-active-border-right: 0 none;
  --mux-tab-ink-bar-border: 1px solid var(--color-brand-alpha-50);
  --mux-tab-ink-bar-transition: none;
  --mux-tabs-nav-operations-more-background: #f0f2f5;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs--size-small {
  --mux-tab-border-radius: 4px;
  --mux-tabs-tab-padding: 3px 12px;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-top, .mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-bottom {
  --mux-tabs-tab-gap-height: 100%;
  --mux-tabs-tab-gap-border-left: 1px solid #e4e7f0;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-top .mux-tabs-tab:not(.mux-tabs-tab--first),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-top .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-first), .mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-bottom .mux-tabs-tab:not(.mux-tabs-tab--first),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-bottom .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-first) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-top .mux-tabs-tab:not(.mux-tabs-tab--last),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-top .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-last), .mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-bottom .mux-tabs-tab:not(.mux-tabs-tab--last),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-bottom .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-last) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-left, .mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-right {
  --mux-tabs-tab-gap-width: 100%;
  --mux-tabs-tab-gap-border-top: 1px solid #e4e7f0;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-left .mux-tabs-tab:not(.mux-tabs-tab--first),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-left .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-first), .mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-right .mux-tabs-tab:not(.mux-tabs-tab--first),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-right .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-first) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-left .mux-tabs-tab:not(.mux-tabs-tab--last),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-left .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-last), .mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-right .mux-tabs-tab:not(.mux-tabs-tab--last),
.mux-tabs-normal.mux-tabs--theme-gray.mux-tabs-right .mux-tabs-ink-bar:not(.mux-tabs-ink-bar-last) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.mux-tabs--disable-animations {
  animation: none !important;
  transition: none !important;
}
.mux-tabs--disable-animations .mux-tabs-tab,
.mux-tabs--disable-animations .mux-tabs-menu,
.mux-tabs--disable-animations .mux-tabs-nav-list,
.mux-tabs--disable-animations .mux-tabs-nav-more,
.mux-tabs--disable-animations .mux-tabs-nav-add,
.mux-tabs--disable-animations .mux-tabs-tab-remove,
.mux-tabs--disable-animations .mux-tabs-content-animated,
.mux-tabs--disable-animations .mux-tabs-dropdown-menu-item,
.mux-tabs--disable-animations .mux-tabs-ink-bar-animated,
.mux-tabs--disable-animations .mux-tabs-nav-wrap::before,
.mux-tabs--disable-animations .mux-tabs-nav-wrap::after {
  animation: none !important;
  transition: none !important;
}
:scope ._7Ifszq_infoVideo{object-fit:cover;pointer-events:none;border-radius:16px;width:90%;height:auto;position:absolute}
.wJUESW_title{justify-content:center;align-items:center;width:100%;height:auto;margin-bottom:1em;display:flex;position:relative}.wJUESW_title span{letter-spacing:4px;font-family:AlimamaShuZhiTiVF-Bold,sans-serif;font-size:4em;font-weight:700;position:absolute}.wJUESW_title img{z-index:-1;position:absolute;transform:scale(.4)translateY(95%)}.wJUESW_creativeSquare{width:100%;height:auto;padding:3% 0;position:relative}.wJUESW_creativeSquare .wJUESW_tabs{height:2.5%;position:relative}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs{background:0 0}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-wrap{justify-content:center}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list{background:0 0;height:3.2em}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list .mux-tabs-tab{border:none;justify-content:center;align-items:center;margin:0 calc(26px - 1em);padding:1em;display:flex}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list .mux-tabs-ink-bar{background:0 0;border:none}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list .mux-tabs-ink-bar:before{box-shadow:none;background:#f7f8fa;top:0;bottom:0}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list .wJUESW_tabName{letter-spacing:0;height:1.4em;font-size:1.4em;font-weight:500}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list .mux-tabs-tab-active .wJUESW_tabName{color:#333;background:#f7f8fa}.wJUESW_creativeSquare .wJUESW_tabs .mux-tabs .mux-tabs-nav-list .mux-tabs-tab:hover{color:#333}.wJUESW_creativeSquare .wJUESW_square{height:97.5%;margin-top:2.5%;display:flex;position:relative}.wJUESW_creativeSquare .wJUESW_square .wJUESW_line{flex:1 0 100px;margin-right:1.6%}:scope .wJUESW_homeLoading{text-align:center;color:#999;width:100%;margin-bottom:30px;font-size:1.2em;position:relative;bottom:0}:scope .wJUESW_loading{text-align:center;color:#999;width:100%;font-size:1.2em;position:absolute;bottom:0;transform:translateY(-100px)}.wJUESW_creativeSquare::-webkit-scrollbar{display:none}.wJUESW_creativeSquare img{-webkit-user-drag:none}@keyframes wJUESW_start{0%{transform:scale(.5)}to{transform:scale(1)}}@font-face{font-family:AlimamaShuZhiTiVF-Bold;src:url("//at.alicdn.com/wf/webfont/biWBbZswfx0C/RncCsnw0GwGa.woff2")format("woff2"),url("//at.alicdn.com/wf/webfont/biWBbZswfx0C/5uy5UHnAWbHS.woff")format("woff");font-display:swap}
:scope .Dy1P5W_card{border-radius:3.5em;margin-bottom:7.5%;position:relative;overflow:hidden}:scope .Dy1P5W_card:hover{background-color:#000}:scope .Dy1P5W_card:hover img{opacity:.6;filter:alpha(opacity=60)}:scope .Dy1P5W_card img{width:100%;height:100%;position:relative}:scope .Dy1P5W_card .Dy1P5W_cardTag{z-index:2;color:#fff;letter-spacing:0;background-color:rgba(0,0,0,.4);border:max(.1em,1px) solid rgba(255,255,255,.2);border-radius:1.3em;justify-content:center;align-items:center;height:2.6em;padding:.7em 0;font-size:1.2em;display:none;position:absolute;right:7%}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart{z-index:5;justify-content:flex-start;align-items:center;width:100%;display:none;position:absolute;left:0;overflow:hidden}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardText{color:#fff;opacity:1;z-index:5;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:3 0 0;max-height:2.4em;margin-left:1.6em;font-size:12px;font-weight:500;line-height:1.2em;display:-webkit-box;top:50%;left:6.25%;overflow:hidden}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_voiceButton{cursor:pointer;background-color:#fff;border-radius:1.2em;flex:0 0 2.8em;justify-content:center;align-items:center;height:2.8em;margin-right:.8em;display:flex}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_voiceButton svg{transform:scale(1.2)}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardButton{flex:2 0 0;height:3.2em}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardButton div{font-size:1.2em}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardTryButton{flex:2 0 0;height:3.2em}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardTryButton div{font-size:1.2em}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardButton{width:7.2em;min-width:7.2em;max-width:7.2em;margin:0 1.8em 0 1.2em}:scope .Dy1P5W_card .Dy1P5W_cardInfoPart .Dy1P5W_cardTryButton{width:6em;min-width:6em;max-width:6em;margin:0 1.6em 0 0}:scope .Dy1P5W_card:hover .Dy1P5W_cardInfoPart{display:flex}:scope .Dy1P5W_card:hover .Dy1P5W_cardTag{display:flex}
.h2aMrq_modalHeader{text-align:center;background:#fff;padding:24px 0;position:relative}.h2aMrq_headerImage{width:150px;height:auto;margin-bottom:16px}.h2aMrq_modalTitle{color:#333;margin:0;font-size:24px}.h2aMrq_timeline{padding:20px 0;position:relative}.h2aMrq_timeline:before{content:"";background:rgba(69,84,229,.2);width:2px;position:absolute;top:0;bottom:0;left:120px}.h2aMrq_timelineItem{align-items:flex-start;margin-bottom:40px;display:flex;position:relative}.h2aMrq_timelineItem:last-child{margin-bottom:0}.h2aMrq_timelineMarker{text-align:right;flex:0 0 120px;padding-right:30px;position:relative}.h2aMrq_timelineMarkerContent{position:relative}.h2aMrq_timelineDot{background:#4554e5;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-36px;transform:translateY(-50%);box-shadow:0 0 0 2px rgba(69,84,229,.2)}.h2aMrq_date{color:#666;font-size:14px}.h2aMrq_timelineItemContent{background:#fff;border-radius:8px;flex:1;margin-left:20px;padding:16px 24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.h2aMrq_content{width:100%}.h2aMrq_header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.h2aMrq_title{color:#333;margin:0;font-size:16px;font-weight:500}.h2aMrq_description{color:#666;margin:0;font-size:14px;line-height:1.6}.h2aMrq_mediaContainer{border-radius:8px;margin-top:16px;overflow:hidden}.h2aMrq_mediaContent{border-radius:8px;width:100%;max-width:100%;display:block}.h2aMrq_buttonContainer{justify-content:center;align-items:center;margin-top:24px;display:flex}
.pgZOja_container{z-index:9;background-color:#fff;flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:2rem;display:flex;position:absolute}.pgZOja_content{width:100%;max-width:1440px;position:relative}.pgZOja_closeButton{z-index:2;position:absolute;top:1rem;right:1rem}.pgZOja_mainTitle{color:#333;text-align:center;margin-bottom:3rem;font-size:2rem;position:relative}.pgZOja_timeline{padding:2rem 0;position:relative}.pgZOja_timelineContent{margin:0 auto}.pgZOja_timelineItem{justify-content:flex-end;margin-bottom:3rem;display:flex;position:relative}.pgZOja_timelineItemContent{width:calc(100% - 200px);padding-right:40px}.pgZOja_timelineMarker{flex-shrink:0;align-items:flex-start;width:200px;padding-top:1.5rem;padding-left:20px;display:flex;position:relative}.pgZOja_timelineMarkerContent{align-items:center;display:flex}.pgZOja_timelineMarker:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:-50px;bottom:-50px;left:31px}.pgZOja_timelineItem:first-child .pgZOja_timelineMarker:before{top:0}.pgZOja_timelineItem:last-child .pgZOja_timelineMarker:before{bottom:0}.pgZOja_timelineDot{z-index:1;background:#6366f1;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin:0 20px 0 6px;position:relative;box-shadow:0 0 0 2px #6366f1}.pgZOja_content{border-radius:12px;padding:1.5rem}.pgZOja_header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.pgZOja_title{color:#1f2937;margin:0;font-size:1.25rem}.pgZOja_description{color:#4b5563;margin:.5rem 0;line-height:1.6}.pgZOja_date{color:#6b7280;white-space:nowrap;padding-top:2px;font-size:.875rem}.pgZOja_mediaContainer{cursor:pointer;background-color:#f3f4f6;border-radius:8px;width:100%;margin:1rem 0;transition:opacity .2s;overflow:hidden}.pgZOja_mediaContainer:hover{opacity:.9}.pgZOja_mediaContent{object-fit:contain;width:100%;height:auto;display:block}video.pgZOja_mediaContent{width:100%}.pgZOja_previewOverlay{z-index:1000;background-color:rgba(0,0,0,.75);justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.pgZOja_previewContent{justify-content:center;align-items:center;max-width:90%;max-height:90vh;display:flex;position:relative}.pgZOja_previewClose{z-index:1001;position:fixed;top:20px;right:20px}.pgZOja_previewMedia{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}video.pgZOja_previewMedia{background-color:#000}
.CJpXkG_banner{background:#e6f1ff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:60px;margin-top:24px;padding:12px 24px;display:flex;position:relative;overflow:hidden}.CJpXkG_content{justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:relative}.CJpXkG_slideContainer{width:100%;height:24px;position:relative;overflow:hidden}.CJpXkG_slideWrapper{flex-direction:column;width:100%;transition:transform .75s;display:flex}.CJpXkG_slide{justify-content:center;align-items:center;gap:12px;min-height:24px;display:flex}.CJpXkG_message{color:#333;font-size:14px}.CJpXkG_link{color:#4554e5;cursor:pointer;align-items:center;gap:4px;font-size:14px;text-decoration:none;display:flex}
.mux-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
  /** ==================== ARROWS ==================== */
}
.mux-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: "";
}
.mux-popover-hidden {
  display: none;
}
.mux-popover-placement-top, .mux-popover-placement-topLeft, .mux-popover-placement-topRight {
  padding-bottom: 8px;
}
.mux-popover-placement-right, .mux-popover-placement-rightTop, .mux-popover-placement-rightBottom {
  padding-left: 8px;
}
.mux-popover-placement-bottom, .mux-popover-placement-bottomLeft, .mux-popover-placement-bottomRight {
  padding-top: 8px;
}
.mux-popover-placement-left, .mux-popover-placement-leftTop, .mux-popover-placement-leftBottom {
  padding-right: 8px;
}
.mux-popover-inner {
  background-color: #FFF;
  color: #333;
  background-clip: padding-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mux-popover {
    /* IE10+ */
  }
  .mux-popover-inner {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
}
.mux-popover-title {
  min-width: 177px;
  min-height: 32px;
  font-size: 14px;
  margin: 0;
  padding: 5px 16px 4px;
  font-weight: 600;
  border-bottom: 1px solid #EFEFEF;
}
.mux-popover-inner-content {
  padding: 12px 16px;
}
.mux-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #333;
  font-size: var(--font-size);
}
.mux-popover-message > .mux-icon {
  position: absolute;
  top: 7.429px;
  color: var(--color-warn);
  font-size: 12px;
}
.mux-popover-message-title {
  padding-left: 20px;
}
.mux-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.mux-popover-buttons button {
  margin-left: 8px;
}
.mux-popover-arrow {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  pointer-events: none;
}
.mux-popover-arrow-content {
  position: absolute;
  width: 0px;
  height: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  background: transparent;
}
.mux-popover-arrow-content-border {
  position: absolute;
  top: 1px;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: translateX(-5px) rotate(45deg);
  border-top: 1px solid var(--color-border);
  border-left: 1px solid var(--color-border);
}
.mux-popover-placement-top .mux-popover-arrow, .mux-popover-placement-topLeft .mux-popover-arrow, .mux-popover-placement-topRight .mux-popover-arrow {
  bottom: 0;
}
.mux-popover-placement-top .mux-popover-arrow-content, .mux-popover-placement-topLeft .mux-popover-arrow-content, .mux-popover-placement-topRight .mux-popover-arrow-content {
  transform: translateY(4px) rotate(180deg);
}
.mux-popover-placement-top .mux-popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.mux-popover-placement-topLeft .mux-popover-arrow {
  left: 13px;
}
.mux-popover-placement-topRight .mux-popover-arrow {
  right: 13px;
}
.mux-popover-placement-right .mux-popover-arrow, .mux-popover-placement-rightTop .mux-popover-arrow, .mux-popover-placement-rightBottom .mux-popover-arrow {
  left: 0;
}
.mux-popover-placement-right .mux-popover-arrow-content, .mux-popover-placement-rightTop .mux-popover-arrow-content, .mux-popover-placement-rightBottom .mux-popover-arrow-content {
  transform: translateX(-3px) rotate(-90deg);
}
.mux-popover-placement-right .mux-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.mux-popover-placement-rightTop .mux-popover-arrow {
  top: 5px;
}
.mux-popover-placement-rightBottom .mux-popover-arrow {
  bottom: 5px;
}
.mux-popover-placement-left .mux-popover-arrow, .mux-popover-placement-leftTop .mux-popover-arrow, .mux-popover-placement-leftBottom .mux-popover-arrow {
  right: 0;
}
.mux-popover-placement-left .mux-popover-arrow-content, .mux-popover-placement-leftTop .mux-popover-arrow-content, .mux-popover-placement-leftBottom .mux-popover-arrow-content {
  transform: translateX(3px) rotate(90deg);
}
.mux-popover-placement-left .mux-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.mux-popover-placement-leftTop .mux-popover-arrow {
  top: 5px;
}
.mux-popover-placement-leftBottom .mux-popover-arrow {
  bottom: 5px;
}
.mux-popover-placement-bottom .mux-popover-arrow, .mux-popover-placement-bottomLeft .mux-popover-arrow, .mux-popover-placement-bottomRight .mux-popover-arrow {
  top: 0;
}
.mux-popover-placement-bottom .mux-popover-arrow-content, .mux-popover-placement-bottomLeft .mux-popover-arrow-content, .mux-popover-placement-bottomRight .mux-popover-arrow-content {
  transform: translateY(-4px) rotate(0);
}
.mux-popover-placement-bottom .mux-popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.mux-popover-placement-bottomLeft .mux-popover-arrow {
  left: 13px;
}
.mux-popover-placement-bottomRight .mux-popover-arrow {
  right: 13px;
}

/** ==================== ANIMATION ==================== */
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: muxZoomBigIn;
  animation-play-state: running;
}

.zoom-big-leave.zoom-big-leave-active {
  animation-name: muxZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-big-enter-prepare,
.zoom-big-appear-prepare {
  transform: none;
}

.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@keyframes muxZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes muxZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
.V3bvwa_tokenNumber{align-items:center;margin-left:8px;display:flex}.V3bvwa_free{color:#fff;background-color:#ffa53d;border-radius:8px;width:52px;height:16px;font-size:11px;line-height:16px;position:absolute;top:-10px;right:0}.V3bvwa_balance{background:rgba(255,255,255,.8);border:1px solid #f0f2f5;border-radius:19px;justify-content:center;align-items:center;height:32px;padding:0 8px 0 6px;display:flex}.V3bvwa_balance>button{padding:0 6px 0 8px}.V3bvwa_tokenText{color:#4554e5;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:400;display:inline-flex}.V3bvwa_tokenText svg{color:#6c6cff;background-image:linear-gradient(-49deg,#3e3eff 0%,#6c6cff 100%);-webkit-background-clip:text;background-clip:text;width:16px;height:16px}.V3bvwa_tokenPopDisplay{width:200px}.V3bvwa_tokenPopDisplay .V3bvwa_title{color:#666;margin-bottom:4px}.V3bvwa_tokenPopDisplay .V3bvwa_token{color:#333;justify-content:space-between;display:flex}.V3bvwa_tokenPopDisplay .V3bvwa_tokenspan{align-items:center;display:flex}.V3bvwa_tokenPopDisplay .V3bvwa_tokenDesc{color:#999;font-size:10px}.V3bvwa_tokenPopDisplay .V3bvwa_dailyGift{margin-top:8px}.V3bvwa_rechargeModal .mux-modal-close{top:-10px;right:-10px}.V3bvwa_rechargeModal .V3bvwa_left{background-repeat:no-repeat;background-size:cover;border-radius:16px 0 0 16px;width:258px;height:442px}.V3bvwa_rechargeModal .V3bvwa_right{flex:1;padding:24px}.V3bvwa_rechargeModal .V3bvwa_right .V3bvwa_tokenSelect{justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:24px;display:flex}.V3bvwa_rechargeModal .V3bvwa_right .V3bvwa_tokenRecharge{background-color:#f0f2f5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:183px;display:flex;position:relative}.V3bvwa_rechargeModal .V3bvwa_right .V3bvwa_tokenRecharge .V3bvwa_tokenRechargeText{margin-bottom:12px}.V3bvwa_rechargeModal .V3bvwa_right .V3bvwa_tokenRecharge .V3bvwa_tokenRechargeMessage{color:#333;margin-bottom:24px;font-size:12px;line-height:24px}.V3bvwa_rechargeModal .V3bvwa_right .V3bvwa_tokenRecharge .V3bvwa_tokenRechargeDoc{position:absolute;bottom:20px;right:20px}.V3bvwa_rechargeModal .V3bvwa_right .V3bvwa_tokenRechargeNotAccess{padding:32px;display:block}.V3bvwa_mamaSkuCard{cursor:pointer;background-image:url("https://img.alicdn.com/imgextra/i2/O1CN01oVlzSD1PWtOYNCInx_!!6000000001849-0-tps-600-468.jpg");background-repeat:no-repeat;background-size:cover;border:1px solid #f0f2f5;border-radius:12px;width:202px;height:155px;position:relative}.V3bvwa_mamaSkuCard .V3bvwa_title{color:#4554e5;justify-content:center;align-items:center;gap:4px;margin-top:20px;font-size:16px;display:flex}.V3bvwa_mamaSkuCard .V3bvwa_title .V3bvwa_titleText{color:#666}.V3bvwa_mamaSkuCard .V3bvwa_price{color:#333;justify-content:center;align-items:baseline;margin-top:0;font-weight:500;display:flex}.V3bvwa_mamaSkuCard .V3bvwa_price .V3bvwa_priceIcon{font-size:26px}.V3bvwa_mamaSkuCard .V3bvwa_price .V3bvwa_priceNumber{font-size:40px}.V3bvwa_mamaSkuCard .V3bvwa_price .V3bvwa_regularPriceNumber{color:#9c9ca4;margin-left:4px;font-size:12px;font-weight:400;text-decoration:line-through}.V3bvwa_mamaSkuCard .V3bvwa_desc{color:#666;justify-content:center;align-items:baseline;font-size:12px;display:flex}.V3bvwa_mamaSkuCard .V3bvwa_desc .V3bvwa_descHighlight{color:#333;font-weight:500}.V3bvwa_mamaSkuCard .V3bvwa_unit{color:#666;justify-content:center;align-items:baseline;gap:8px;margin-top:8px;font-size:12px;display:flex}.V3bvwa_mamaSkuCard .V3bvwa_unit .V3bvwa_divide{background-color:rgba(255,255,255,.5);width:1px;height:10px}.V3bvwa_mamaSkuCard .V3bvwa_discountTag{color:#fff;background-color:#d8d8d8;background-image:linear-gradient(-74deg,#2e55fc 0%,#6c6cff 53%,#79e9ff 100%);border-radius:8px;padding:2px 8px;position:absolute;top:-16px;right:-12px}.V3bvwa_mamaSkuCardSelected{background-image:url("https://img.alicdn.com/imgextra/i4/O1CN01FYEdTw1DxClAMD8Lb_!!6000000000282-2-tps-600-468.png");border:1px solid #6c6cff;box-shadow:5px 7px 37px rgba(32,97,255,.26),inset -1px 5px 11px 2px rgba(255,255,255,.83)}.V3bvwa_mamaSkuCardSelected .V3bvwa_title .V3bvwa_titleText{color:#4554e5}.V3bvwa_mamaSkuCardSelected .V3bvwa_priceIcon{color:#4554e5}.V3bvwa_mamaSkuCardSelected .V3bvwa_priceNumber{color:#4554e5}.V3bvwa_mamaSkuCardSelected .V3bvwa_desc .V3bvwa_descHighlight{color:#4554e5}.V3bvwa_mamaSkuCardSelected .V3bvwa_unit{color:#4554e5}
.aqpNhq_header{box-sizing:border-box;background:#fff;justify-content:flex-end;height:60px;padding:0 12px;display:flex;position:absolute;right:0}.aqpNhq_header .aqpNhq_creativeToolHeader{flex:1;align-items:center;height:60px;line-height:60px;display:flex}.aqpNhq_header .aqpNhq_creativeToolHeader .aqpNhq_batchButton{color:#333;align-items:center;width:100px;font-size:12px;font-weight:400;display:flex}.aqpNhq_header .aqpNhq_creativeToolHeader button{margin-left:16px}.aqpNhq_header .aqpNhq_historyButton{align-items:center;display:flex}.aqpNhq_header .aqpNhq_historyButton button{margin:0 16px 0 0}
.asR3oG_feedback{background-color:rgba(255,255,255,.384);border:1px solid rgba(255,255,255,.23);border-radius:38px;flex-direction:column;justify-content:space-around;align-items:center;width:36px;height:85px;display:flex}.asR3oG_feedback .asR3oG_option{color:#fff;cursor:pointer;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:relative}.asR3oG_feedback .asR3oG_option .asR3oG_zan2{opacity:0;position:absolute}.asR3oG_feedback .asR3oG_option .asR3oG_cai2{opacity:0;position:absolute}.asR3oG_feedback .asR3oG_option:hover .asR3oG_zan2{opacity:1}.asR3oG_feedback .asR3oG_option:hover .asR3oG_cai2{opacity:1}.asR3oG_feedback .asR3oG_feedbackPanel{color:#333;flex-direction:column;width:150px;height:100px;font-size:12px;font-weight:400;line-height:12px;display:flex}.asR3oG_checkboxGroup .mux-checkbox-label{padding:5px 0 5px 4px}.asR3oG_popover .mux-popover-title{width:222px}.asR3oG_mattingFeedback{background-color:#fff;border:1px solid rgba(153,153,153,.23);border-radius:38px;align-items:center;height:45px;padding:0 16px;display:flex;position:absolute;top:160px;right:1em}.asR3oG_mattingFeedback .asR3oG_option{color:inherit}.asR3oG_handsFixFeedbackButton{background-color:#fff;border:1px solid rgba(153,153,153,.23);border-radius:38px;align-items:center;width:auto;height:45px;padding:0 16px;display:flex}.asR3oG_handsFixFeedbackButton .asR3oG_option{color:inherit}.asR3oG_videoFeedbackButton{background-color:rgba(255,255,255,.5);border:1px solid rgba(153,153,153,.23);border-radius:38px;align-items:center;width:auto;height:35px;padding:0 16px;display:flex;position:absolute;bottom:20px;right:40px}.asR3oG_videoFeedbackButton .asR3oG_option{color:inherit}.asR3oG_evaluateButton{color:#fff;cursor:pointer;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.asR3oG_evaluateButton .asR3oG_active{opacity:0;position:absolute}.asR3oG_evaluateButton .asR3oG_active:hover{opacity:1}.asR3oG_whistleblow{color:#fff;cursor:pointer;background-color:rgba(255,255,255,.2);border:1px solid #fff;border-radius:18px;justify-content:center;align-items:center;width:16px;height:16px;font-weight:700;display:flex}.asR3oG_whistleblow:hover{background-color:rgba(255,35,0,.5)}.asR3oG_alreadyWhistleblow{color:#fff;cursor:not-allowed;background-color:#ff2300;border:1px solid #fff;border-radius:18px;justify-content:center;align-items:center;width:16px;height:16px;font-weight:700;display:flex}
.mux-popConfirm-content {
  overflow: hidden;
  padding: 2px 5px 5px 5px;
}
.mux-popConfirm-content-main {
  vertical-align: middle;
}
.mux-popConfirm-content-button {
  float: right;
  margin-top: 15px;
}
.mux-popConfirm-content-ok-button {
  margin-right: 5px;
}
.mux-popConfirm-content-icon {
  margin-right: 5px;
}

.mux-popConfirm-type-error {
  color: var(--color-red);
}
.mux-popConfirm-type-success {
  color: #7BCA31;
}
.mux-popConfirm-type-warn {
  color: #FFB400;
}
.mux-popConfirm-type-info {
  color: #4D7FFF;
}
.YapFFa_handsFixModal{max-height:100%}.YapFFa_handsFixModal .mux-modal-content{height:100%}.YapFFa_handsFixModal .mux-modal-body{height:calc(100% - 120px);padding:0;overflow:hidden}.YapFFa_handsFixModal .YapFFa_handsFixPanel{width:100%;height:100%;display:flex}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_display{background:#fff;border-right:1px solid #e4e7f0;flex-direction:column;justify-content:space-between;align-items:center;width:400px;min-width:400px;height:100%;display:flex}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_display .mux-banner-inner{line-height:16px}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_display .YapFFa_imgWrapper{justify-content:center;align-items:center;width:auto;max-width:95%;height:calc(100% - 200px);display:flex;overflow:hidden}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_display .YapFFa_imgWrapper>img{border-radius:16px;max-width:100%;max-height:100%}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_display .YapFFa_feedback{background:#000;width:100%;height:50px;margin:16px 32px}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_handsGruop{background:#f8f9fa;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:800px;height:100%;display:flex;overflow:auto}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_handsGruop .YapFFa_fixLoading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_handsGruop .YapFFa_fixLoading .YapFFa_loadingIcon{margin:10px}.YapFFa_handsFixModal .YapFFa_handsFixPanel .YapFFa_handsGruop .YapFFa_fixLoading .YapFFa_loadingText{color:#000;font-size:12px}.YapFFa_handsFixedList{flex-direction:column;width:800px;margin:20px 0;padding:0 40px;display:flex}.YapFFa_handsFixedList .YapFFa_title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.YapFFa_handsFixedList .YapFFa_list{column-gap:16px;display:flex}.YapFFa_handsFixedList .YapFFa_list .YapFFa_imageWrapper{cursor:pointer;border-radius:8px;width:163px;height:163px;position:relative}.YapFFa_handsFixedList .YapFFa_list .YapFFa_imageWrapper>img{border-radius:8px;width:161px;height:161px;position:absolute}.YapFFa_handsFixedList .YapFFa_list .YapFFa_imageWrapper:hover{border:1px solid #3325d4}.YapFFa_handsFixedList .YapFFa_list .YapFFa_imageWrapper .mux-radio-container{position:absolute;top:3px;left:4px}.YapFFa_handsFixFeedbackButton{background-color:#fff;border:1px solid rgba(153,153,153,.23);border-radius:38px;align-items:center;width:auto;height:45px;padding:0 16px;display:flex}
/*# sourceMappingURL=https://agi.daily.taobao.net:6001/sourceMap/home.e6e3ced0.css.map */