*{margin:0;padding:0;box-sizing:border-box}ul,ol,li{list-style:none}a{font-size:2rem;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{font-size:1.3rem;font-weight:normal}html,body{height:100%;background:#f7f7f7;line-height:1.4;font-family:PingFang-SC-Regular}#app{height:100%}
.app .bt{display:flex;justify-content:flex-start;align-items:center;bottom:calc(0px + 8.5rem);bottom:calc(constant(safe-area-inset-bottom) + 8.5rem);bottom:calc(env(safe-area-inset-bottom) + 8.5rem);z-index:1;position:fixed;opacity:.7;background:#000;border-radius:1.8rem;font-size:1.5rem;color:#fff;height:3.3rem;width:7.6rem;line-height:3.3rem;left:0.8rem;padding-top:.5px}.app .bt svg{margin-bottom:.5px;margin-left:1.2rem}.entrance{overflow-y:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100vh}.entrance>div:first-child{flex:1;overflow-y:auto}.entrance .bottomTabs{height:6rem;width:100%}.entrance .bottomTabs .adm-tabs{height:100%;--active-line-height: 0px}.entrance .bottomTabs .adm-tabs .adm-tabs-header{box-shadow:0px -2px 3px 0px rgba(218,218,218,.31);border-bottom:none}.entrance .bottomTabs .adm-tabs .adm-tabs-header .adm-tabs-tab-list{display:flex;justify-content:space-between;align-items:center}.entrance .bottomTabs .adm-tabs .adm-tabs-header .adm-tabs-tab-list .adm-tabs-tab-wrapper.adm-tabs-tab-wrapper-stretch{width:12.5rem}.entrance .bottomTabs .adm-tabs .adm-tabs-tab{padding:0px 0 0.8rem;color:#a6a6a6;font-family:PingFangSC-Medium;font-weight:500;font-weight:var(--bold, 500)}.entrance .bottomTabs .adm-tabs .adm-tabs-tab .tab{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:1.2rem;line-height:1.7rem}.entrance .bottomTabs .adm-tabs .adm-tabs-tab .tab>span{position:relative;bottom:5px}.entrance .bottomTabs .adm-tabs .adm-tabs-tab-active{color:#23a8ff}
:root {
  --adm-radius-s: 4px;
  --adm-radius-m: 0.8rem;
  --adm-radius-l: 1.2rem;
  --adm-font-size-1: 0.9rem;
  --adm-font-size-2: 1rem;
  --adm-font-size-3: 1.1rem;
  --adm-font-size-4: 1.2rem;
  --adm-font-size-5: 1.3rem;
  --adm-font-size-6: 1.4rem;
  --adm-font-size-7: 1.5rem;
  --adm-font-size-8: 1.6rem;
  --adm-font-size-9: 1.7rem;
  --adm-font-size-10: 1.8rem;
  --adm-color-primary: #1677ff;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-white: #ffffff;
  --adm-color-text: #333333;
  --adm-color-text-secondary: #666666;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-color-border: #eeeeee;
  --adm-color-box: #f5f5f5;
  --adm-color-background: #ffffff;
  --adm-font-size-main: var(--adm-font-size-5);
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme='dark'] {
  --adm-color-primary: #3086ff;
  --adm-color-success: #34b368;
  --adm-color-warning: #ffa930;
  --adm-color-danger: #ff4a58;
  --adm-color-text: #e6e6e6;
  --adm-color-text-secondary: #b3b3b3;
  --adm-color-weak: #808080;
  --adm-color-light: #4d4d4d;
  --adm-color-border: #2b2b2b;
  --adm-color-box: #0a0a0a;
  --adm-color-background: #1a1a1a;
  --adm-border-color: var(--adm-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  color: #333333;
  color: var(--adm-color-text);
  font-size: 1.3rem;
  font-size: var(--adm-font-size-main);
  font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  font-family: var(--adm-font-family);
}
a,
button {
  cursor: pointer;
}
a {
  color: #1677ff;
  color: var(--adm-color-primary);
  transition: opacity ease-in-out 0.2s;
}
a:active {
  opacity: 0.8;
}
.adm-plain-anchor {
  color: inherit;
  transition: none;
}
.adm-plain-anchor:active {
  opacity: 1;
  opacity: initial;
}
body.adm-overflow-hidden {
  overflow: hidden !important;
}
div.adm-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  right: -100vw;
  bottom: -100vh;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

.adm-button {
  --color: var(--adm-color-white);
  --text-color: var(--adm-button-text-color, var(--adm-color-text));
  --background-color: var(--adm-button-background-color, var(--adm-color-background));
  --border-radius: var(--adm-button-border-radius, 4px);
  --border-width: var(--adm-button-border-width, 1px);
  --border-style: var(--adm-button-border-style, solid);
  --border-color: var(--adm-button-border-color, var(--adm-color-border));
  color: var(--text-color);
  background-color: var(--background-color);
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: auto;
  padding: 0.7rem 1.2rem;
  margin: 0;
  font-size: var(--adm-font-size-9);
  line-height: 1.4;
  text-align: center;
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: opacity ease 0.15s;
  -webkit-user-select: none;
          user-select: none;
}
.adm-button:focus {
  outline: none;
}
.adm-button::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
  width: 100%;
  height: 100%;
  background-color: #000;
  border: var(--border-width) var(--border-style) #000;
  border-radius: var(--border-radius);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.adm-button:active::before {
  opacity: 0.08;
}
.adm-button-default.adm-button-fill-outline {
  --background-color: transparent;
  --border-color: var(--adm-color-text);
}
.adm-button-default.adm-button-fill-none {
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button:not(.adm-button-default) {
  --text-color: var(--adm-color-white);
  --background-color: var(--color);
  --border-color: var(--color);
}
.adm-button:not(.adm-button-default).adm-button-fill-outline {
  --text-color: var(--color);
  --background-color: transparent;
}
.adm-button:not(.adm-button-default).adm-button-fill-none {
  --text-color: var(--color);
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button-primary {
  --color: var(--adm-color-primary);
}
.adm-button-success {
  --color: var(--adm-color-success);
}
.adm-button-danger {
  --color: var(--adm-color-danger);
}
.adm-button-warning {
  --color: var(--adm-color-warning);
}
.adm-button-block {
  display: block;
  width: 100%;
}
.adm-button-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.adm-button-disabled:active::before {
  display: none;
}
.adm-button.adm-button-mini {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-main);
}
.adm-button.adm-button-mini.adm-button-shape-rounded {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.adm-button.adm-button-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-7);
}
.adm-button.adm-button-large {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  font-size: var(--adm-font-size-10);
}
.adm-button.adm-button-shape-rounded {
  --border-radius: 100rem;
}
.adm-button.adm-button-shape-rectangular {
  --border-radius: 0;
}
.adm-button-loading {
  vertical-align: bottom;
}
.adm-button-loading-wrapper {
  display: flex;
  height: 1.4em;
  align-items: center;
  justify-content: center;
}
.adm-button-loading-wrapper > .adm-loading {
  opacity: 0.6;
}

.adm-dot-loading {
  display: inline-block;
}

.adm-checkbox {
  --icon-size: 2.2rem;
  --font-size: var(--adm-font-size-9);
  --gap: 0.8rem;
  display: inline-flex;
  vertical-align: text-bottom;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.adm-checkbox input {
  display: none;
}
.adm-checkbox .adm-checkbox-icon {
  flex: none;
  border: 1px solid var(--adm-color-light);
  border-radius: var(--icon-size);
  box-sizing: border-box;
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--adm-color-white);
}
.adm-checkbox .adm-checkbox-icon > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.adm-checkbox.adm-checkbox-block {
  display: flex;
}
.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
  border-color: var(--adm-color-primary);
  background-color: var(--adm-color-primary);
}
.adm-checkbox.adm-checkbox-disabled {
  cursor: not-allowed;
}
.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
  opacity: 0.4;
}
.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
  color: #b7b7b7;
  border-color: var(--adm-color-light);
  background-color: var(--adm-color-box);
}
.adm-checkbox .adm-checkbox-custom-icon {
  font-size: var(--icon-size);
}
.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
  background-color: var(--adm-color-background);
  color: var(--adm-color-primary);
}
.adm-checkbox-content {
  flex: 0 1 auto;
  font-size: var(--font-size);
  padding-left: var(--gap);
}

.adm-form {
  --border-inner: solid 1px var(--adm-border-color);
  --border-top: solid 1px var(--adm-border-color);
  --border-bottom: solid 1px var(--adm-border-color);
  --prefix-width: 6.8em;
  ---border-inner: var(--border-inner);
  ---border-top: var(--border-top);
  ---border-bottom: var(--border-bottom);
  ---prefix-width: var(--prefix-width);
}
.adm-form .adm-list.adm-list {
  --padding-left: 1.6rem;
  --padding-right: 1.2rem;
  --border-inner: var(---border-inner);
  --border-top: var(---border-top);
  --border-bottom: var(---border-bottom);
}
.adm-form .adm-form-footer {
  padding: 2rem 1.2rem;
}
.adm-form .adm-form-item-horizontal.adm-list-item {
  --prefix-width: var(---prefix-width);
}
.adm-form-list-operation {
  text-align: center;
  color: #1677ff;
}
.adm-form-item + .adm-form-item {
  border-top: none;
}
.adm-form-item-label {
  display: block;
  height: 100%;
  line-height: 1.5;
  box-sizing: border-box;
  position: relative;
  color: var(--adm-color-text-secondary);
}
.adm-form-item-label .adm-form-item-required-asterisk {
  position: absolute;
  left: -0.6em;
  top: 0;
  font-family: SimSun, sans-serif;
  color: var(--adm-color-danger);
  -webkit-user-select: none;
          user-select: none;
}
.adm-form-item-label .adm-form-item-required-text {
  margin-left: 4px;
  color: var(--adm-color-weak);
}
.adm-form-item-label-help {
  margin-left: 4px;
  cursor: pointer;
}
.adm-form-item-child {
  display: flex;
}
.adm-form-item-child-position-normal {
  justify-content: normal;
}
.adm-form-item-child-position-normal > * {
  flex: auto;
}
.adm-form-item-child-position-right {
  justify-content: flex-end;
}
.adm-form-item-child-position-right > * {
  flex: none;
}
.adm-form-item-feedback-error {
  color: var(--adm-color-danger);
  margin-top: 4px;
}
.adm-form-item-feedback-warning {
  color: var(--adm-color-warning);
  margin-top: 4px;
}
.adm-form-item.adm-form-item-hidden {
  display: none;
}
.adm-form-item.adm-form-item-horizontal.adm-list-item {
  --align-items: stretch;
}
.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
  align-self: center;
}
.adm-form-item.adm-form-item-vertical .adm-form-item-label {
  font-size: var(--adm-font-size-7);
  margin-bottom: 4px;
}

.adm-list {
  --header-font-size: var(--adm-font-size-7);
  --prefix-width: 'auto';
  --prefix-padding-right: 1.2rem;
  --align-items: center;
  --active-background-color: var(--adm-color-border);
  --border-inner: solid 1px var(--adm-color-border);
  --border-top: solid 1px var(--adm-color-border);
  --border-bottom: solid 1px var(--adm-color-border);
  --padding-left: 1.2rem;
  --padding-right: 1.2rem;
  --font-size: var(--adm-font-size-9);
  --extra-max-width: 70%;
}
.adm-list-header {
  color: var(--adm-color-weak);
  font-size: var(--header-font-size);
  padding: 0.8rem var(--padding-right) 0.8rem var(--padding-left);
}
.adm-list-body {
  background-color: var(--adm-color-background);
  overflow: hidden;
  font-size: var(--font-size);
}
.adm-list-body-inner {
  margin-top: -1px;
}
.adm-list-default .adm-list-body {
  border-top: var(--border-top);
  border-bottom: var(--border-bottom);
}
.adm-list-card {
  margin: 1.2rem;
}
.adm-list-card .adm-list-body {
  border-radius: 0.8rem;
}
.adm-list-card .adm-list-header {
  padding-left: 0;
}
.adm-list-item {
  display: block;
  padding-left: var(--padding-left);
  position: relative;
  background-color: var(--adm-color-background);
  line-height: 1.5;
}
.adm-list-item-title,
.adm-list-item-description {
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
}
.adm-list-item-content {
  display: flex;
  align-items: var(--align-items);
  justify-content: flex-start;
  border-top: var(--border-inner);
  padding-right: var(--padding-right);
}
.adm-list-item-content-prefix {
  width: var(--prefix-width);
  flex: none;
  padding-right: var(--prefix-padding-right);
}
.adm-list-item-content-main {
  flex: auto;
  padding: 1.2rem 0;
}
.adm-list-item-content-extra {
  flex: none;
  padding-left: 1.2rem;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-weak);
  max-width: var(--extra-max-width);
}
.adm-list-item-content-arrow {
  flex: none;
  display: flex;
  align-items: center;
  margin-left: 4px;
  color: var(--adm-color-light);
  font-size: 1.9rem;
}
.adm-list-item-disabled {
  cursor: not-allowed;
}
.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
  opacity: 0.4;
  pointer-events: none;
}
a.adm-list-item:active:not(.adm-list-item-disabled) {
  background-color: var(--active-background-color);
}
a.adm-list-item:active:not(.adm-list-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: var(--border-inner);
}

.adm-popover {
  --z-index: var(--adm-popover-z-index, 1030);
  --background: #ffffff;
  --arrow-size: 0.8rem;
  --content-padding: 0.8rem 1.2rem;
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
          user-select: text;
  animation: none;
}
.adm-popover.adm-popover-dark {
  --background: rgba(0, 0, 0, 0.75);
  --adm-color-text: #ffffff;
  color: #ffffff;
}
.adm-popover.adm-popover-dark .adm-popover-inner {
  box-shadow: none;
}
.adm-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.adm-popover-hidden {
  display: none;
}
.adm-popover-inner {
  background-color: var(--background);
  background-clip: padding-box;
  border-radius: 0.8rem;
  box-shadow: 0 0 3rem 0 rgba(51, 51, 51, 0.2);
  font-size: var(--adm-font-size-7);
  width: -webkit-max-content;
  width: max-content;
  min-width: 3.2rem;
  max-width: calc(100vw - 2.4rem);
  overflow-y: hidden;
}
.adm-popover-inner-content {
  padding: var(--content-padding);
}
.adm-popover-arrow {
  position: absolute;
  display: block;
  height: var(--arrow-size);
  width: var(--arrow-size);
  overflow: visible;
  background: transparent;
}
.adm-popover-arrow-icon {
  display: block;
  height: var(--arrow-size);
  width: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));
}
.adm-popover .adm-popover-arrow {
  color: var(--background);
}

.adm-popover-menu {
  --border-color: #eeeeee;
}
.adm-popover-menu.adm-popover {
  --content-padding: 0;
}
.adm-popover-menu-list {
  overflow: hidden;
  min-width: 12rem;
}
.adm-popover-menu-list-inner {
  margin-top: -1px;
}
.adm-popover-menu-item {
  display: flex;
  padding-left: 2rem;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.adm-popover-menu-item-icon {
  flex: none;
  padding-right: 0.8rem;
  font-size: 2rem;
}
.adm-popover-menu-item-text {
  flex: auto;
  padding: 1.4rem 2rem 1.4rem 0;
  border-top: solid 1px var(--border-color);
}
.adm-popover-menu-item-disabled {
  cursor: not-allowed;
}
.adm-popover-menu-item-disabled > * {
  opacity: 0.4;
}
.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
  background-color: var(--border-color);
}
.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: solid 1px var(--border-color);
}
.adm-popover.adm-popover-dark.adm-popover-menu {
  --border-color: #333333;
  --background: rgba(0, 0, 0, 0.9);
}

.adm-image {
  --width: var(--adm-image-width, auto);
  --height: var(--adm-image-height, auto);
  width: var(--width);
  height: var(--height);
  display: block;
  overflow: hidden;
}
.adm-image-img {
  width: 100%;
  height: 100%;
}
.adm-image-tip {
  position: relative;
  background-color: var(--adm-color-box);
  height: 100%;
  min-height: 2.4rem;
  min-width: 2.4rem;
}
.adm-image-tip > svg {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--adm-color-weak);
}

.adm-input {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --text-align: left;
  --background-color: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 2.4rem;
  background-color: var(--background-color);
}
.adm-input-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.adm-input-element {
  flex: auto;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  background: transparent;
  border: 0;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  min-height: 1.5em;
  text-align: var(--text-align);
}
.adm-input-element::placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element:-webkit-autofill {
  background-color: transparent;
}
.adm-input-element:read-only {
  cursor: default;
}
.adm-input-element:invalid {
  box-shadow: none;
}
.adm-input-element::-ms-clear {
  display: none;
}
.adm-input-element::-ms-reveal {
  display: none;
}
.adm-input-element::-webkit-search-cancel-button {
  display: none;
}
.adm-input-element::-webkit-search-decoration {
  display: none;
}
.adm-input-element:disabled {
  opacity: 1;
}
.adm-input-element[type='date'],
.adm-input-element[type='time'],
.adm-input-element[type='datetime-local'] {
  min-height: 1.5em;
}
.adm-input-element[type='search'] {
  -webkit-appearance: none;
}
.adm-input-element[readonly] {
  pointer-events: none;
}
.adm-input-clear {
  flex: none;
  margin-left: 0.8rem;
  color: var(--adm-color-light);
  padding: 4px;
  cursor: pointer;
}
.adm-input-clear:active {
  color: var(--adm-color-weak);
}
.adm-input-clear .antd-mobile-icon {
  display: block;
  font-size: var(--adm-font-size-7);
}

.adm-toast-mask .adm-toast-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.adm-toast-mask .adm-toast-main {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 20.4rem;
  max-height: 70%;
  overflow: auto;
  color: white;
  word-break: break-all;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.8rem;
  pointer-events: all;
  font-size: var(--adm-font-size-7);
  line-height: 1.5;
  box-sizing: border-box;
}
.adm-toast-mask .adm-toast-main-text {
  padding: 1.2rem;
  min-width: 0px;
}
.adm-toast-mask .adm-toast-main-icon {
  padding: 3.5rem 1.2rem;
  min-width: 15rem;
}
.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
  text-align: center;
  margin-bottom: 0.8rem;
  font-size: 3.6rem;
  line-height: 1;
}
.adm-toast-loading {
  --size: 4.8rem;
  margin: 0 auto 0.8rem;
}

.adm-mask {
  --z-index: var(--adm-mask-z-index, 1000);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  display: block;
  width: 100%;
  height: 100%;
}
.adm-mask-aria-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.adm-mask-content {
  z-index: 1;
}

.adm-auto-center {
  display: flex;
  justify-content: center;
}
.adm-auto-center-content {
  flex: 0 1 auto;
}

.adm-spin-loading {
  --color: var(--adm-color-weak);
  --size: 3.2rem;
  width: var(--size);
  height: var(--size);
}
.adm-spin-loading-svg {
  width: 100%;
  height: 100%;
  animation: adm-spin-loading-rotate 0.8s infinite linear;
}
.adm-spin-loading-svg > .adm-spin-loading-fill {
  stroke: var(--color);
}
@keyframes adm-spin-loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.adm-form-horizontal .adm-list-item-content-prefix{padding-top:1.4rem;padding-bottom:1.3rem}.adm-form .adm-form-item-label{line-height:2.1rem;height:auto}.adm-form .adm-list.adm-list{--padding-left: 1.6rem;--padding-right: 1.6rem}.adm-form .adm-list-item-content-main{display:block;line-height:2.1rem;padding-top:1.4rem;padding-bottom:1.3rem}.adm-form .adm-input-element{line-height:2.1rem;min-height:2.1rem}.adm-form .adm-text-area-element{line-height:2.1rem;min-height:2.1rem}
.adm-input{--font-size: 1.5rem;--placeholder-color: #d4d4d4}

.login{height:100vh;background:linear-gradient(to top, #ffffff 58%, #297aff 100%);padding-top:7.2rem}.login .login-form .adm-input{min-height:auto}.login .login-form .adm-list-item-content-prefix{background-color:#f4f7ff;display:flex;align-items:center;justify-content:center;padding:0;border-top-left-radius:5px;border-bottom-left-radius:5px}.login .login-form .adm-list-item-content-prefix .adm-image{margin:0 auto}.login .subTab{text-align:center;line-height:8rem}.login .subTab span{display:inline-block;margin:0 auto}.login .tabs{font-size:1.6rem;margin:3.8rem 0 3rem 1.2rem;color:#666}.login .tabs .actived{font-size:2.2rem;color:#333}.login .loginLogo{padding:0 2rem;display:flex;align-items:center}.login .loginLogo .adm-image{width:6.3rem;height:3.8rem}.login .loginLogo .logoWel{padding-left:1.6rem;font-weight:400;font-size:1.6rem;color:#fff;line-height:2.3rem;opacity:.7}.login .adm-form{margin:1.8rem 2rem 0;background-color:#fff;padding:0.6rem 2.2rem 0;border-radius:3.2rem}.login .adm-form .adm-list-item{padding-left:0}.login .adm-form .adm-list-body{border:none}.login .adm-form .adm-list-body .adm-list-item-content{border:none;padding-right:0}.login .adm-form .adm-list-body .adm-list-item-content .adm-list-item-content-main{padding-top:0;padding-bottom:0}.login .adm-form .adm-list-body .adm-list-item-content .adm-form-item-child{height:5rem;border-radius:5px;padding:1.5rem 0;line-height:5rem;background-color:#f4f7ff}.login .adm-form .adm-list-body .adm-list-item-content .adm-input{padding-left:1.5rem;--placeholder-color: #b3b3b3}.login .adm-form .adm-list-body .adm-list-item-content .adm-input .adm-input-element{background-color:#f4f7ff}.login .adm-form .adm-list-body .label{margin-top:3.2rem;padding-left:1rem;margin-bottom:1.5rem;font-size:1.5rem;color:#333}.login .authCode{margin-top:2.6rem}.login .authCode .adm-form-item-child{border-radius:5px 0 0 5px !important}.login .authCode .adm-list-item-content-extra{height:5rem;padding:1.5rem 1rem;border-radius:0 5px 5px 0;margin-top:1px;background-color:#f4f7ff}.login .authCode .extraPart{color:#2a7bff;font-size:1.4rem;position:relative}.login .adm-form-footer{padding:0}.login .adm-form-footer .btnLogin{padding:0 3rem;margin-top:5rem;height:4rem;font-size:1.5rem;background:linear-gradient(-34deg, #5a99ff, #2a7bff);border-radius:2rem}.login .checked{margin-top:1.5rem;margin-left:3.8rem;--icon-size: 1.2rem;--font-size: 1.2rem;color:#333;line-height:0.9rem}.login .checked a{color:#2a7bff;font-size:1.2rem}
.adm-button-large{height:5rem}.adm-button.adm-button-mini{font-size:1.4rem;padding:0;height:2.6rem;width:5.6rem}

.chatWs .ChatApp {
  background: transparent !important;
}
.chatWs .ChatApp {
  height: calc(100vh - 3.1rem);
}
.chatWs .ChatApp .MessageContainer .Message + .Message {
  margin-top: 1.6rem;
}
.chatWs .ChatApp .MessageContainer .Bubble.text {
  padding: 1.3rem 1.9rem 1.3rem 1.5rem;
  white-space: normal;
}
.chatWs .ChatApp .MessageContainer .Message.left {
  animation: none;
}
.chatWs .ChatApp .MessageContainer .Message.left .Bubble {
  max-width: calc(100vw - 12rem);
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0.9rem 0.9rem 0.9rem 0.9rem;
  margin-right: 0px;
  font-weight: 500;
  font-size: 1.4rem;
  color: #000000;
  line-height: 1.7rem;
  white-space: normal;
}
.chatWs .ChatApp .MessageContainer .Message.left .Avatar {
  margin-right: 0.9rem;
}
.chatWs .ChatApp .MessageContainer .Message.left .Avatar img {
  height: 3.7rem;
  width: 3.7rem;
}
.chatWs .ChatApp .MessageContainer .Message.right {
  animation: none;
}
.chatWs .ChatApp .MessageContainer .Message.right .Bubble {
  font-size: 1.2rem;
  color: #000000;
  line-height: 1.7rem;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0.9rem 0.9rem 0.9rem 0.9rem;
  white-space: normal;
  font-weight: 500;
  margin-left: 0;
  max-width: calc(100vw - 12rem);
}
.chatWs .ChatApp .MessageContainer .Message.right .Avatar {
  margin-left: 0.9rem;
}
.chatWs .ChatApp .MessageContainer .Message.right .Avatar img {
  height: 3.7rem;
  width: 3.7rem;
}
.chatWs .ChatApp .MessageContainer .MessageList {
  font-size: 1.5rem;
  padding: 1.2rem 1.6rem;
}
.chatWs .ChatApp .MessageContainer .normalWrap {
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0.9rem 0.9rem 0.9rem 0.9rem;
}
.chatWs .ChatApp .MessageContainer .normalWrap .Bubble {
  border-radius: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.chatWs .ChatApp .MessageContainer .normalWrap .actionList {
  margin: 0 1.9rem 1rem 1.5rem;
  display: flex;
}
.chatWs .ChatApp .ChatFooter {
  background-color: transparent;
  /* 隐藏按钮中的原始文本 */
  /* 按钮文本由JavaScript动态控制 */
}
.chatWs .ChatApp .ChatFooter .Composer {
  background: #d0d4dc;
  box-shadow: 0px -2 3px 0px rgba(0, 0, 0, 0.25);
  padding: 1.5rem 0.9rem;
  position: relative;
  /* 添加相对定位 */
  /* 添加图片元素在输入框外 */
}
.chatWs .ChatApp .ChatFooter .Composer::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4.1rem;
  height: 4.1rem;
  background: url(//res.bundigit.cn/aiweldingroboth5/2511051ec248377f547c4.png) no-repeat center;
  background-size: contain;
  z-index: 1;
  margin-left: 1rem;
}
.chatWs .ChatApp .ChatFooter .Composer .Composer-input {
  font-size: 1.3rem;
  line-height: 2rem;
  height: 4.2rem;
  padding: 1.2rem;
  /* 移除左侧额外padding */
  caret-color: #000000;
  background: #ffffff;
  /* 移除背景图像 */
  margin-left: 4.8rem;
  /* 为左侧图标留出空间 */
  width: calc(100% - 4.8rem);
  /* 调整宽度 */
}
.chatWs .ChatApp .ChatFooter .Composer .Composer-actions .IconBtn {
  font-size: 3.6rem;
  margin-bottom: 5px;
}
.chatWs .ChatApp .ChatFooter .Composer .Composer-actions {
  margin-left: 0.7rem;
  margin-bottom: 2px;
}
.chatWs .ChatApp .ChatFooter .Btn--primary {
  background: linear-gradient(180deg, #E60012 0%, #80000A 100%);
  height: 4.1rem;
  width: 6.4rem;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.chatWs .ChatApp .ChatFooter .Btn--primary {
  font-size: 0 !important;
  color: transparent !important;
}
.chatWs .ChatApp .ChatFooter .Btn--primary::after {
  font-size: 1.4rem;
  color: #ffffff;
}
.chatWs .ChatApp .ChatFooter .highlight {
  color: #000000;
}
.chatWs .ChatApp .Typing-dot {
  background-color: #000000;
}
.chatWs .ChatApp .markdown-body {
  background-color: transparent;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-family: serif;
  font-family: initial;
  color: #000000;
}
.chatWs .ChatApp .markdown-body p,
.chatWs .ChatApp .markdown-body h1,
.chatWs .ChatApp .markdown-body h2,
.chatWs .ChatApp .markdown-body h3,
.chatWs .ChatApp .markdown-body h4,
.chatWs .ChatApp .markdown-body span,
.chatWs .ChatApp .markdown-body ol,
.chatWs .ChatApp .markdown-body ul,
.chatWs .ChatApp .markdown-body li {
  font-size: 1.4rem;
  /* 设置段落文本的字号为16px */
}
/* 使用更具体的选择器 */
html body .preferredLanguage-English .ChatApp .ChatFooter .Btn--primary::after {
  content: 'Send' !important;
}

.chatWs{height:100vh;padding-top:3rem;background:url(//res.bundigit.cn/aiweldingroboth5/f69b20ea3c6674581e064.png);background-size:100%}.chatWs .refresh{position:fixed;z-index:1;right:1rem;top:5px;padding:3px 5px;color:#fff;text-align:center;border-radius:4px;font-size:1.2rem;background:linear-gradient(180deg, #e60012 0%, #80000a 100%)}.chatWs .pubWrap{position:relative;width:26rem}.chatWs .pubWrap>div:nth-child(2){margin-top:1.6rem}.chatWs .recommend{display:flex;padding:0.7rem 0}.chatWs .recommend>li{padding:0.7rem 1.2rem;font-size:1.2rem;line-height:1.2rem;color:#333;text-align:left;border-radius:5px 5px 5px 5px;background:#fff;margin-left:1.3rem}.chatWs .recommend .activeCode{color:#333;border:1px solid #333;background:#fff}
:root {
  --brand-1: #ffb300;
  --brand-2: #ffc233;
  --brand-3: #ffe48c;
  --black: #000;
  --white: #fff;
  --gray-1: rgba(0, 0, 0, 0.87);
  --gray-2: rgba(0, 0, 0, 0.54);
  --gray-3: rgba(0, 0, 0, 0.4);
  --gray-4: rgba(0, 0, 0, 0.26);
  --gray-5: rgba(0, 0, 0, 0.2);
  --gray-6: rgba(0, 0, 0, 0.1);
  --gray-7: rgba(0, 0, 0, 0.05);
  --gray-8: rgba(0, 0, 0, 0.03);
  --light-1: #f0f2f6;
  --light-2: #fafafa;
  --blue: #39f;
  --gray-dark: #333;
  --green: #62d957;
  --orange: #f70;
  --red: #f56262;
  --yellow: #ffc233;
  --yellow-light: #fff9db;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --shadow-1: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
  --shadow-2: 0 4px 0.8rem 0 rgba(0, 0, 0, 0.08);
  --shadow-3: 0 0.6rem 1rem 0 rgba(0, 0, 0, 0.08);
  --safe-top: 0px;
  --safe-bottom: 0px;
  --gutter: 1.2rem;
}
@supports (top: constant(safe-area-inset-top)) {
  :root {
    --safe-top: constant(safe-area-inset-top);
    --safe-bottom: constant(safe-area-inset-bottom);
  }
}
@supports (top: env(safe-area-inset-top)) {
  :root {
    --safe-top: env(safe-area-inset-top);
    --safe-bottom: env(safe-area-inset-bottom);
  }
}
.S--invisible {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.Avatar {
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
}
.Avatar img {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  object-fit: cover;
}
.Avatar--sm img {
  width: 2.4rem;
  height: 2.4rem;
}
.Avatar--lg img {
  width: 4rem;
  height: 4rem;
}
.Avatar--square {
  border-radius: 4px;
}
.Backdrop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: 0.3s;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  background: var(--gray-5);
  opacity: 0;
  outline: 0;
}
.Backdrop.active {
  opacity: 1;
}
.Bubble {
  max-width: 68rem;
  min-width: 1px;
  background: #fff;
  background: var(--white);
  border-radius: 1.25rem;
}
.Bubble.text {
  padding: 0.8rem 1.6rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-wrap: break-word;
  -webkit-user-select: text;
          user-select: text;
}
.Bubble.image img {
  display: block;
  max-width: 20rem;
  max-height: 20rem;
  height: auto;
  border-radius: inherit;
}
.Bubble.typing {
  padding: 0.8rem 1.6rem;
}
.Bubble p {
  margin: 0;
}
.Btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  margin: 0;
  padding: 3px 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid var(--gray-6);
  border-radius: 1.6rem;
  background: #fff;
  background: var(--white);
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  font-family: inherit;
  text-transform: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  transition: 0.15s ease-in-out;
  -webkit-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.Btn:not(:disabled) {
  cursor: pointer;
}
.Btn:focus:not(.focus-visible) {
  outline: 0;
}
.Btn:focus:not(:focus-visible) {
  outline: 0;
}
.Btn:hover {
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
}
.Btn:active {
  background: rgba(0, 0, 0, 0.1);
  background: var(--gray-6);
}
.Btn:disabled {
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0.1);
  border-color: var(--gray-6);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.Btn--primary {
  border-color: transparent;
  background: linear-gradient(90deg, #ffe48c 0%, #ffc233 100%);
  background: linear-gradient(90deg, var(--brand-3) 0%, var(--brand-2) 100%);
  background-origin: border-box;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Btn--primary:hover {
  background: linear-gradient(90deg, #ffe48c 0%, #ffc233 100%) right / 200%;
  background: linear-gradient(90deg, var(--brand-3) 0%, var(--brand-2) 100%) right / 200%;
  background-origin: border-box;
}
.Btn--primary:active {
  background: linear-gradient(90deg, #ffe48c 0%, #ffc233 100%) right / 400%;
  background: linear-gradient(90deg, var(--brand-3) 0%, var(--brand-2) 100%) right / 400%;
}
.Btn--primary:disabled {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.Btn--text {
  padding: 0;
  border: 0;
  background: transparent;
  color: #39f;
  color: var(--blue);
  vertical-align: baseline;
  vertical-align: initial;
}
.Btn--text:hover,
.Btn--text:active {
  background: transparent;
}
.Btn--float {
  padding: 5px 1.9rem;
  border: 0;
  background: #fff;
  background: var(--white);
  box-shadow: 0 4px 0.8rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-2);
  color: #ffb300;
  color: var(--brand-1);
  font-size: 0.875rem;
}
.Btn--sm {
  padding: 0 0.6rem;
  border-radius: 1.2rem;
  font-size: 0.875rem;
}
.Btn--lg {
  padding: 0.6rem 2.7rem;
  border-radius: 2rem;
  font-size: 1rem;
}
.Btn--block {
  display: block;
  width: 100%;
}
.Btn--block + .Btn--block {
  margin-top: 1rem;
}
[dir="ltr"] .Btn-icon {
  margin-right: 0.5rem;
}
[dir="rtl"] .Btn-icon {
  margin-left: 0.5rem;
}
.Btn-icon {
  display: inline-flex;
  align-self: center;
  flex-shrink: 0;
}
.Card {
  overflow: hidden;
  border-radius: 1.25rem;
  background: #fff;
  background: var(--white);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: var(--shadow-1);
}
.Card--xl {
  width: 30rem;
}
.Card--lg {
  width: 16rem;
}
.Card--md {
  width: 12rem;
}
.Card--sm {
  width: 10.4rem;
}
.Card--xs {
  width: 8rem;
}
.Card--fluid {
  width: calc(100% - 4.8rem);
  max-width: 68rem;
  min-width: 26rem;
}
/* CardMedia */
.CardMedia {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.CardMedia:after {
  display: block;
  height: 0;
  content: '';
}
.CardMedia--wide:after {
  padding-top: 56.25%;
}
.CardMedia--square:after {
  padding-top: 100%;
}
.CardMedia-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* CardTitle */
.CardTitle {
  padding: 1.6rem;
}
.CardTitle--center {
  padding: 4px 2px;
  text-align: center;
}
.CardTitle-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
}
.CardTitle-subtitle {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.625rem;
}
/* CardContent */
.CardContent {
  padding: 1.6rem;
}
.CardTitle + .CardContent {
  padding-top: 0;
}
/* CardText */
.CardText {
  padding: 1.6rem;
  color: #333;
  color: var(--gray-dark);
}
.CardTitle + .CardText {
  padding-top: 0;
}
.CardText p {
  margin: 0;
}
/* CardActions */
.CardActions {
  display: flex;
  padding: 1.6rem;
}
.CardTitle + .CardActions,
.CardText + .CardActions {
  padding-top: 0;
}
.CardActions .Btn {
  flex: 1 1 auto;
  line-height: 1.5;
}
.CardActions .Btn + .Btn {
  margin-left: 1.2rem;
}
.CardActions--column {
  flex-direction: column;
  padding: 0;
}
.CardActions--column .Btn {
  padding: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--gray-6);
  border-radius: 0;
  background: #fff;
  background: var(--white);
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
}
.CardActions--column .Btn:last-child {
  border-radius: 0 0 1.25rem 1.25rem;
}
.CardActions--column .Btn:hover {
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
}
.CardActions--column .Btn:active {
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
}
.CardActions--column .Btn:disabled {
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.CardActions--column .Btn + .Btn {
  margin: 0;
}
.CardActions--column .Btn--primary {
  color: #ffb300;
  color: var(--brand-1);
}
.Divider {
  display: flex;
  align-items: center;
  margin: 1.2rem 0;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
}
.Divider:before,
.Divider:after {
  content: '';
  display: block;
  flex: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--gray-6);
}
.Divider--text-center:before,
.Divider--text-left:before,
.Divider--text-right:before {
  margin-right: 1.2rem;
  margin-right: var(--gutter);
}
.Divider--text-center:after,
.Divider--text-left:after,
.Divider--text-right:after {
  margin-left: 1.2rem;
  margin-left: var(--gutter);
}
.Divider--text-left:before {
  max-width: 10%;
}
.Divider--text-right:after {
  max-width: 10%;
}
.Empty {
  padding: 3rem;
  text-align: center;
}
.Empty-img {
  height: 12.5rem;
}
.Empty-tip {
  margin: 2rem 0;
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.Flex {
  display: flex;
}
.Flex--inline {
  display: inline-flex;
}
.Flex--center {
  justify-content: center;
  align-items: center;
}
.Flex--d-r {
  flex-direction: row;
}
.Flex--d-rr {
  flex-direction: row-reverse;
}
.Flex--d-c {
  flex-direction: column;
}
.Flex--d-cr {
  flex-direction: column-reverse;
}
.Flex--w-n {
  flex-wrap: nowrap;
}
.Flex--w-w {
  flex-wrap: wrap;
}
.Flex--w-wr {
  flex-wrap: wrap-reverse;
}
.Flex--jc-fs {
  justify-content: flex-start;
}
.Flex--jc-fe {
  justify-content: flex-end;
}
.Flex--jc-c {
  justify-content: center;
}
.Flex--jc-sb {
  justify-content: space-between;
}
.Flex--jc-sa {
  justify-content: space-around;
}
.Flex--ai-fs {
  align-items: flex-start;
}
.Flex--ai-fe {
  align-items: flex-end;
}
.Flex--ai-c {
  align-items: center;
}
.FlexItem {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.HelpText {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.Icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  fill: currentColor;
  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.is-spin {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.IconBtn {
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
}
.IconBtn.Btn--primary {
  color: #ffc233;
  color: var(--brand-2);
}
.IconBtn:disabled {
  border-color: rgba(0, 0, 0, 0.1);
  border-color: var(--gray-6);
  color: rgba(0, 0, 0, 0.1);
  color: var(--gray-6);
}
.IconBtn.Btn--lg {
  padding: 4px;
  border-radius: 1.2rem;
  font-size: 1.5rem;
}
.IconBtn > .Icon {
  display: block;
}
.IconBtn > img {
  display: block;
  width: 1em;
  height: 1em;
}
.Image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-style: none;
}
.Image--fluid {
  max-width: 100%;
  height: auto;
}
.InfiniteScroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.InputWrapper {
  position: relative;
}
.InputWrapper.has-counter {
  padding-bottom: 2rem;
}
.InputWrapper.has-counter + .HelpText {
  margin-top: -2rem;
}
.Input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 2.4rem;
  margin: 0;
  padding: 5px 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid var(--gray-6);
  border-radius: 1.2rem;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  background: #fff;
  background: var(--white);
  resize: none;
  -webkit-tap-highlight-color: transparent;
  transition: 0.2s ease-in-out;
  -webkit-appearance: none;
}
.Input:focus {
  outline: none;
  border-color: #ffb300;
  border-color: var(--brand-1);
}
.Input:focus:not([disabled]):not([readonly]) ~ .Input-line:before,
.Input:focus:not([disabled]):not([readonly]) ~ .Input-line:after {
  width: 50%;
}
.Input::-webkit-input-placeholder {
  color: #ccc;
}
.Input::placeholder {
  color: #ccc;
}
.Input--filled {
  border-color: transparent;
  background-color: #f0f2f6;
  background-color: var(--light-1);
}
.Input--flushed {
  padding: 2px 1.2rem;
  padding: 2px var(--gutter);
  border-width: 0 0 1px;
  border-radius: 0;
  background: none;
}
.Input--flushed:focus {
  box-shadow: #ffb300 0px 1px 0px 0px;
  box-shadow: var(--brand-1) 0px 1px 0px 0px;
}
.Input-counter {
  position: relative;
  z-index: 1;
  float: right;
  margin-right: 1.2rem;
  margin-right: var(--gutter);
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.75rem;
}
.Label {
  display: block;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
}
.List {
  background: #fff;
  background: var(--white);
}
.List--bordered {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border: 1px solid var(--gray-7);
  border-radius: 2px;
}
.ListItem {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 1rem 1.5rem;
  border: 0;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: 0.3s;
}
.ListItem:focus:not(.focus-visible) {
  outline: 0;
}
.ListItem:focus:not(:focus-visible) {
  outline: 0;
}
.ListItem + .ListItem {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid var(--gray-7);
}
.ListItem .Icon {
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
button.ListItem {
  width: 100%;
  background: transparent;
  text-align: left;
  -webkit-appearance: none;
          appearance: none;
}
a.ListItem:hover,
button.ListItem:hover {
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
  background-clip: padding-box;
  cursor: pointer;
}
a.ListItem:active,
button.ListItem:active {
  background: rgba(0, 0, 0, 0.1);
  background: var(--gray-6);
}
.ListItem-content {
  flex: 1;
}
.Loading {
  padding: 1.2rem;
}
.Loading .Icon {
  color: #ffc233;
  color: var(--brand-2);
  font-size: 1.5rem;
}
.Loading-tip {
  margin: 0 0 0 5px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
  font-size: 0.875rem;
}
.MediaObject {
  display: flex;
}
.MediaObject-pic {
  width: 7rem;
  margin-right: 1rem;
}
.MediaObject-pic > img {
  display: block;
  width: 100%;
  height: 100%;
}
.MediaObject-info {
  flex: 1;
}
.MediaObject-title {
  margin: 0 0 0.6rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.MediaObject-meta {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
}
.Message {
  position: relative;
}
.Message + .Message {
  margin-top: 0.8rem;
}
.Message.left {
  -webkit-animation: msgLeft 0.5s ease-in-out;
          animation: msgLeft 0.5s ease-in-out;
}
.Message.left .Bubble {
  margin-right: 4.8rem;
}
.Message.right {
  -webkit-animation: msgRight 0.5s ease-in-out;
          animation: msgRight 0.5s ease-in-out;
}
.Message.right .Message-content {
  flex-direction: row-reverse;
}
.Message.right .Message-content > .Avatar {
  margin-right: 0;
  margin-left: 4px;
}
.Message.right .Bubble {
  margin-left: 4rem;
  border-radius: 1.25rem;
  background: #ffe48c;
  background: var(--brand-3);
}
.Message-meta {
  margin-bottom: 0.8rem;
  text-align: center;
}
.Message-content {
  display: flex;
  align-items: flex-start;
}
.Message-content > .Avatar {
  flex-shrink: 0;
  margin-right: 4px;
}
.SystemMessage {
  padding: 0 1.6rem;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
  text-align: center;
}
.SystemMessage a {
  margin-left: 5px;
}
@-webkit-keyframes msgLeft {
  0% {
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes msgLeft {
  0% {
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes msgRight {
  0% {
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes msgRight {
  0% {
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.MessageStatus {
  align-self: center;
  margin-right: 1.2rem;
}
.MessageStatus[data-status='loading'] .Icon {
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.MessageStatus[data-status='fail'] .IconBtn {
  color: #ff5959;
}
.MessageStatus .IconBtn,
.MessageStatus .Icon {
  display: block;
}
.Message.right .Bubble + .MessageStatus {
  margin-right: -2.8rem;
}
.Modal,
.Popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.Modal.active .Modal-dialog {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.Modal-dialog {
  position: relative;
  z-index: 100;
  width: 32rem;
  border-radius: 1.25rem;
  background: #fff;
  background: var(--white);
  box-shadow: 0 0.6rem 1rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-3);
  opacity: 0;
  transition: opacity 0.15s linear, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.15s linear;
  transition: transform 0.3s ease-out, opacity 0.15s linear, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -5rem);
          transform: translate(0, -5rem);
}
@media (max-width: 320px) {
  .Modal-dialog {
    width: 30rem;
  }
}
.Modal-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 1.2rem;
}
.Modal-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-size: 1.125rem;
  font-weight: 500;
}
.Modal-close {
  margin: -4px;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Modal-footer {
  display: flex;
}
.Modal-footer--h {
  padding: 1.2rem;
}
.Modal-footer--h .Btn {
  flex: 1 1 auto;
}
.Modal-footer--h .Btn + .Btn {
  margin-left: 1.2rem;
}
.Modal-footer--v {
  flex-direction: column;
  padding-top: 1.2rem;
}
.Modal-footer--v .Btn {
  padding: 1.2rem 1.2rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--gray-6);
  border-radius: 0;
  background: #fff;
  background: var(--white);
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
  font-weight: 500;
}
.Modal-footer--v .Btn:last-child {
  border-radius: 0 0 1.25rem 1.25rem;
}
.Modal-footer--v .Btn--primary {
  color: #ffb300;
  color: var(--brand-1);
}
/* Popup */
.Popup {
  align-items: flex-end;
}
.Popup.active .Popup-dialog {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Popup-dialog {
  position: relative;
  z-index: 100;
  overflow: hidden;
  width: 100%;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 1.25rem 1.25rem 0 0;
  background: #fff;
  background: var(--white);
  box-shadow: 0 -4px 0.8rem 0 rgba(0, 0, 0, 0.08);
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  transition: 0.3s;
}
.Popup-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 1.2rem;
}
.Popup-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-size: 1.125rem;
}
.Popup-close {
  margin: -4px;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Popup-body.overflow {
  max-height: 30rem;
  max-height: 70vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Popup-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.2rem;
  background: #fff;
  background: var(--white);
  box-shadow: 0 -4px 0.8rem 0 rgba(0, 0, 0, 0.08);
}
.Popup-footer .Btn + .Btn {
  margin-top: 1.2rem;
}
/* Confirm */
.Confirm {
  text-align: center;
}
.Confirm .Modal-body {
  color: #333;
  color: var(--gray-dark);
  padding: 0 1.6rem;
}
.S--modalOpen,
.S--modalOpen .MessageContainer > .PullToRefresh {
  overflow: hidden;
}
.S--wide .Popup {
  align-items: center;
}
.S--wide .Popup-dialog {
  width: 48rem;
  border-radius: 1.25rem;
}
.Navbar {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  min-height: 4.4rem;
  padding: 0 0.8rem;
  padding-top: 0px;
  padding-top: var(--safe-top);
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid var(--gray-8);
  background: #f0f2f6;
  background: var(--light-1);
}
.Navbar-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Navbar-left,
.Navbar-right {
  width: 10rem;
  width: calc((1.5rem + 1.6rem) * 2);
  padding: 2px 0;
}
.Navbar-right {
  text-align: right;
}
.Navbar-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-size: 1rem;
  text-align: center;
  font-weight: 400;
}
.Navbar-logo {
  width: auto;
  height: 3.6rem;
}
.Navbar .IconBtn {
  padding: 0.8rem;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
}
.Notice {
  position: absolute;
  z-index: 30;
  top: 1.2rem;
  left: 1.2rem;
  right: 1.2rem;
  padding: 0.9rem 1.2rem;
  border-radius: 1.25rem;
  background: #fff9db;
  background: var(--yellow-light);
  box-shadow: 0 4px 0.8rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-2);
}
.Notice-text {
  margin: 0;
}
.Notice-text.collapsed {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.Notice-text[data-overflow="true"]:not(.collapsed)::after {
  content: '';
  display: inline-block;
  width: 3rem;
  height: 1rem;
}
.Notice-text a {
  color: inherit;
  text-decoration: none;
}
.Notice-icon {
  float: left;
  margin: 4px 5px 0 0;
}
.Notice-close {
  position: absolute;
  left: 0.8rem;
  top: 50%;
  top: min(50%, 3.3rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.Notice-close + .Notice-content {
  margin-left: 3.2rem;
}
.Notice .Icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Notice-content {
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  word-wrap: break-word;
  font-size: 1rem;
  line-height: 1.5;
}
.Notice-actions {
  position: absolute;
  bottom: -4px;
  right: -4px;
  padding-left: 0.6rem;
  background: #fff9db;
  background: var(--yellow-light);
}
.Notice-more[aria-expanded='true'] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.Popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-size: 0.875rem;
  -webkit-transform: translate(0, -1rem);
          transform: translate(0, -1rem);
}
.Popover-body {
  border-radius: 0.6rem;
  background: #fff;
  background: var(--white);
  box-shadow: 0 0.6rem 1rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-3);
}
.Popover-arrow {
  display: block;
  width: 0.9rem;
  height: 5px;
  margin-left: 1rem;
  fill: #fff;
  fill: var(--white);
}
.Price {
  display: inline;
  font-size: 0.625rem;
}
.Price--original {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  text-decoration: line-through;
}
.Price:not(.Price--original) .Price-integer {
  font-size: 1.4em;
}
.Progress {
  display: flex;
  height: 2px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: var(--gray-5);
  border-radius: 10rem;
}
.Progress-bar {
  overflow: hidden;
  background-color: #39f;
  background-color: var(--blue);
  transition: width 0.6s ease;
}
.Progress--success .Progress-bar {
  background-color: #62d957;
  background-color: var(--green);
}
.Progress--error .Progress-bar {
  background-color: #f56262;
  background-color: var(--red);
}
.PullToRefresh {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.PullToRefresh-fallback {
  padding-top: 1.2rem;
  padding-top: var(--gutter);
  text-align: center;
}
.PullToRefresh-loadMore {
  font-size: 0.875rem;
}
.PullToRefresh-inner {
  overflow: hidden;
  min-height: 100%;
}
.PullToRefresh-indicator {
  height: 2.5rem;
  margin-top: -2.5rem;
  color: grey;
  text-align: center;
  line-height: 2.5rem;
}
.PullToRefresh-spinner {
  color: #ffc233;
  color: var(--brand-2);
  font-size: 1.5rem;
}
.PullToRefresh-transition {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.QuickReplies {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 110;
  bottom: 100%;
  overflow: hidden;
  padding: 4px 1.2rem;
  padding: 4px var(--gutter);
  background: rgba(242, 244, 245, 0.95);
  transition: opacity 0.3s;
}
.QuickReplies[data-visible='false'] {
  visibility: hidden;
  opacity: 0;
}
.QuickReplies:not(.ScrollView--hasControls) {
  padding-left: 0;
  padding-right: 0;
}
.QuickReplies:not(.ScrollView--hasControls) .ScrollView-inner {
  padding: 0 1.2rem;
  padding: 0 var(--gutter);
}
.QuickReplies:not(.ScrollView--hasControls) .ScrollView-item:last-child {
  padding-right: 1.2rem;
  padding-right: var(--gutter);
}
.QuickReply {
  position: relative;
  margin: 0;
  padding: 5px 1.1rem;
  border: 1px solid #fff;
  border: 1px solid var(--white);
  border-radius: 2rem;
  line-height: 1.43;
  background: #fff;
  background: var(--white);
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-size: 0.875rem;
  font-weight: 500;
  transition: 0.15s ease-in-out;
}
.QuickReply.new::after {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  background: #f56262;
  background: var(--red);
  overflow: hidden;
  border-radius: 50%;
}
.QuickReply.highlight {
  border-color: #ffc233;
  border-color: var(--brand-2);
}
.QuickReply-inner {
  display: flex;
  align-items: center;
}
.QuickReply-img {
  max-height: 1.6rem;
}
.QuickReply-inner > .Icon,
.QuickReply-img {
  margin-right: 3px;
}
@media (hover: hover) {
  .QuickReply:hover {
    background: rgba(0, 0, 0, 0.05);
    background: var(--gray-7);
  }
  .QuickReply:not(.highlight):hover {
    border-color: rgba(0, 0, 0, 0.05);
    border-color: var(--gray-7);
    background-clip: padding-box;
  }
}
.Checkbox,
.Radio {
  position: relative;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 0.6rem 1.2rem;
  border-radius: 1.2rem;
  background: #f2f4f5;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
  transition: 0.15s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.RadioGroup--block .Radio {
  display: block;
  margin: 1rem 0 0;
}
.RadioGroup--block .Radio:first-child {
  margin: 0;
}
.CheckboxGroup--block .Checkbox {
  display: block;
  margin: 1rem 0 0;
}
.CheckboxGroup--block .Checkbox:first-child {
  margin: 0;
}
.Checkbox--disabled,
.Radio--disabled {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
  cursor: auto;
  cursor: initial;
}
.Checkbox--checked,
.Radio--checked {
  border-color: #ffe48c;
  border-color: var(--brand-3);
  background: #ffe48c;
  background: var(--brand-3);
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Checkbox-input,
.Radio-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}
.RateActions {
  position: relative;
  z-index: 10;
  align-self: flex-end;
  width: 3.2rem;
  margin: 0 0.8rem;
}
.RateBtn {
  padding: 4px;
  border-radius: 50%;
  background: #fff;
  background: var(--white);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: var(--shadow-1);
  font-size: 1.5rem;
}
.RateBtn + .RateBtn {
  margin-top: 0.9rem;
}
.RateBtn.active {
  box-shadow: none;
}
.RateBtn[data-type='up']:hover,
.RateBtn[data-type='up'].active {
  color: #ffb300;
  color: var(--brand-1);
}
.RateBtn[data-type='down']:hover,
.RateBtn[data-type='down'].active {
  color: #39f;
  color: var(--blue);
}
.RichText {
  word-wrap: break-word;
  word-wrap: break-word;
}
.ScrollView {
  overflow: hidden;
}
.ScrollView-scroller {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ScrollView-scroller::-webkit-scrollbar {
  display: none;
}
.ScrollView--fullWidth {
  margin: 0 calc(1.2rem * -1);
  margin: 0 calc(var(--gutter) * -1);
}
.ScrollView--fullWidth:not(.ScrollView--hasControls) .ScrollView-inner {
  padding: 0 1.2rem;
  padding: 0 var(--gutter);
}
.ScrollView--x .ScrollView-scroller {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: -1.8rem;
  padding-bottom: 1.8rem;
}
.ScrollView--x .ScrollView-inner {
  display: flex;
}
.ScrollView--x .ScrollView-item {
  flex: 0 0 auto;
  margin-left: 0.8rem;
}
.ScrollView--x .ScrollView-item:first-child {
  margin-left: 0;
}
.ScrollView--hasControls {
  display: flex;
  align-items: center;
}
.ScrollView--hasControls .ScrollView-scroller {
  flex: 1;
}
.ScrollView-control {
  padding: 0.6rem;
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 1rem;
}
.ScrollView-control:not(:disabled):hover {
  color: #ffb300;
  color: var(--brand-1);
}
.Search {
  position: relative;
  margin-bottom: 1.2rem;
}
.Search-icon {
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  font-size: 1rem;
}
.Search-input {
  border-radius: 1.8rem;
  background: #fff;
  padding: 0.6rem 3.6rem;
}
.Search-input::-webkit-search-cancel-button {
  display: none;
}
.Search-input:disabled {
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
}
.Search-clear {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  padding: 4px;
  border-radius: 2.4rem;
  opacity: 0;
}
.Search-input:focus + .Search-clear {
  opacity: 1;
}
.Select {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1.6rem 1.2rem;
  -webkit-appearance: none;
          appearance: none;
}
.Select:focus {
  border-color: #ffc233;
  border-color: var(--brand-2);
}
.Select:disabled {
  background-color: rgba(0, 0, 0, 0.05);
  background-color: var(--gray-7);
}
.Stepper {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.Step {
  position: relative;
  padding-left: 2.4rem;
  padding-bottom: 1rem;
}
.Step:last-child {
  padding-bottom: 0;
}
.Step:last-child .Step-line {
  display: none;
}
.Step--active .Step-dot {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  background: #ffb300;
  background: var(--brand-1);
}
.Step--active .Step-line {
  background: rgba(0, 0, 0, 0.1);
  background: var(--gray-6);
}
.Step--active .Step-title,
.Step--active .Step-desc {
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Step--disabled .Step-dot,
.Step--disabled .Step-line {
  background: rgba(0, 0, 0, 0.1);
  background: var(--gray-6);
}
.Step--disabled .Step-title,
.Step--disabled .Step-desc {
  color: rgba(0, 0, 0, 0.26);
  color: var(--gray-4);
}
.Step-dot {
  position: absolute;
  top: 0.6rem;
  left: 2px;
  z-index: 2;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #ffe48c;
  background: var(--brand-3);
}
.Step-line {
  position: absolute;
  top: 1.3rem;
  left: 5px;
  bottom: -0.7rem;
  width: 2px;
  background: #ffe48c;
  background: var(--brand-3);
}
.Step-title {
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
}
.Step-desc {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.75rem;
}
.Tabs-nav {
  position: relative;
  display: flex;
  margin-bottom: 1.2rem;
}
.Tabs-nav::-webkit-scrollbar {
  display: none;
}
.Tabs--scrollable .Tabs-nav {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.Tabs--scrollable .Tabs-navItem {
  flex: 1 0 auto;
}
.Tabs-navItem {
  flex: 1;
  text-align: center;
}
.Tabs-navLink {
  display: block;
  width: 100%;
  margin: 0;
  padding: 5px 1.2rem;
  border: 0;
  border-radius: 2rem;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
  font-size: 1rem;
  transition: 0.3s;
}
.Tabs-navLink:focus:not(.focus-visible) {
  outline: 0;
}
.Tabs-navLink:focus:not(:focus-visible) {
  outline: 0;
}
.Tabs-navLink:hover {
  background: rgba(0, 0, 0, 0.1);
  background: var(--gray-6);
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Tabs-navLink.active {
  position: relative;
  z-index: 1;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
}
.Tabs-navPointer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-image: linear-gradient(90deg, #ffe48c 0%, #ffc233 100%);
  background-image: linear-gradient(90deg, var(--brand-3) 0%, var(--brand-2) 100%);
  box-shadow: 0 1.5px 3px 0 rgba(255, 138, 0, 0.3);
  border-radius: 4px;
  transition: 0.3s;
}
.Tabs-pane {
  display: none;
}
.Tabs-pane.active {
  display: block;
}
.Tag {
  display: inline-block;
  position: relative;
  margin: 0 4px 0 0;
  padding: 1px 3px;
  border: 1px solid #ffb300;
  border: 1px solid var(--brand-1);
  border-radius: 4px;
  color: #ffb300;
  color: var(--brand-1);
  font-size: 0.625rem;
  line-height: 1.2;
  white-space: nowrap;
}
.Tag--primary {
  border-color: transparent;
  color: #f70;
  color: var(--orange);
}
.Tag--primary:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -1px;
  border-radius: inherit;
  background: currentColor;
  opacity: 0.2;
}
.Tag--success {
  border-color: #62d957;
  border-color: var(--green);
  background: #62d957;
  background: var(--green);
  color: #fff;
}
.Tag--danger {
  border-color: #f56262;
  border-color: var(--red);
  background: #f56262;
  background: var(--red);
  color: #fff;
}
.Tag--warning {
  border-color: #f70;
  border-color: var(--orange);
  background: #f70;
  background: var(--orange);
  color: #fff;
}
.Text--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Text--break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.Text--ellipsis {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* -webkit-line-clamp: 2; */
  text-overflow: ellipsis;
}
.Time {
  display: inline-block;
  padding: 3px;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
}
.Toast,
.Toast-content {
  display: flex;
  align-items: center;
}
.Toast {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 200;
  justify-content: center;
  transition: all 300ms ease 0s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.Toast[data-type='success'] .Icon {
  color: #62d957;
  color: var(--green);
}
.Toast[data-type='error'] .Icon {
  color: #f56262;
  color: var(--red);
}
.Toast[data-type='loading'] .Icon {
  color: #ffc233;
  color: var(--yellow);
}
.Toast.show {
  opacity: 1;
  visibility: visible;
}
.Toast .Icon {
  margin-right: 0.8rem;
  font-size: 1.5rem;
}
.Toast-content {
  min-width: 16rem;
  margin: 0 2rem;
  padding: 1.8rem 2rem 1.8rem 2.8rem;
  border-radius: 3rem;
  background: #fff;
  background: var(--white);
  box-shadow: 0 0.6rem 1rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-3);
  box-sizing: border-box;
}
.Toast-message {
  flex: 1 1 auto;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-size: 1rem;
}
.Toolbar {
  padding: 1rem 1.2rem 2.5rem;
}
.Toolbar-item {
  display: inline-block;
  width: 25%;
  margin-top: 2rem;
  text-align: center;
}
.Toolbar-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 7.2rem;
  padding: 0.6rem;
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  vertical-align: top;
}
.Toolbar-btnIcon {
  display: inline-block;
}
.Toolbar-btnIcon .Icon {
  font-size: 4rem;
  transition: 0.3s;
}
.Toolbar-img {
  width: 4rem;
  height: 4rem;
}
.Toolbar-btnText {
  display: block;
  margin-top: 1.2rem;
  font-size: 0.75rem;
  transition: 0.3s;
}
[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:after,
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  -webkit-transform: translate(-50%, 4px);
          transform: translate(-50%, 4px);
  -webkit-transform-origin: top;
          transform-origin: top;
}
[data-tooltip]:after {
  content: attr(aria-label);
  margin-bottom: 1rem;
  padding: 0.5em 1em;
  border-radius: 0.6rem;
  background: rgba(0, 0, 0, 0.87);
  background: var(--gray-1);
  color: #fff;
  color: var(--white);
  font-size: 0.75rem;
  white-space: nowrap;
}
[data-tooltip]:before {
  content: "";
  width: 0;
  height: 0;
  -webkit-transform-origin: top;
          transform-origin: top;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.87);
  border-top-color: var(--gray-1);
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.Tree {
  background: #fff;
  background: var(--white);
}
.TreeNode-title {
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid var(--gray-7);
}
.TreeNode-title:hover {
  background: #fafafa;
  background: var(--light-2);
  color: #ffb300;
  color: var(--brand-1);
  cursor: pointer;
}
.TreeNode:last-child .TreeNode-title {
  border: 0;
}
.TreeNode-children-title {
  background: #fafafa;
  background: var(--light-2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid var(--gray-7);
}
.TreeNode-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
}
.TreeNode-children {
  display: none;
}
.TreeNode-children-active {
  display: block;
}
.Typing {
  display: flex;
  align-items: center;
  height: 2rem;
  transition: opacity 0.1s;
}
.Typing-dot {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 5px;
  border-radius: 50%;
  background: #ffc233;
  background: var(--brand-2);
  -webkit-animation: typing-dot 0.9s linear infinite;
          animation: typing-dot 0.9s linear infinite;
}
.Typing-dot:nth-child(1) {
  margin: 0;
  opacity: 0.9;
}
.Typing-dot:nth-child(2) {
  opacity: 0.3;
  -webkit-animation-delay: 0.225s;
          animation-delay: 0.225s;
}
.Typing-dot:nth-child(3) {
  opacity: 0.6;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
@-webkit-keyframes typing-dot {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(0.6rem);
            transform: translateY(0.6rem);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-0.6rem);
            transform: translateY(-0.6rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes typing-dot {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(0.6rem);
            transform: translateY(0.6rem);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-0.6rem);
            transform: translateY(-0.6rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.Video {
  position: relative;
  border-radius: inherit;
}
.Video-cover,
.Video-video {
  display: block;
  width: 100%;
  max-height: 100%;
  border-radius: inherit;
}
.Video-duration {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  color: #fff;
  color: var(--white);
}
.Video-duration:after {
  content: '＂';
}
.Video-playBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.Video-playBtn:hover {
  cursor: pointer;
}
.Video-playIcon {
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  background: url('//gw.alicdn.com/tfs/TB1p1mkqIbpK1RjSZFyXXX_qFXa-70-70.png') 0 0 no-repeat;
  background-size: cover;
}
.Video--playing .Video-playBtn {
  display: none;
}
.Carousel {
  position: relative;
  overflow: hidden;
}
.Carousel--draggable .Carousel-inner {
  touch-action: pan-y;
  cursor: grab;
}
.Carousel--draggable .Carousel-inner:active {
  cursor: grabbing;
}
.Carousel--rtl {
  direction: rtl;
}
.Carousel--dragging .Carousel-item {
  pointer-events: none;
}
.Carousel-inner {
  display: flex;
  will-change: transform;
}
.Carousel-dots {
  position: absolute;
  z-index: 1;
  bottom: 0.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.Carousel-dot {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 4px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.26);
  background: var(--gray-4);
  transition: 0.3s;
  cursor: pointer;
}
.Carousel-dot.active {
  background: #ffb300;
  background: var(--brand-1);
}
.Goods {
  padding: 1.2rem;
}
.Goods + .Goods {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid var(--gray-7);
}
.Goods-img {
  width: 8rem;
  height: 8rem;
  margin-right: 0.8rem;
  object-fit: cover;
  border-radius: 1.2rem;
}
.Goods-name {
  margin: 0 0 5px;
  font-size: 0.875rem;
  font-weight: 400;
}
.Goods-main .Price {
  margin-right: 0.8rem;
}
.Goods-desc {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.75rem;
  word-break: break-all;
}
.Goods-meta {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.625rem;
}
.Goods-countUnit {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.75rem;
}
.Goods-unit {
  margin-left: 3px;
  font-size: 0.625rem;
}
.Goods-buyBtn {
  float: right;
  background: #ffb300;
  background: var(--brand-1);
  color: #fff;
  padding: 2px;
}
.Goods-buyBtn:hover {
  background: #ffb300;
  background: var(--brand-1);
}
.Goods-detailBtn {
  min-width: 4.8rem;
  padding: 0 1rem;
  border-radius: 1rem;
  font-size: 0.625rem;
  line-height: 1.8rem;
}
.Goods-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 0.8rem;
}
.Goods-status {
  color: #f70;
  color: var(--orange);
  font-size: 0.75rem;
}
.FileCard {
  padding: 0.8rem;
}
.FileCard-icon {
  position: relative;
  height: 6rem;
  margin-right: 0.8rem;
  color: rgba(0, 0, 0, 0.54);
  color: var(--gray-2);
}
.FileCard-icon[data-type='pdf'] {
  color: #f56262;
  color: var(--red);
}
.FileCard-icon[data-type*='doc'] {
  color: #39f;
  color: var(--blue);
}
.FileCard-icon[data-type*='ppt'],
.FileCard-icon[data-type='key'] {
  color: #f70;
  color: var(--orange);
}
.FileCard-icon[data-type*='xls'] {
  color: #62d957;
  color: var(--green);
}
.FileCard-icon[data-type='rar'],
.FileCard-icon[data-type='zip'] {
  color: #ffb300;
  color: var(--brand-1);
}
.FileCard-icon .Icon {
  font-size: 6rem;
}
.FileCard-name {
  height: 3.8rem;
  margin-bottom: 4px;
  line-height: 1.4;
}
.FileCard-ext {
  position: absolute;
  left: 2rem;
  bottom: 1.5rem;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  max-width: 5rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.FileCard-meta {
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
  font-size: 0.75rem;
}
.FileCard-meta > a,
.FileCard-meta > span {
  margin-right: 1rem;
}
.Form {
  background: #fff;
  background: var(--white);
}
.Form.is-light {
  background: #fafafa;
  background: var(--light-2);
}
.Form.is-light .FormItem {
  padding: 0;
}
.Form.is-light .Label,
.Form.is-light .HelpText {
  padding: 0 1.2rem;
  padding: 0 var(--gutter);
}
.FormItem {
  position: relative;
  padding: 0 1.2rem;
  padding: 0 var(--gutter);
}
.FormItem + .FormItem {
  margin-top: 2rem;
}
.FormItem.required .Label:after {
  content: '*';
  display: inline-block;
  color: #f56262;
  color: var(--red);
  font-size: 0.875rem;
  font-family: SimSun, sans-serif;
  line-height: 1;
  vertical-align: middle;
}
.FormItem.is-invalid .Label,
.FormItem.is-invalid .HelpText {
  color: #f56262;
  color: var(--red);
}
.FormItem.is-invalid .Input {
  border-color: #f56262;
  border-color: var(--red);
}
.FormItem .RadioGroup,
.FormItem .CheckboxGroup {
  margin-top: 1rem;
}
.FormItem .Label + .Input {
  margin-top: 5px;
}
.FormActions {
  display: flex;
  padding: 1rem 1.2rem;
  padding: 1rem 12px;
  padding: 1rem var(--gutter);
  background: #fff;
  background: var(--white);
}
.FormActions .Btn {
  flex: 1;
}
.FormActions .Btn + .Btn {
  margin-left: 0.6rem;
}
.MessageContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.MessageContainer > .PullToRefresh {
  flex: 1;
}
.MessageContainer > .PullToRefresh > .PullToRefresh-inner {
  box-sizing: border-box;
  padding-bottom: 4rem;
}
.MessageContainer:focus {
  outline: 0;
}
.MessageList {
  padding: 1.2rem;
  padding: var(--gutter);
}
.RecorderToast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 16rem;
  height: 16rem;
  padding: 1rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 1.2rem;
  background: rgba(51, 51, 51, 0.87);
  color: #fff;
  color: var(--white);
  text-align: center;
}
.Recorder--cancel .RecorderToast {
  color: #f56262;
  color: var(--red);
}
.Recorder--cancel .Recorder-btn {
  background: rgba(0, 0, 0, 0.05);
  background: var(--gray-7);
  color: rgba(0, 0, 0, 0.4);
  color: var(--gray-3);
}
.RecorderToast-icon {
  position: relative;
  font-size: 3.7rem;
}
.RecorderToast-waves {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.RecorderToast-wave-1,
.RecorderToast-wave-2,
.RecorderToast-wave-3 {
  position: absolute;
  z-index: -1;
  color: #ffc233;
  color: var(--brand-2);
  -webkit-animation: wave 10s linear infinite;
          animation: wave 10s linear infinite;
}
.RecorderToast-wave-1 {
  top: -2.5rem;
  left: 1.4rem;
  font-size: 17.6rem;
  opacity: 0.2;
}
.RecorderToast-wave-2 {
  top: -1.2rem;
  left: -2.1rem;
  font-size: 18.6rem;
  opacity: 0.4;
}
.RecorderToast-wave-3 {
  top: 4rem;
  left: 5.5rem;
  font-size: 7.1rem;
  opacity: 0.8;
}
.Recorder-btn {
  height: 3.6rem;
  border-radius: 2rem;
  background: #fff;
  background: var(--white);
  color: #333;
  color: var(--gray-dark);
  line-height: 3.6rem;
  text-align: center;
  transition: 0.3s;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateY(5%) rotate(0);
            transform: translateY(5%) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-5%) rotate(180deg);
            transform: translateY(-5%) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(5%) rotate(360deg);
            transform: translateY(5%) rotate(360deg);
  }
}
@keyframes wave {
  0% {
    -webkit-transform: translateY(5%) rotate(0);
            transform: translateY(5%) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-5%) rotate(180deg);
            transform: translateY(-5%) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(5%) rotate(360deg);
            transform: translateY(5%) rotate(360deg);
  }
}
.Composer {
  display: flex;
  align-items: flex-end;
  padding: 0.6rem 1.2rem;
  padding: 0.6rem 12px;
  padding: 0.6rem var(--gutter);
}
.Composer > div + div {
  margin-left: 1.2rem;
  margin-left: var(--gutter);
}
.Composer-actions {
  display: flex;
  align-items: center;
  height: 3.6rem;
}
.Composer-actions .IconBtn {
  margin: 0 -4px;
  font-size: 2.8rem;
}
.Composer-toggleBtn {
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.Composer-toggleBtn.active .Icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Composer-inputWrap {
  flex: 1;
  position: relative;
}
.Composer-input {
  overflow: hidden;
  max-height: 13.2rem;
  padding: 0.6rem 1.2rem;
  border: 0;
  border-radius: 2rem;
  background: #fff;
  background: var(--white);
  word-break: break-all;
  caret-color: #ffc233;
  caret-color: var(--brand-2);
  transition: border-color 0.15s ease-in-out;
}
.SendConfirm .Modal-dialog {
  width: 48rem;
  margin: 2rem;
}
.SendConfirm-inner {
  height: 32rem;
  text-align: center;
}
.SendConfirm-inner img {
  max-width: 100%;
  max-height: 100%;
}
html {
  height: 100vh;
}
html[data-safari] {
  height: calc(100vh - (100vh - 100%));
  height: calc(100vh - calc(100vh - 100%));
}
body,
#root {
  height: 100%;
}
body {
  margin: 0;
}
.ChatApp {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f0f2f6;
  background: var(--light-1);
  color: rgba(0, 0, 0, 0.87);
  color: var(--gray-1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}
.S--focusing {
  --safe-bottom: 0px;
}
@media (hover: none) {
  .S--focusing .MessageList {
    margin-top: 75vh;
  }
}
.ChatFooter {
  position: relative;
  z-index: 10;
  padding-bottom: 0px;
  padding-bottom: var(--safe-bottom);
  background: rgba(242, 244, 245, 0.95);
}
.slide-in-right-item {
  -webkit-animation: slideInRight 0.5s ease-in-out both;
          animation: slideInRight 0.5s ease-in-out both;
}
.slide-in-right-item:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.slide-in-right-item:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.slide-in-right-item:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.slide-in-right-item:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.slide-in-right-item:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.slide-in-right-item:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.slide-in-right-item:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.slide-in-right-item:nth-child(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.slide-in-right-item:nth-child(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.slide-in-right-item:nth-child(11) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(10rem);
            transform: translateX(10rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(10rem);
            transform: translateX(10rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

:root{--brand-1:#ffb300;--brand-2:#ffc233;--brand-3:#ffe48c;--black:#000;--white:#fff;--gray-1:rgba(0,0,0,.87);--gray-2:rgba(0,0,0,.54);--gray-3:rgba(0,0,0,.4);--gray-4:rgba(0,0,0,.26);--gray-5:rgba(0,0,0,.2);--gray-6:rgba(0,0,0,.1);--gray-7:rgba(0,0,0,.05);--gray-8:rgba(0,0,0,.03);--light-1:#f0f2f6;--light-2:#fafafa;--blue:#39f;--gray-dark:#333;--green:#62d957;--orange:#f70;--red:#f56262;--yellow:#ffc233;--yellow-light:#fff9db;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--radius-sm:0.25rem;--radius-md:0.75rem;--radius-lg:1.25rem;--shadow-1:0 3px 4px 0 rgba(0,0,0,.04);--shadow-2:0 4px 0.8rem 0 rgba(0,0,0,.08);--shadow-3:0 0.6rem 1rem 0 rgba(0,0,0,.08);--safe-top:0px;--safe-bottom:0px;--gutter:1.2rem}@supports (top:constant(safe-area-inset-top)){:root{--safe-top:constant(safe-area-inset-top);--safe-bottom:constant(safe-area-inset-bottom)}}@supports (top:env(safe-area-inset-top)){:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}}.S--invisible{clip:rect(0,0,0,0);position:absolute}.Avatar{border-radius:50%;display:inline-block;overflow:hidden}.Avatar img{display:block;height:3.6rem;object-fit:cover;width:3.6rem}.Avatar--sm img{height:2.4rem;width:2.4rem}.Avatar--lg img{height:4rem;width:4rem}.Avatar--square{border-radius:4px}.Backdrop{background:rgba(0,0,0,.2);background:var(--gray-5);bottom:0;height:100vh;left:0;opacity:0;outline:0;position:fixed;right:0;transition:.3s;width:100vw;z-index:100}.Backdrop.active{opacity:1}.Bubble{background:#fff;background:var(--white);border-radius:1.25rem;max-width:68rem;min-width:1px}.Bubble.text{word-wrap:break-word;line-height:1.5;word-wrap:break-word;padding:0.8rem 1.6rem;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.Bubble.image img{border-radius:inherit;display:block;height:auto;max-height:20rem;max-width:20rem}.Bubble.typing{padding:0.8rem 1.6rem}.Btn,.Bubble p{margin:0}.Btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;background:#fff;background:var(--white);border:1px solid rgba(0,0,0,.1);border:1px solid var(--gray-6);border-radius:1.6rem;color:rgba(0,0,0,.87);color:var(--gray-1);display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;justify-content:center;line-height:1.5;overflow:visible;padding:3px 1.2rem;text-align:center;text-transform:none;transition:.15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.Btn:not(:disabled){cursor:pointer}.Btn:focus:not(.focus-visible){outline:0}.Btn:focus:not(:focus-visible){outline:0}.Btn:hover{background:rgba(0,0,0,.05);background:var(--gray-7)}.Btn:active{background:rgba(0,0,0,.1);background:var(--gray-6)}.Btn:disabled{background-color:transparent;border-color:rgba(0,0,0,.1);border-color:var(--gray-6);color:rgba(0,0,0,.26);color:var(--gray-4);pointer-events:none}.Btn--primary{background:linear-gradient(90deg,#ffe48c 0,#ffc233 100%);background:linear-gradient(90deg,var(--brand-3) 0,var(--brand-2) 100%);background-origin:border-box;border-color:transparent;color:rgba(0,0,0,.87);color:var(--gray-1)}.Btn--primary:hover{background:linear-gradient(90deg,#ffe48c 0,#ffc233 100%) 100% /200%;background:linear-gradient(90deg,var(--brand-3) 0,var(--brand-2) 100%) 100% /200%;background-origin:border-box}.Btn--primary:active{background:linear-gradient(90deg,#ffe48c 0,#ffc233 100%) 100% /400%;background:linear-gradient(90deg,var(--brand-3) 0,var(--brand-2) 100%) 100% /400%}.Btn--primary:disabled{background:rgba(0,0,0,.05);background:var(--gray-7);border-color:transparent;color:rgba(0,0,0,.26);color:var(--gray-4)}.Btn--text{border:0;color:#39f;color:var(--blue);padding:0;vertical-align:baseline;vertical-align:initial}.Btn--text,.Btn--text:active,.Btn--text:hover{background:transparent}.Btn--float{background:#fff;background:var(--white);border:0;box-shadow:0 4px 0.8rem 0 rgba(0,0,0,.08);box-shadow:var(--shadow-2);color:#ffb300;color:var(--brand-1);font-size:.875rem;padding:5px 1.9rem}.Btn--sm{border-radius:1.2rem;font-size:.875rem;padding:0 0.6rem}.Btn--lg{border-radius:2rem;font-size:1rem;padding:0.6rem 2.7rem}.Btn--block{display:block;width:100%}.Btn--block+.Btn--block{margin-top:1rem}[dir="ltr"] .Btn-icon{margin-right:.5rem}[dir="rtl"] .Btn-icon{margin-left:.5rem}.Btn-icon{-webkit-margin-end:.5rem;align-self:center;display:inline-flex;flex-shrink:0}.Card{background:#fff;background:var(--white);border-radius:1.25rem;box-shadow:0 3px 4px 0 rgba(0,0,0,.04);box-shadow:var(--shadow-1);overflow:hidden}.Card--xl{width:30rem}.Card--lg{width:16rem}.Card--md{width:12rem}.Card--sm{width:10.4rem}.Card--xs{width:8rem}.Card--fluid{max-width:68rem;min-width:26rem;width:calc(100% - 4.8rem)}.CardMedia{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.CardMedia:after{content:"";display:block;height:0}.CardMedia--wide:after{padding-top:56.25%}.CardMedia--square:after{padding-top:100%}.CardMedia-content{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.CardTitle{padding:1.6rem}.CardTitle--center{padding:4px 2px;text-align:center}.CardTitle-title{font-size:1.125rem;font-weight:500;margin:0}.CardTitle-subtitle{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:.625rem}.CardContent{padding:1.6rem}.CardTitle+.CardContent{padding-top:0}.CardText{color:#333;color:var(--gray-dark);padding:1.6rem}.CardTitle+.CardText{padding-top:0}.CardText p{margin:0}.CardActions{display:flex;padding:1.6rem}.CardText+.CardActions,.CardTitle+.CardActions{padding-top:0}.CardActions .Btn{flex:1 1 auto;line-height:1.5}.CardActions .Btn+.Btn{margin-left:1.2rem}.CardActions--column{flex-direction:column;padding:0}.CardActions--column .Btn{background:#fff;background:var(--white);border:0;border-radius:0;border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--gray-6);color:rgba(0,0,0,.4);color:var(--gray-3);padding:1rem}.CardActions--column .Btn:last-child{border-radius:0 0 1.25rem 1.25rem}.CardActions--column .Btn:active,.CardActions--column .Btn:hover{background:rgba(0,0,0,.05);background:var(--gray-7)}.CardActions--column .Btn:disabled{color:rgba(0,0,0,.26);color:var(--gray-4)}.CardActions--column .Btn+.Btn{margin:0}.CardActions--column .Btn--primary{color:#ffb300;color:var(--brand-1)}.Divider{align-items:center;color:rgba(0,0,0,.4);color:var(--gray-3);display:flex;font-size:.75rem;margin:1.2rem 0}.Divider:after,.Divider:before{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--gray-6);content:"";display:block;flex:1}.Divider--text-center:before,.Divider--text-left:before,.Divider--text-right:before{margin-right:1.2rem;margin-right:var(--gutter)}.Divider--text-center:after,.Divider--text-left:after,.Divider--text-right:after{margin-left:1.2rem;margin-left:var(--gutter)}.Divider--text-left:before,.Divider--text-right:after{max-width:10%}.Empty{padding:3rem;text-align:center}.Empty-img{height:12.5rem}.Empty-tip{color:rgba(0,0,0,.26);color:var(--gray-4);margin:2rem 0}.Flex{display:flex}.Flex--inline{display:inline-flex}.Flex--center{align-items:center;justify-content:center}.Flex--d-r{flex-direction:row}.Flex--d-rr{flex-direction:row-reverse}.Flex--d-c{flex-direction:column}.Flex--d-cr{flex-direction:column-reverse}.Flex--w-n{flex-wrap:nowrap}.Flex--w-w{flex-wrap:wrap}.Flex--w-wr{flex-wrap:wrap-reverse}.Flex--jc-fs{justify-content:flex-start}.Flex--jc-fe{justify-content:flex-end}.Flex--jc-c{justify-content:center}.Flex--jc-sb{justify-content:space-between}.Flex--jc-sa{justify-content:space-around}.Flex--ai-fs{align-items:flex-start}.Flex--ai-fe{align-items:flex-end}.Flex--ai-c{align-items:center}.FlexItem{flex:1;min-height:0;min-width:0}.HelpText{color:rgba(0,0,0,.26);color:var(--gray-4);font-size:.75rem}.Icon{stroke-width:0;fill:currentColor;display:inline-block;height:1em;transition:all .3s cubic-bezier(.18,.89,.32,1.28);width:1em}.is-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.IconBtn{background:transparent;border:0;border-radius:4px;color:rgba(0,0,0,.54);color:var(--gray-2);padding:0}.IconBtn.Btn--primary{color:#ffc233;color:var(--brand-2)}.IconBtn:disabled{border-color:rgba(0,0,0,.1);border-color:var(--gray-6);color:rgba(0,0,0,.1);color:var(--gray-6)}.IconBtn.Btn--lg{border-radius:1.2rem;font-size:1.5rem;padding:4px}.IconBtn>.Icon,.IconBtn>img{display:block}.IconBtn>img{height:1em;width:1em}.Image{border-style:none;display:inline-block;overflow:hidden;position:relative}.Image--fluid{height:auto;max-width:100%}.InfiniteScroll{-webkit-overflow-scrolling:touch;overflow-y:scroll}.InputWrapper{position:relative}.InputWrapper.has-counter{padding-bottom:2rem}.InputWrapper.has-counter+.HelpText{margin-top:-2rem}.Input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:#fff;background:var(--white);border:1px solid rgba(0,0,0,.1);border:1px solid var(--gray-6);border-radius:1.2rem;box-sizing:border-box;color:rgba(0,0,0,.87);color:var(--gray-1);display:block;font-family:inherit;font-size:1rem;line-height:1.5;margin:0;min-height:2.4rem;padding:5px 1.2rem;resize:none;transition:.2s ease-in-out;width:100%}.Input:focus{border-color:#ffb300;border-color:var(--brand-1);outline:none}.Input:focus:not([disabled]):not([readonly])~.Input-line:after,.Input:focus:not([disabled]):not([readonly])~.Input-line:before{width:50%}.Input::-webkit-input-placeholder{color:#ccc}.Input::placeholder{color:#ccc}.Input--filled{background-color:#f0f2f6;background-color:var(--light-1);border-color:transparent}.Input--flushed{background:none;border-radius:0;border-width:0 0 1px;padding:2px 1.2rem;padding:2px var(--gutter)}.Input--flushed:focus{box-shadow:#ffb300 0 1px 0 0;box-shadow:var(--brand-1) 0 1px 0 0}.Input-counter{color:rgba(0,0,0,.4);color:var(--gray-3);float:right;font-size:.75rem;margin-right:1.2rem;margin-right:var(--gutter);position:relative;z-index:1}.Label{color:rgba(0,0,0,.54);color:var(--gray-2);display:block;font-size:.75rem}.List{background:#fff;background:var(--white)}.List--bordered{border:1px solid rgba(0,0,0,.05);border:1px solid var(--gray-7);border-radius:2px}.ListItem{align-items:center;border:0;box-sizing:border-box;color:rgba(0,0,0,.87);color:var(--gray-1);display:flex;font-size:1rem;font-weight:500;line-height:1.5;padding:1rem 1.5rem;text-decoration:none;transition:.3s}.ListItem:focus:not(.focus-visible){outline:0}.ListItem:focus:not(:focus-visible){outline:0}.ListItem+.ListItem{border-top:1px solid rgba(0,0,0,.05);border-top:1px solid var(--gray-7)}.ListItem .Icon{color:rgba(0,0,0,.26);color:var(--gray-4)}button.ListItem{-webkit-appearance:none;appearance:none;background:transparent;text-align:left;width:100%}a.ListItem:hover,button.ListItem:hover{background:rgba(0,0,0,.05);background:var(--gray-7);background-clip:padding-box;cursor:pointer}a.ListItem:active,button.ListItem:active{background:rgba(0,0,0,.1);background:var(--gray-6)}.ListItem-content{flex:1}.Loading{padding:1.2rem}.Loading .Icon{color:#ffc233;color:var(--brand-2);font-size:1.5rem}.Loading-tip{color:rgba(0,0,0,.54);color:var(--gray-2);font-size:.875rem;margin:0 0 0 5px}.MediaObject{display:flex}.MediaObject-pic{margin-right:1rem;width:7rem}.MediaObject-pic>img{display:block;height:100%;width:100%}.MediaObject-info{flex:1}.MediaObject-title{font-size:.875rem;font-weight:400;margin:0 0 0.6rem}.MediaObject-meta{color:rgba(0,0,0,.54);color:var(--gray-2);font-size:.75rem}.Message{position:relative}.Message+.Message{margin-top:0.8rem}.Message.left{-webkit-animation:msgLeft .5s ease-in-out;animation:msgLeft .5s ease-in-out}.Message.left .Bubble{margin-right:4.8rem}.Message.right{-webkit-animation:msgRight .5s ease-in-out;animation:msgRight .5s ease-in-out}.Message.right .Message-content{flex-direction:row-reverse}.Message.right .Message-content>.Avatar{margin-left:4px;margin-right:0}.Message.right .Bubble{background:#ffe48c;background:var(--brand-3);border-radius:1.25rem;margin-left:4rem}.Message-meta{margin-bottom:0.8rem;text-align:center}.Message-content{align-items:flex-start;display:flex}.Message-content>.Avatar{flex-shrink:0;margin-right:4px}.SystemMessage{color:rgba(0,0,0,.54);color:var(--gray-2);font-size:.75rem;padding:0 1.6rem;text-align:center}.SystemMessage a{margin-left:5px}@-webkit-keyframes msgLeft{0%{opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}50%{opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes msgLeft{0%{opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}50%{opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes msgRight{0%{opacity:0;-webkit-transform:translateX(2rem);transform:translateX(2rem)}20%{opacity:0;-webkit-transform:translateX(2rem);transform:translateX(2rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes msgRight{0%{opacity:0;-webkit-transform:translateX(2rem);transform:translateX(2rem)}20%{opacity:0;-webkit-transform:translateX(2rem);transform:translateX(2rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.MessageStatus{align-self:center;margin-right:1.2rem}.MessageStatus[data-status=loading] .Icon{color:rgba(0,0,0,.26);color:var(--gray-4)}.MessageStatus[data-status=fail] .IconBtn{color:#ff5959}.MessageStatus .Icon,.MessageStatus .IconBtn{display:block}.Message.right .Bubble+.MessageStatus{margin-right:-2.8rem}.Modal,.Popup{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;outline:0;position:fixed;right:0;top:0;z-index:100}.Modal.active .Modal-dialog{opacity:1;-webkit-transform:none;transform:none}.Modal-dialog{background:#fff;background:var(--white);border-radius:1.25rem;box-shadow:0 0.6rem 1rem 0 rgba(0,0,0,.08);box-shadow:var(--shadow-3);opacity:0;position:relative;-webkit-transform:translateY(-5rem);transform:translateY(-5rem);transition:opacity .15s linear,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .15s linear;transition:transform .3s ease-out,opacity .15s linear,-webkit-transform .3s ease-out;width:32rem;z-index:100}@media (max-width:320px){.Modal-dialog{width:30rem}}.Modal-header{align-items:center;box-sizing:border-box;display:flex;padding:1.2rem}.Modal-title{color:rgba(0,0,0,.87);color:var(--gray-1);flex:1;font-size:1.125rem;font-weight:500;margin:0}.Modal-close{color:rgba(0,0,0,.87);color:var(--gray-1);margin:-4px}.Modal-footer{display:flex}.Modal-footer--h{padding:1.2rem}.Modal-footer--h .Btn{flex:1 1 auto}.Modal-footer--h .Btn+.Btn{margin-left:1.2rem}.Modal-footer--v{flex-direction:column;padding-top:1.2rem}.Modal-footer--v .Btn{background:#fff;background:var(--white);border:0;border-radius:0;border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--gray-6);color:rgba(0,0,0,.54);color:var(--gray-2);font-weight:500;padding:1.2rem}.Modal-footer--v .Btn:last-child{border-radius:0 0 1.25rem 1.25rem}.Modal-footer--v .Btn--primary{color:#ffb300;color:var(--brand-1)}.Popup{align-items:flex-end}.Popup.active .Popup-dialog{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.Popup-dialog{background:#fff;background:var(--white);border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -4px 0.8rem 0 rgba(0,0,0,.08);opacity:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);position:relative;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:.3s;width:100%;z-index:100}.Popup-header{align-items:center;box-sizing:border-box;display:flex;padding:1.2rem}.Popup-title{color:rgba(0,0,0,.87);color:var(--gray-1);flex:1;font-size:1.125rem;margin:0}.Popup-close{color:rgba(0,0,0,.87);color:var(--gray-1);margin:-4px}.Popup-body.overflow{-webkit-overflow-scrolling:touch;max-height:30rem;max-height:70vh;overflow-y:auto}.Popup-footer{background:#fff;background:var(--white);box-shadow:0 -4px 0.8rem 0 rgba(0,0,0,.08);display:flex;flex-direction:column;padding:1.2rem;position:relative}.Popup-footer .Btn+.Btn{margin-top:1.2rem}.Confirm{text-align:center}.Confirm .Modal-body{color:#333;color:var(--gray-dark);padding:0 1.6rem}.S--modalOpen,.S--modalOpen .MessageContainer>.PullToRefresh{overflow:hidden}.S--wide .Popup{align-items:center}.S--wide .Popup-dialog{border-radius:1.25rem;width:48rem}.Navbar{background:#f0f2f6;background:var(--light-1);border-bottom:1px solid rgba(0,0,0,.03);border-bottom:1px solid var(--gray-8);min-height:4.4rem;padding:0 0.8rem;padding-top:0px;padding-top:var(--safe-top);position:relative;z-index:10}.Navbar,.Navbar-main{align-items:center;display:flex}.Navbar-main{flex:1;justify-content:center}.Navbar-left,.Navbar-right{padding:2px 0;width:10rem;width:calc((1.5rem + 1.6rem) * 2)}.Navbar-right{text-align:right}.Navbar-title{color:rgba(0,0,0,.87);color:var(--gray-1);font-size:1rem;font-weight:400;margin:0;text-align:center}.Navbar-logo{height:3.6rem;width:auto}.Navbar .IconBtn{color:rgba(0,0,0,.54);color:var(--gray-2);padding:0.8rem}.Notice{background:#fff9db;background:var(--yellow-light);border-radius:1.25rem;box-shadow:0 4px 0.8rem 0 rgba(0,0,0,.08);box-shadow:var(--shadow-2);left:1.2rem;padding:0.9rem 1.2rem;position:absolute;right:1.2rem;top:1.2rem;z-index:30}.Notice-text{margin:0}.Notice-text.collapsed{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.Notice-text[data-overflow=true]:not(.collapsed):after{content:"";display:inline-block;height:1rem;width:3rem}.Notice-text a{color:inherit;text-decoration:none}.Notice-icon{float:left;margin:4px 5px 0 0}.Notice-close{left:0.8rem;position:absolute;top:50%;top:min(50%,3.3rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Notice-close+.Notice-content{margin-left:3.2rem}.Notice .Icon,.Notice-content{color:rgba(0,0,0,.87);color:var(--gray-1)}.Notice-content{word-wrap:break-word;font-size:1rem;line-height:1.5;position:relative}.Notice-actions{background:#fff9db;background:var(--yellow-light);bottom:-4px;padding-left:0.6rem;position:absolute;right:-4px}.Notice-more[aria-expanded=true]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Popover{font-size:.875rem;left:0;position:absolute;top:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem);z-index:1030}.Popover-body{background:#fff;background:var(--white);border-radius:0.6rem;box-shadow:0 0.6rem 1rem 0 rgba(0,0,0,.08);box-shadow:var(--shadow-3)}.Popover-arrow{fill:#fff;fill:var(--white);display:block;height:5px;margin-left:1rem;width:0.9rem}.Price{display:inline;font-size:.625rem}.Price--original{color:rgba(0,0,0,.4);color:var(--gray-3);text-decoration:line-through}.Price:not(.Price--original) .Price-integer{font-size:1.4em}.Progress{background-color:rgba(0,0,0,.2);background-color:var(--gray-5);border-radius:10rem;display:flex;height:2px;overflow:hidden}.Progress-bar{background-color:#39f;background-color:var(--blue);overflow:hidden;transition:width .6s ease}.Progress--success .Progress-bar{background-color:#62d957;background-color:var(--green)}.Progress--error .Progress-bar{background-color:#f56262;background-color:var(--red)}.PullToRefresh{-webkit-overflow-scrolling:touch;height:100%;overflow-y:scroll}.PullToRefresh-fallback{padding-top:1.2rem;padding-top:var(--gutter);text-align:center}.PullToRefresh-loadMore{font-size:.875rem}.PullToRefresh-inner{min-height:100%;overflow:hidden}.PullToRefresh-indicator{color:grey;height:2.5rem;line-height:2.5rem;margin-top:-2.5rem;text-align:center}.PullToRefresh-spinner{color:#ffc233;color:var(--brand-2);font-size:1.5rem}.PullToRefresh-transition{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}.QuickReplies{background:rgba(242,244,245,.95);bottom:100%;left:0;overflow:hidden;padding:4px 1.2rem;padding:4px var(--gutter);position:absolute;right:0;transition:opacity .3s;z-index:110}.QuickReplies[data-visible=false]{opacity:0;visibility:hidden}.QuickReplies:not(.ScrollView--hasControls){padding-left:0;padding-right:0}.QuickReplies:not(.ScrollView--hasControls) .ScrollView-inner{padding:0 1.2rem;padding:0 var(--gutter)}.QuickReplies:not(.ScrollView--hasControls) .ScrollView-item:last-child{padding-right:1.2rem;padding-right:var(--gutter)}.QuickReply{background:#fff;background:var(--white);border:1px solid #fff;border:1px solid var(--white);border-radius:2rem;color:rgba(0,0,0,.87);color:var(--gray-1);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.43;margin:0;padding:5px 1.1rem;position:relative;transition:.15s ease-in-out}.QuickReply.new:after{background:#f56262;background:var(--red);border-radius:50%;content:"";height:0.8rem;overflow:hidden;position:absolute;right:0;top:1px;width:0.8rem}.QuickReply.highlight{border-color:#ffc233;border-color:var(--brand-2)}.QuickReply-inner{align-items:center;display:flex}.QuickReply-img{max-height:1.6rem}.QuickReply-img,.QuickReply-inner>.Icon{margin-right:3px}@media (hover:hover){.QuickReply:hover{background:rgba(0,0,0,.05);background:var(--gray-7)}.QuickReply:not(.highlight):hover{background-clip:padding-box;border-color:rgba(0,0,0,.05);border-color:var(--gray-7)}}.Checkbox,.Radio{-webkit-tap-highlight-color:transparent;background:#f2f4f5;border-radius:1.2rem;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;line-height:2rem;margin:0 5px 5px 0;padding:0.6rem 1.2rem;position:relative;text-align:center;transition:.15s ease-in-out}.RadioGroup--block .Radio{display:block;margin:1rem 0 0}.RadioGroup--block .Radio:first-child{margin:0}.CheckboxGroup--block .Checkbox{display:block;margin:1rem 0 0}.CheckboxGroup--block .Checkbox:first-child{margin:0}.Checkbox--disabled,.Radio--disabled{background:rgba(0,0,0,.05);background:var(--gray-7);border-color:transparent;color:rgba(0,0,0,.26);color:var(--gray-4);cursor:auto}.Checkbox--checked,.Radio--checked{background:#ffe48c;background:var(--brand-3);border-color:#ffe48c;border-color:var(--brand-3);color:rgba(0,0,0,.87);color:var(--gray-1)}.Checkbox-input,.Radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.RateActions{align-self:flex-end;margin:0 0.8rem;position:relative;width:3.2rem;z-index:10}.RateBtn{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 3px 4px 0 rgba(0,0,0,.04);box-shadow:var(--shadow-1);font-size:1.5rem;padding:4px}.RateBtn+.RateBtn{margin-top:0.9rem}.RateBtn.active{box-shadow:none}.RateBtn[data-type=up].active,.RateBtn[data-type=up]:hover{color:#ffb300;color:var(--brand-1)}.RateBtn[data-type=down].active,.RateBtn[data-type=down]:hover{color:#39f;color:var(--blue)}.RichText{word-wrap:break-word;word-wrap:break-word}.ScrollView{overflow:hidden}.ScrollView-scroller{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}.ScrollView-scroller::-webkit-scrollbar{display:none}.ScrollView--fullWidth{margin:0 calc(1.2rem * -1);margin:0 calc(var(--gutter) * -1)}.ScrollView--fullWidth:not(.ScrollView--hasControls) .ScrollView-inner{padding:0 1.2rem;padding:0 var(--gutter)}.ScrollView--x .ScrollView-scroller{display:flex;margin-bottom:-1.8rem;overflow-x:scroll;overflow-y:hidden;padding-bottom:1.8rem}.ScrollView--x .ScrollView-inner{display:flex}.ScrollView--x .ScrollView-item{flex:0 0 auto;margin-left:0.8rem}.ScrollView--x .ScrollView-item:first-child{margin-left:0}.ScrollView--hasControls{align-items:center;display:flex}.ScrollView--hasControls .ScrollView-scroller{flex:1}.ScrollView-control{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:1rem;padding:0.6rem}.ScrollView-control:not(:disabled):hover{color:#ffb300;color:var(--brand-1)}.Search{margin-bottom:1.2rem;position:relative}.Search-icon{font-size:1rem;left:1.2rem;position:absolute;top:1rem}.Search-input{background:#fff;border-radius:1.8rem;padding:0.6rem 3.6rem}.Search-input::-webkit-search-cancel-button{display:none}.Search-input:disabled{background:rgba(0,0,0,.05);background:var(--gray-7)}.Search-clear{border-radius:2.4rem;opacity:0;padding:4px;position:absolute;right:0.6rem;top:0.6rem}.Search-input:focus+.Search-clear{opacity:1}.Select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.6rem 1.2rem}.Select:focus{border-color:#ffc233;border-color:var(--brand-2)}.Select:disabled{background-color:rgba(0,0,0,.05);background-color:var(--gray-7)}.Stepper{list-style-type:none;margin:0;padding:0}.Step{padding-bottom:1rem;padding-left:2.4rem;position:relative}.Step:last-child{padding-bottom:0}.Step:last-child .Step-line{display:none}.Step--active .Step-dot{background:#ffb300;background:var(--brand-1);-webkit-transform:scale(1.5);transform:scale(1.5)}.Step--active .Step-line{background:rgba(0,0,0,.1);background:var(--gray-6)}.Step--active .Step-desc,.Step--active .Step-title{color:rgba(0,0,0,.87);color:var(--gray-1)}.Step--disabled .Step-dot,.Step--disabled .Step-line{background:rgba(0,0,0,.1);background:var(--gray-6)}.Step--disabled .Step-desc,.Step--disabled .Step-title{color:rgba(0,0,0,.26);color:var(--gray-4)}.Step-dot{border-radius:50%;height:0.8rem;left:2px;top:0.6rem;width:0.8rem;z-index:2}.Step-dot,.Step-line{background:#ffe48c;background:var(--brand-3);position:absolute}.Step-line{bottom:-0.7rem;left:5px;top:1.3rem;width:2px}.Step-title{color:rgba(0,0,0,.54);color:var(--gray-2)}.Step-desc{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:.75rem}.Tabs-nav{display:flex;margin-bottom:1.2rem;position:relative}.Tabs-nav::-webkit-scrollbar{display:none}.Tabs--scrollable .Tabs-nav{-webkit-overflow-scrolling:touch;overflow:hidden;overflow-x:auto}.Tabs--scrollable .Tabs-navItem{flex:1 0 auto}.Tabs-navItem{flex:1;text-align:center}.Tabs-navLink{background:transparent;border:0;border-radius:2rem;color:rgba(0,0,0,.54);color:var(--gray-2);display:block;font-size:1rem;margin:0;padding:5px 1.2rem;transition:.3s;width:100%}.Tabs-navLink:focus:not(.focus-visible){outline:0}.Tabs-navLink:focus:not(:focus-visible){outline:0}.Tabs-navLink:hover{background:rgba(0,0,0,.1);background:var(--gray-6);color:rgba(0,0,0,.87);color:var(--gray-1);cursor:pointer}.Tabs-navLink.active{color:rgba(0,0,0,.87);color:var(--gray-1);position:relative;z-index:1}.Tabs-navPointer{background-image:linear-gradient(90deg,#ffe48c 0,#ffc233 100%);background-image:linear-gradient(90deg,var(--brand-3) 0,var(--brand-2) 100%);border-radius:4px;bottom:0;box-shadow:0 1.5px 3px 0 rgba(255,138,0,.3);height:4px;left:0;position:absolute;transition:.3s}.Tabs-pane{display:none}.Tabs-pane.active{display:block}.Tag{border:1px solid #ffb300;border:1px solid var(--brand-1);border-radius:4px;color:#ffb300;color:var(--brand-1);display:inline-block;font-size:.625rem;line-height:1.2;margin:0 4px 0 0;padding:1px 3px;position:relative;white-space:nowrap}.Tag--primary{border-color:transparent;color:#f70;color:var(--orange)}.Tag--primary:before{background:currentColor;border-radius:inherit;bottom:0;content:"";left:0;margin:-1px;opacity:.2;position:absolute;right:0;top:0}.Tag--success{background:#62d957;background:var(--green);border-color:#62d957;border-color:var(--green);color:#fff}.Tag--danger{background:#f56262;background:var(--red);border-color:#f56262;border-color:var(--red);color:#fff}.Tag--warning{background:#f70;background:var(--orange);border-color:#f70;border-color:var(--orange);color:#fff}.Text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Text--break{word-wrap:break-word!important;word-break:break-word!important}.Text--ellipsis{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.Time{color:rgba(0,0,0,.4);color:var(--gray-3);display:inline-block;font-size:.75rem;padding:3px}.Toast,.Toast-content{align-items:center;display:flex}.Toast{justify-content:center;left:0;opacity:0;position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease 0s;visibility:hidden;z-index:200}.Toast[data-type=success] .Icon{color:#62d957;color:var(--green)}.Toast[data-type=error] .Icon{color:#f56262;color:var(--red)}.Toast[data-type=loading] .Icon{color:#ffc233;color:var(--yellow)}.Toast.show{opacity:1;visibility:visible}.Toast .Icon{font-size:1.5rem;margin-right:0.8rem}.Toast-content{background:#fff;background:var(--white);border-radius:3rem;box-shadow:0 0.6rem 1rem 0 rgba(0,0,0,.08);box-shadow:var(--shadow-3);box-sizing:border-box;margin:0 2rem;min-width:16rem;padding:1.8rem 2rem 1.8rem 2.8rem}.Toast-message{color:rgba(0,0,0,.87);color:var(--gray-1);flex:1 1 auto;font-size:1rem;margin:0}.Toolbar{padding:1rem 1.2rem 2.5rem}.Toolbar-item{display:inline-block;margin-top:2rem;text-align:center;width:25%}.Toolbar-btn{background:transparent;border:0;color:rgba(0,0,0,.87);color:var(--gray-1);overflow:hidden;padding:0.6rem;position:relative;vertical-align:top;width:7.2rem}.Toolbar-btn,.Toolbar-btnIcon{display:inline-block}.Toolbar-btnIcon .Icon{font-size:4rem;transition:.3s}.Toolbar-img{height:4rem;width:4rem}.Toolbar-btnText{display:block;font-size:.75rem;margin-top:1.2rem;transition:.3s}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:after,[data-tooltip]:before{bottom:100%;left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,4px);transform:translate(-50%,4px);-webkit-transform-origin:top;transform-origin:top;transition:all .18s ease-out .18s;z-index:200}[data-tooltip]:after{background:rgba(0,0,0,.87);background:var(--gray-1);border-radius:0.6rem;color:#fff;color:var(--white);content:attr(aria-label);font-size:.75rem;margin-bottom:1rem;padding:.5em 1em;white-space:nowrap}[data-tooltip]:before{border:5px solid transparent;border-top:5px solid rgba(0,0,0,.87);border-top:5px solid var(--gray-1);content:"";height:0;-webkit-transform-origin:top;transform-origin:top;width:0}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}.Tree{background:#fff;background:var(--white)}.TreeNode-title{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);border-bottom:1px solid var(--gray-7);display:flex;justify-content:space-between;padding:1rem 1.5rem}.TreeNode-title:hover{background:#fafafa;background:var(--light-2);color:#ffb300;color:var(--brand-1);cursor:pointer}.TreeNode:last-child .TreeNode-title{border:0}.TreeNode-children-title{background:#fafafa;background:var(--light-2);border-bottom:1px solid rgba(0,0,0,.05);border-bottom:1px solid var(--gray-7)}.TreeNode-title-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;flex:1;overflow:hidden;text-overflow:ellipsis}.TreeNode-children{display:none}.TreeNode-children-active{display:block}.Typing{align-items:center;display:flex;height:2rem;transition:opacity .1s}.Typing-dot{-webkit-animation:typing-dot .9s linear infinite;animation:typing-dot .9s linear infinite;background:#ffc233;background:var(--brand-2);border-radius:50%;display:inline-block;height:0.8rem;margin-left:5px;width:0.8rem}.Typing-dot:first-child{margin:0;opacity:.9}.Typing-dot:nth-child(2){-webkit-animation-delay:.225s;animation-delay:.225s;opacity:.3}.Typing-dot:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s;opacity:.6}@-webkit-keyframes typing-dot{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(0.6rem);transform:translateY(0.6rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-0.6rem);transform:translateY(-0.6rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes typing-dot{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(0.6rem);transform:translateY(0.6rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-0.6rem);transform:translateY(-0.6rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.Video{border-radius:inherit;position:relative}.Video-cover,.Video-video{border-radius:inherit;display:block;max-height:100%;width:100%}.Video-duration{bottom:5px;color:#fff;color:var(--white);position:absolute;right:5px;z-index:1}.Video-duration:after{content:"＂"}.Video-playBtn{background:transparent;border:0;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.Video-playBtn:hover{cursor:pointer}.Video-playIcon{background:url(//gw.alicdn.com/tfs/TB1p1mkqIbpK1RjSZFyXXX_qFXa-70-70.png) 0 0 no-repeat;background-size:cover;display:inline-block;height:3.5rem;width:3.5rem}.Video--playing .Video-playBtn{display:none}.Carousel{overflow:hidden;position:relative}.Carousel--draggable .Carousel-inner{cursor:grab;touch-action:pan-y}.Carousel--draggable .Carousel-inner:active{cursor:grabbing}.Carousel--rtl{direction:rtl}.Carousel--dragging .Carousel-item{pointer-events:none}.Carousel-inner{display:flex;will-change:transform}.Carousel-dots{bottom:0.8rem;display:flex;justify-content:center;left:50%;list-style-type:none;margin:0;padding:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.Carousel-dot{background:rgba(0,0,0,.26);background:var(--gray-4);border:0;border-radius:50%;cursor:pointer;display:block;height:0.8rem;margin:0 4px;padding:0;transition:.3s;width:0.8rem}.Carousel-dot.active{background:#ffb300;background:var(--brand-1)}.Goods{padding:1.2rem}.Goods+.Goods{border-top:1px solid rgba(0,0,0,.05);border-top:1px solid var(--gray-7)}.Goods-img{border-radius:1.2rem;height:8rem;margin-right:0.8rem;object-fit:cover;width:8rem}.Goods-name{font-size:.875rem;font-weight:400;margin:0 0 5px}.Goods-main .Price{margin-right:0.8rem}.Goods-desc{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:.75rem;word-break:break-all}.Goods-meta{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:.625rem}.Goods-countUnit{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:.75rem}.Goods-unit{font-size:.625rem;margin-left:3px}.Goods-buyBtn{color:#fff;float:right;padding:2px}.Goods-buyBtn,.Goods-buyBtn:hover{background:#ffb300;background:var(--brand-1)}.Goods-detailBtn{border-radius:1rem;font-size:.625rem;line-height:1.8rem;min-width:4.8rem;padding:0 1rem}.Goods-aside{align-items:flex-end;display:flex;flex-direction:column;margin-left:0.8rem}.Goods-status{color:#f70;color:var(--orange);font-size:.75rem}.FileCard{padding:0.8rem}.FileCard-icon{color:rgba(0,0,0,.54);color:var(--gray-2);height:6rem;margin-right:0.8rem;position:relative}.FileCard-icon[data-type=pdf]{color:#f56262;color:var(--red)}.FileCard-icon[data-type*=doc]{color:#39f;color:var(--blue)}.FileCard-icon[data-type*=ppt],.FileCard-icon[data-type=key]{color:#f70;color:var(--orange)}.FileCard-icon[data-type*=xls]{color:#62d957;color:var(--green)}.FileCard-icon[data-type=rar],.FileCard-icon[data-type=zip]{color:#ffb300;color:var(--brand-1)}.FileCard-icon .Icon{font-size:6rem}.FileCard-name{height:3.8rem;line-height:1.4;margin-bottom:4px}.FileCard-ext{bottom:1.5rem;font-size:1rem;font-weight:700;left:2rem;max-width:5rem;position:absolute;text-transform:uppercase;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left bottom;transform-origin:left bottom}.FileCard-meta{color:rgba(0,0,0,.4);color:var(--gray-3);font-size:.75rem}.FileCard-meta>a,.FileCard-meta>span{margin-right:1rem}.Form{background:#fff;background:var(--white)}.Form.is-light{background:#fafafa;background:var(--light-2)}.Form.is-light .FormItem{padding:0}.Form.is-light .HelpText,.Form.is-light .Label,.FormItem{padding:0 1.2rem;padding:0 var(--gutter)}.FormItem{position:relative}.FormItem+.FormItem{margin-top:2rem}.FormItem.required .Label:after{color:#f56262;color:var(--red);content:"*";display:inline-block;font-family:SimSun,sans-serif;font-size:.875rem;line-height:1;vertical-align:middle}.FormItem.is-invalid .HelpText,.FormItem.is-invalid .Label{color:#f56262;color:var(--red)}.FormItem.is-invalid .Input{border-color:#f56262;border-color:var(--red)}.FormItem .CheckboxGroup,.FormItem .RadioGroup{margin-top:1rem}.FormItem .Label+.Input{margin-top:5px}.FormActions{background:#fff;background:var(--white);display:flex;padding:1rem 1.2rem;padding:1rem 12px;padding:1rem var(--gutter)}.FormActions .Btn{flex:1}.FormActions .Btn+.Btn{margin-left:0.6rem}.MessageContainer{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.MessageContainer>.PullToRefresh{flex:1}.MessageContainer>.PullToRefresh>.PullToRefresh-inner{box-sizing:border-box;padding-bottom:4rem}.MessageContainer:focus{outline:0}.MessageList{padding:1.2rem;padding:var(--gutter)}.RecorderToast{background:rgba(51,51,51,.87);border-radius:1.2rem;color:#fff;color:var(--white);height:16rem;left:50%;padding:1rem;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:16rem;z-index:100}.Recorder--cancel .RecorderToast{color:#f56262;color:var(--red)}.Recorder--cancel .Recorder-btn{background:rgba(0,0,0,.05);background:var(--gray-7);color:rgba(0,0,0,.4);color:var(--gray-3)}.RecorderToast-icon{font-size:3.7rem;position:relative}.RecorderToast-waves{height:100%;position:absolute;transition:.3s;width:100%;z-index:-1}.RecorderToast-wave-1,.RecorderToast-wave-2,.RecorderToast-wave-3{-webkit-animation:wave 10s linear infinite;animation:wave 10s linear infinite;color:#ffc233;color:var(--brand-2);position:absolute;z-index:-1}.RecorderToast-wave-1{font-size:17.6rem;left:1.4rem;opacity:.2;top:-2.5rem}.RecorderToast-wave-2{font-size:18.6rem;left:-2.1rem;opacity:.4;top:-1.2rem}.RecorderToast-wave-3{font-size:7.1rem;left:5.5rem;opacity:.8;top:4rem}.Recorder-btn{-webkit-touch-callout:none;background:#fff;background:var(--white);border-radius:2rem;color:#333;color:var(--gray-dark);height:3.6rem;line-height:3.6rem;text-align:center;transition:.3s;-webkit-user-select:none;user-select:none}@-webkit-keyframes wave{0%{-webkit-transform:translateY(5%) rotate(0);transform:translateY(5%) rotate(0)}50%{-webkit-transform:translateY(-5%) rotate(180deg);transform:translateY(-5%) rotate(180deg)}to{-webkit-transform:translateY(5%) rotate(1turn);transform:translateY(5%) rotate(1turn)}}@keyframes wave{0%{-webkit-transform:translateY(5%) rotate(0);transform:translateY(5%) rotate(0)}50%{-webkit-transform:translateY(-5%) rotate(180deg);transform:translateY(-5%) rotate(180deg)}to{-webkit-transform:translateY(5%) rotate(1turn);transform:translateY(5%) rotate(1turn)}}.Composer{align-items:flex-end;display:flex;padding:0.6rem 1.2rem;padding:0.6rem 12px;padding:0.6rem var(--gutter)}.Composer>div+div{margin-left:1.2rem;margin-left:var(--gutter)}.Composer-actions{align-items:center;display:flex;height:3.6rem}.Composer-actions .IconBtn{font-size:2.8rem;margin:0 -4px}.Composer-toggleBtn{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;transition:transform .2s,-webkit-transform .2s}.Composer-toggleBtn.active .Icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Composer-inputWrap{flex:1;position:relative}.Composer-input{background:#fff;background:var(--white);border:0;border-radius:2rem;caret-color:#ffc233;caret-color:var(--brand-2);max-height:13.2rem;overflow:hidden;padding:0.6rem 1.2rem;transition:border-color .15s ease-in-out;word-break:break-all}.SendConfirm .Modal-dialog{margin:2rem;width:48rem}.SendConfirm-inner{height:32rem;text-align:center}.SendConfirm-inner img{max-height:100%;max-width:100%}html{height:100vh}html[data-safari]{height:calc(100vh - (100vh - 100%));height:calc(100vh - calc(100vh - 100%))}#root,body{height:100%}body{margin:0}.ChatApp{-webkit-tap-highlight-color:transparent;background:#f0f2f6;background:var(--light-1);color:rgba(0,0,0,.87);color:var(--gray-1);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;height:100%;line-height:1.5}.S--focusing{--safe-bottom:0px}@media (hover:none){.S--focusing .MessageList{margin-top:75vh}}.ChatFooter{background:rgba(242,244,245,.95);padding-bottom:0px;padding-bottom:var(--safe-bottom);position:relative;z-index:10}.slide-in-right-item{-webkit-animation:slideInRight .5s ease-in-out both;animation:slideInRight .5s ease-in-out both}.slide-in-right-item:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.slide-in-right-item:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.slide-in-right-item:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.slide-in-right-item:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}.slide-in-right-item:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s}.slide-in-right-item:nth-child(7){-webkit-animation-delay:1.2s;animation-delay:1.2s}.slide-in-right-item:nth-child(8){-webkit-animation-delay:1.4s;animation-delay:1.4s}.slide-in-right-item:nth-child(9){-webkit-animation-delay:1.6s;animation-delay:1.6s}.slide-in-right-item:nth-child(10){-webkit-animation-delay:1.8s;animation-delay:1.8s}.slide-in-right-item:nth-child(11){-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.privacy{min-height:100vh;background-color:#fff;padding:1rem;font-size:1.4rem}.privacy p{line-height:2rem}
.deleteUser{min-height:100vh;background:#f7f8fa;padding-top:1.6rem}.deleteUser .pageTitle{padding:0 2rem 1.2rem 2rem;font-size:1.8rem;color:#333}.deleteUser .adm-form{margin:0 2rem;background-color:#fff;padding:1.2rem 1.6rem 0.8rem;border-radius:1.2rem}.deleteUser .adm-form .adm-list-item{padding-left:0}.deleteUser .adm-form .adm-list-body{border:none}.deleteUser .adm-form .adm-list-body .adm-list-item-content{border:none;padding-right:0}.deleteUser .adm-form .adm-list-body .adm-list-item-content .adm-list-item-content-main{padding-bottom:0}.deleteUser .adm-form .adm-list-body .adm-list-item-content .adm-form-item-child{height:4.4rem;border-radius:0.6rem;padding:1rem 0;line-height:4.4rem;background-color:#f4f7ff}.deleteUser .adm-form .adm-list-body .adm-list-item-content .adm-input{padding-left:1.2rem;--placeholder-color: #b3b3b3}.deleteUser .adm-form .adm-list-body .adm-list-item-content .adm-input .adm-input-element{background-color:#f4f7ff}.deleteUser .adm-form-footer{padding:0 2rem}.deleteUser .adm-form-footer .btnDelete{margin-top:1.6rem;height:4rem;font-size:1.5rem;border-radius:2rem}