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

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

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

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

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

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

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

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template, [hidden] {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
html {
  color: #4c4c4c;
  font-family: 'open sans', sans-serif;
  font-size: 1rem;
  word-wrap: break-word; }
  html * {
    margin: 0;
    padding: 0;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-overflow-scrolling: touch; }
    html *:before, html *:after {
      box-sizing: border-box; }
  html u,
  html strike,
  html em,
  html i,
  html a {
    text-decoration: none; }

body {
  background-color: #f8f8f6; }
  @media only screen and (min-width: 768px) {
    body {
      background-color: #fff; } }

.wrapper {
  padding-right: 1.25rem;
  padding-left: 1.25rem; }

.button {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: block;
  position: relative;
  width: 100%;
  padding: 0.625rem 1.25rem;
  border: 0;
  border-radius: 2px;
  background-color: #b84145;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .button:disabled {
    background-color: #c8c9cb;
    color: #4c4c4c; }
  .button--secondary {
    background-color: #3b64a6; }
  .button--bordered {
    background-color: transparent;
    color: #4c4c4c;
    box-shadow: inset 0 0 0 1px #b84145; }
  .button--green {
    background-color: #64a338; }
  .button--black {
    background-color: #333333; }
  .button--orange {
    background-color: #FFC600; }
  .button--small {
    padding: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem; }
  .button--text {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    display: inline-block;
    padding: 0;
    outline: none;
    background: transparent;
    text-align: left;
    text-decoration: underline; }
    .button--text:disabled {
      background: transparent;
      color: #c8c9cb; }

.image {
  color: transparent; }

.input-field {
  width: auto;
  margin: 0;
  padding: 0; }
  .input-field::after {
    display: table;
    clear: both;
    content: ''; }
  .input-field__input-container {
    position: relative;
    margin-bottom: 1.5rem; }
  .input-field__input {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    transition: border-color 0.2s ease-in-out;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    outline: none;
    background-color: #fff;
    z-index: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .input-field__input:focus {
      border-color: #4c4c4c; }
    .input-field__input:required {
      box-shadow: none; }
    .input-field__input[type=text], .input-field__input[type=email], .input-field__input[type=password], .input-field__input[type=tel] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .input-field__input::-ms-reveal {
      display: none; }
  .input-field__textarea {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    transition: border-color 0.2s ease-in-out;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    outline: none;
    background-color: #fff;
    z-index: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: auto;
    min-height: 9.375rem;
    padding: 0.75rem;
    resize: none; }
    .input-field__textarea:focus {
      border-color: #4c4c4c; }
    .input-field__textarea:required {
      box-shadow: none; }
  .input-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem; }
    .input-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .input-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0.5rem 0 0;
    -webkit-animation: show-error-input 0.2s ease-in-out;
            animation: show-error-input 0.2s ease-in-out; }
  .input-field__default-message {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    margin: 0.5rem 0 0; }
  .input-field--error .input-field__input,
  .input-field--error .select-field__select,
  .input-field--error .input-field__textarea {
    border-color: #d21e1f; }
    .input-field--error .input-field__input:focus,
    .input-field--error .select-field__select:focus,
    .input-field--error .input-field__textarea:focus {
      border-color: #4c4c4c; }
  .input-field--disabled {
    border-color: #e7e7e7;
    color: #9e9e9e; }
    .input-field--disabled .input-field__label,
    .input-field--disabled .input-field__label:after {
      color: #9e9e9e; }
    .input-field--disabled .input-field__input {
      background-color: #f8f8f6; }
    .input-field--disabled .input-field__textarea {
      background-color: #f8f8f6; }
  .input-field--with-addon .input-field__input-container {
    display: inline-block;
    width: 100%; }
  .input-field--with-addon .warpper {
    display: table;
    position: relative;
    width: 100%; }
  .input-field--with-addon .input-field__input {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  .input-field--with-addon .input-field__addon {
    display: inline-block;
    vertical-align: top; }
  .input-field--with-addon-before .input-field__input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-field--with-addon-before .input-field__addon--before .select-field__select {
    border-right: 0 none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-field--with-addon-before .input-field__addon--before .select-field__container {
    margin-bottom: 0; }
  .input-field--with-addon-after .input-field__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-field--with-addon-after .input-field__addon--after .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-field__input--disabled {
    color: #9e9e9e; }

@-webkit-keyframes show-error-input {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

@keyframes show-error-input {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

.tag-field {
  width: auto;
  margin: 0;
  padding: 0; }
  .tag-field::after {
    display: table;
    clear: both;
    content: ''; }
  .tag-field__input-container {
    position: relative;
    margin-bottom: 1.5rem; }
  .tag-field__input {
    width: 100%; }
  .tag-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem; }
    .tag-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .tag-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0.5rem 0 0;
    -webkit-animation: show-error-input 0.2s ease-in-out;
            animation: show-error-input 0.2s ease-in-out; }
  .tag-field__default-message {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    margin: 0.5rem 0 0; }

@keyframes show-error-input {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

.search-field {
  width: auto;
  margin: 0;
  padding: 0; }
  .search-field::after {
    display: table;
    clear: both;
    content: ''; }
  .search-field__input-container {
    position: relative;
    margin-bottom: 1.5rem; }
  .search-field__input {
    width: 100%; }
  .search-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem; }
    .search-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .search-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0.5rem 0 0;
    -webkit-animation: show-error-input 0.2s ease-in-out;
            animation: show-error-input 0.2s ease-in-out; }
  .search-field__default-message {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    margin: 0.5rem 0 0; }

@keyframes show-error-input {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

.search-map {
  width: auto;
  margin: 0;
  padding: 0; }
  .search-map::after {
    display: table;
    clear: both;
    content: ''; }
  .search-map__input-container {
    position: relative;
    margin-bottom: 1.5rem; }
  .search-map__input {
    width: 100%; }
  .search-map__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem; }
    .search-map__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .search-map__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0.5rem 0 0;
    -webkit-animation: show-error-input 0.2s ease-in-out;
            animation: show-error-input 0.2s ease-in-out; }
  .search-map__default-message {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    margin: 0.5rem 0 0; }
  .search-map .ant-select-search__field:focus {
    box-shadow: none; }

@keyframes show-error-input {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

.select-field {
  width: auto;
  margin: 0;
  padding: 0; }
  .select-field::after {
    display: table;
    clear: both;
    content: ''; }
  .select-field--error .select-field__select {
    border-color: #d21e1f; }
    .select-field--error .select-field__select:focus {
      border-color: #4c4c4c; }
  .select-field--disabled {
    border-color: #e7e7e7;
    color: #9e9e9e; }
    .select-field--disabled .select-field__label,
    .select-field--disabled .select-field__label:after {
      color: #9e9e9e; }
    .select-field--disabled .select-field__select {
      background-color: #f8f8f6; }
  .select-field--no-border .select-field__select {
    border: 0; }
  .select-field__container {
    position: relative;
    margin-bottom: 1.5rem; }
    .select-field__container__select-wrapper {
      position: relative; }
  .select-field__select {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0 0.75rem;
    transition: border-color 0.2s ease-in-out;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    outline: none;
    background-color: #fff;
    z-index: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .select-field__select:focus {
      border-color: #4c4c4c; }
      .select-field__select:focus + .dropdown__icon-triangle {
        transform: rotate(180deg); }
      .select-field__select:focus + .dropdown__icon-container {
        top: 0;
        right: 0;
        width: 100%;
        height: 2.5rem;
        cursor: pointer; }
    .select-field__select:required {
      box-shadow: none; }
  .select-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem; }
    .select-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .select-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    top: 100%;
    margin: 0.5rem 0 0;
    white-space: nowrap;
    -webkit-animation: show-error-dropdown 0.2s ease-in-out;
            animation: show-error-dropdown 0.2s ease-in-out; }
  .select-field__icon-triangle {
    position: absolute;
    top: calc(50% - 2px);
    right: 0.75rem;
    width: 0;
    transition: transform 0.2s ease-in-out;
    border-top: solid 0.375rem #9e9e9e;
    border-right: solid 0.25rem transparent;
    border-bottom: 0 none;
    border-left: solid 0.25rem transparent; }
  .select-field__icon-container {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    height: 1.25rem; }
    .select-field__icon-container-none {
      display: none; }

@-webkit-keyframes show-error-dropdown {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

@keyframes show-error-dropdown {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

.radio-field {
  width: auto;
  margin: 0 0 1.5rem;
  padding: 0; }
  .radio-field::after {
    display: table;
    clear: both;
    content: ''; }
  .radio-field__content--inline {
    display: flex; }
    .radio-field__content--inline .radio-field__label {
      margin: 0.5rem 0 0; }
  .radio-field__input-container {
    position: relative; }
  .radio-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 0 0 0.5rem; }
    .radio-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .radio-field__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    overflow: auto; }
  .radio-field__item {
    width: 100%;
    border-top: 1px solid #c8c9cb;
    border-right: 1px solid #c8c9cb;
    border-bottom: 1px solid #c8c9cb;
    background-color: #fff; }
    .radio-field__item:first-child {
      border-left: 1px solid #c8c9cb;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .radio-field__item:last-child {
      border-left: 0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .radio-field__input {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .radio-field__input:checked ~ .radio-field__text {
      border-color: #5687bb;
      background-color: #5687bb;
      color: #fff; }
  .radio-field__text {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.375rem 0.5rem;
    white-space: nowrap; }
  .radio-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0.5rem 0 0;
    -webkit-animation: show-error-input 0.2s ease-in-out;
            animation: show-error-input 0.2s ease-in-out; }
  .radio-field__default-message {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    margin: 0.5rem 0 0; }

@keyframes show-error-input {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }

.checkbox-field__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem; }
  .checkbox-field__title--required:after {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    content: '*'; }

.checkbox-field__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.checkbox-field__item {
  margin: 0 0 0.75rem; }

.checkbox-field__checkbox {
  width: 0;
  height: 0;
  visibility: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .checkbox-field__checkbox:checked + .checkbox-field__label:before {
    border-color: #FFC600;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFC600' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
    background-size: 0.75rem; }

.checkbox-field__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem; }
  .checkbox-field__label:before {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0.5rem 0 0;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    background: #fff;
    content: '';
    vertical-align: middle; }

.checkbox-field__summary {
  position: relative; }
  .checkbox-field__summary-icon {
    width: 1.0625rem;
    height: 1.0625rem;
    margin-left: 0.375rem;
    vertical-align: middle; }
  .checkbox-field__summary__content {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: -0.8125rem;
    left: 2.375rem;
    min-width: 14.5rem;
    min-height: 3rem;
    padding: 0.625rem;
    border-radius: 0.25rem;
    background-color: rgba(158, 158, 158, 0.9);
    z-index: 999; }
    .checkbox-field__summary__content::before {
      position: absolute;
      top: 1.0625rem;
      left: -0.5rem;
      border-top: 0.5rem solid transparent;
      border-right: 0.5rem solid rgba(158, 158, 158, 0.9);
      border-bottom: 0.5rem solid transparent;
      content: ''; }

.checkbox-field__sub-summary {
  margin-left: 1.75rem; }

.checkbox-field__error-message {
  color: #d21e1f;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  margin: 0.5rem 0 0;
  -webkit-animation: show-error-input 0.2s ease-in-out;
          animation: show-error-input 0.2s ease-in-out; }

.map-field {
  width: 100%;
  margin-bottom: 1rem; }
  .map-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem; }
    .map-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .map-field__map {
    height: 12.5rem; }
  .map-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0.5rem 0 0;
    -webkit-animation: show-error-input 0.2s ease-in-out;
            animation: show-error-input 0.2s ease-in-out; }
  .map-field__default-message {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    margin: 0.5rem 0 0; }

.maps {
  position: relative;
  height: 100%;
  margin-bottom: 0.5rem; }
  .maps__container {
    height: 100%;
    min-height: 19.6875rem; }
    @media only screen and (min-width: 768px) {
      .maps__container {
        min-height: 36.75rem; } }
  .maps__control {
    position: relative;
    margin-bottom: 1rem;
    background-color: #fff;
    z-index: 401; }
    @media only screen and (min-width: 768px) {
      .maps__control {
        display: inline-block;
        position: absolute;
        top: 1.5rem;
        left: 1.5rem;
        width: 22.9375rem;
        padding: 1rem;
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1); } }
    .maps__control__container {
      display: flex;
      position: relative; }
    .maps__control__to-container {
      align-items: center; }
    .maps__control__from-label, .maps__control__to-label {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      margin-right: 1rem; }
    .maps__control__from-content {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.875rem;
      line-height: 1.375rem;
      flex: 1; }
    @media only screen and (min-width: 768px) {
      .maps__control__label {
        display: inline-block;
        position: absolute;
        top: 1.25rem;
        right: 0.4375rem;
        left: auto; } }
    .maps__control-icon-dingwei {
      width: 0.9375rem;
      height: 1.125rem;
      margin-right: 0.75rem;
      vertical-align: sub; }
    .maps__control__mode {
      border: 1px solid #dcdcdc;
      border-radius: 0.375rem; }
      .maps__control__mode__item-icon {
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: middle; }
      .maps__control__mode__item {
        padding: 0.875rem 1rem;
        border-bottom: 1px solid #e7e7e7; }
        .maps__control__mode__item:last-child {
          border-bottom: 0; }
      .maps__control__mode__distance {
        margin-left: 1rem;
        color: rgba(0, 0, 0, 0.6); }
      .maps__control__mode__duration {
        float: right;
        color: rgba(0, 0, 0, 0.9); }
      .maps__control__mode span {
        font-size: 0.875rem;
        font-weight: 400; }
      .maps__control__mode--loading {
        display: flex;
        justify-content: center;
        margin-top: 1.6875rem; }
        .maps__control__mode--loading__icon {
          width: 1.25rem;
          height: 1.25rem;
          -webkit-animation: loading 0.8s infinite linear;
                  animation: loading 0.8s infinite linear; }

@-webkit-keyframes loading {
  100% {
    transform: rotate(360deg); } }

@keyframes loading {
  100% {
    transform: rotate(360deg); } }
        .maps__control__mode--loading span {
          margin-left: 0.375rem;
          color: #FFC600;
          font-size: 14px;
          line-height: 20px; }
    .maps__control__input-field {
      flex: 1; }
      .maps__control__input-field > .search-map__input-container {
        margin-bottom: 0; }
      .maps__control__input-field input {
        border: 0;
        font-size: 0.875rem; }
    .maps__control__click {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.375rem; }
      .maps__control__click-tip {
        margin-top: 0.5rem;
        margin-left: 1.1875rem; }
      .maps__control__click-prompt {
        margin-top: 1.25rem;
        text-align: center; }
    .maps__control__click-button {
      width: 100%;
      height: 2rem;
      margin: 0.625rem 0;
      border: 1px solid #dcdcdc;
      border-radius: 0.375rem;
      outline: none;
      background-color: #fff;
      color: #4c4c4c;
      cursor: pointer; }
  .maps__university-marker__content {
    display: inline-block;
    position: relative;
    padding: 3px 0.5rem 2px;
    background-color: #5687bb; }
  .maps__property-marker__content {
    display: inline-block;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0.125rem 0.25rem 0;
    transform: translate(-40%, 0);
    background-color: #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
    .maps__property-marker__content:after {
      display: inline-block;
      position: absolute;
      top: 100%;
      left: 50%;
      width: 0.5rem;
      height: 0.5rem;
      transform: translate(-50%, -38%) rotate(45deg);
      border: 1px solid #c8c9cb;
      border-top: 0;
      border-left: 0;
      background-color: #fff;
      content: '';
      z-index: -1; }
    .maps__property-marker__content--flat {
      border: 1px solid #FFC600;
      background-color: #FFC600; }
      .maps__property-marker__content--flat:after {
        border: 1px solid #FFC600;
        background-color: #FFC600; }
    .maps__property-marker__content--private {
      border: 1px solid #b84145;
      color: #b84145; }
      .maps__property-marker__content--private:after {
        border-color: #b84145; }
    .maps__property-marker__content--school {
      border: 1px solid #3865a3;
      color: #3865a3; }
      .maps__property-marker__content--school:after {
        border-color: #3865a3; }
    .maps__property-marker__content--hotel {
      border: 1px solid #7bb32e;
      color: #7bb32e; }
      .maps__property-marker__content--hotel:after {
        border-color: #7bb32e; }
    .maps__property-marker__content--short {
      border: 1px solid #a0c5db;
      color: #a0c5db; }
      .maps__property-marker__content--short:after {
        border-color: #a0c5db; }
    .maps__property-marker__content--sublet {
      border: 1px solid #6454b5;
      background-color: #6454b5; }
      .maps__property-marker__content--sublet:after {
        border: 1px solid #6454b5;
        background-color: #6454b5; }
    .maps__property-marker__content--roommate {
      border: 1px solid #cf5702;
      background-color: #cf5702;
      text-align: center; }
      .maps__property-marker__content--roommate-range {
        width: 5.875rem; }
      .maps__property-marker__content--roommate:after {
        border: 1px solid #cf5702;
        background-color: #cf5702; }
    .maps__property-marker__content--default {
      border: 1px solid #c8c9cb;
      color: #c8c9cb;
      text-align: center; }
      .maps__property-marker__content--default:after {
        border-color: #c8c9cb; }
  .maps__property-card {
    width: 6.8125rem;
    font-family: PingFangSC-Regular, PingFang SC; }
    .maps__property-card__image-container {
      height: 4.4375rem;
      max-height: 8rem;
      overflow: hidden; }
    .maps__property-card__image {
      width: 100%;
      min-height: 100%; }
    .maps__property-card__title {
      margin: 0.125rem 0rem 0.0625rem;
      color: #9e9e9e;
      font-family: PingFangSC-Regular, PingFang SC;
      font-size: 0.625rem;
      font-weight: 400;
      line-height: 0.875rem; }
    .maps__property-card__price {
      color: #4c4c4c;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.25rem; }
  .maps__university-card__title {
    font-weight: bold; }
  .maps__center-marker {
    z-index: 99999 !important; }
  .maps__route--cycling {
    stroke: #6454b5; }
  .maps__route--driving {
    stroke: #fa6400; }
  .maps__route--walking {
    stroke: #1ab9b1; }
  .maps__coordinates {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-right: 0.4375rem; }

.terms-field {
  position: relative;
  margin: 0 0 0.75rem; }
  .terms-field__checkbox {
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .terms-field__checkbox:checked + .terms-field__label:before {
      border-color: #FFC600;
      background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFC600' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
      background-size: 0.75rem; }
  .terms-field__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    display: block;
    position: relative;
    padding: 0 0 0 2.5rem; }
    .terms-field__label:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin: 0 0.5rem 0 0;
      padding: 0.8125rem;
      border: 1px solid #c8c9cb;
      border-radius: 2px;
      background: #fff;
      content: '';
      vertical-align: middle; }
  .terms-field__link {
    display: inline-block;
    color: #60acf8; }
  .terms-field__error-message {
    color: #60acf8;
    font-size: 0.625rem;
    line-height: 0.875rem;
    display: block;
    margin: 0.625rem 0 0; }
  .terms-field__tips {
    position: absolute;
    bottom: 3.875rem;
    left: -0.625rem;
    width: 10.5rem;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, 0.8); }
    .terms-field__tips-content {
      color: #fff;
      font-size: 0.875rem;
      text-align: center; }
    .terms-field__tips-arrow {
      position: absolute;
      bottom: -0.625rem;
      left: 0.5rem;
      border-top: 0.625rem solid rgba(0, 0, 0, 0.8);
      border-right: 0.625rem solid transparent;
      border-left: 0.625rem solid transparent; }
    .terms-field__tips--invisible {
      display: none; }

.cascader-field {
  margin-bottom: 1.5rem;
  border-top: 1px solid #c8c9cb;
  border-bottom: 1px solid #c8c9cb; }
  .cascader-field__content {
    display: flex;
    justify-content: space-between; }
  .cascader-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 3rem;
    font-weight: 600;
    display: inline-block;
    max-width: 40%; }
    .cascader-field__label--required:after {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      content: '*'; }
  .cascader-field__value {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    max-width: 60%;
    padding: 0.75rem 0 0.75rem 0.75rem;
    border: 0;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .cascader-field__error-message {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0 0 0.5rem;
    text-align: right; }
  .cascader-field__modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000000; }
  .cascader-field__modal-content {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    transition: transform 0.2s ease;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #fff; }
    .cascader-field__modal-content--animation {
      transform: translateY(0); }
  .cascader-field__options {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 2.5rem;
    left: 0;
    padding: 1rem;
    overflow: auto; }
  .cascader-field__list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    border-right: 1px solid #e7e7e7;
    overflow: auto; }
    .cascader-field__list:last-child {
      border-right: 0; }
  .cascader-field__item {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #e7e7e7; }
    .cascader-field__item--selected {
      background-color: #f4efe1; }
    .cascader-field__item--next:after {
      color: #c8c9cb;
      font-size: 0.875rem;
      line-height: 1.25rem;
      float: right;
      content: '>'; }
  .cascader-field__buttons {
    display: flex;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    justify-content: space-between; }
    .cascader-field__buttons .button {
      width: 48%; }

.wechat-uploader__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.wechat-uploader__item {
  position: relative;
  width: 48%;
  margin-bottom: 1rem; }
  .wechat-uploader__item--single {
    width: 100%; }

.wechat-uploader__image-wrapper {
  position: relative;
  width: 100%;
  height: 8rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
  background-color: #f8f8f6;
  background-size: 4rem;
  overflow: hidden; }

.wechat-uploader__image {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%); }

.wechat-uploader__cover-label {
  color: #fff;
  font-size: 0.75rem;
  line-height: 0.875rem;
  display: block;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  padding: 0.25rem 0.75rem;
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #b84145;
  pointer-events: none; }

.wechat-uploader__remove-btn {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: none;
  background-color: #FFC600;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .wechat-uploader__remove-btn:disabled {
    background-color: #EAEAEA;
    color: #4c4c4c; }

.wechat-uploader__icon-remove {
  width: 0.5625rem;
  height: 0.75rem;
  fill: #000; }

.wechat-uploader__upload-button {
  width: 100%;
  height: 8rem;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: #f8f8f6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .wechat-uploader__upload-button:disabled {
    border: 0;
    background-color: #EAEAEA;
    color: #4c4c4c; }

.wechat-uploader__icon-plus {
  width: 1rem;
  height: 1rem; }

.wechat-uploader__add-text {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block; }

.wechat-uploader__error {
  color: #b84145;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 0 1rem; }

.wechat-uploader__image-info {
  display: flex;
  width: 8.125rem;
  margin: 1rem auto;
  border-radius: 0.875rem;
  background: #ececec;
  white-space: nowrap; }
  .wechat-uploader__image-info__button {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.125rem;
    width: 100%;
    height: 1.75rem;
    margin: 0;
    padding: 0.375rem 0.5rem;
    border: 0;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .wechat-uploader__image-info__button:disabled {
      background-color: #EAEAEA;
      color: #4c4c4c; }
    .wechat-uploader__image-info__button:last-child {
      border-right: 0; }
    .wechat-uploader__image-info__button--active {
      border-radius: 0.875rem;
      border-color: #FFC600;
      background-color: #FFC600; }

.wechat-uploader__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.8);
  overflow: auto;
  z-index: 10000000; }

.wechat-uploader__modal-content {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  padding: 0.5rem;
  border-radius: 2px;
  background-color: #fff; }

.wechat-uploader__modal-image {
  width: 100%; }

.wechat-uploader__modal-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.wechat-uploader__icon-close {
  width: 1rem;
  height: 1rem;
  fill: #fff; }

.wechat-uploader__image-camera {
  width: 2.375rem;
  height: 2rem; }

.upload-videos__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.upload-videos__item {
  position: relative;
  width: 48%;
  margin-bottom: 1rem; }
  .upload-videos__item--single {
    width: 100%; }

.upload-videos__image-wrapper {
  position: relative;
  width: 100%;
  height: 8rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
  background-color: #f8f8f6;
  background-size: 4rem;
  overflow: hidden; }

.upload-videos__image {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%); }

.upload-videos__cover-label {
  color: #fff;
  font-size: 0.75rem;
  line-height: 0.875rem;
  display: block;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  padding: 0.25rem 0.75rem;
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #b84145;
  pointer-events: none; }

.upload-videos__remove-btn {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: none;
  background-color: #FFC600;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .upload-videos__remove-btn:disabled {
    background-color: #EAEAEA;
    color: #4c4c4c; }

.upload-videos__icon-remove {
  width: 0.5625rem;
  height: 0.75rem;
  fill: #000; }

.upload-videos__video-file {
  display: none; }

.upload-videos__upload-button {
  width: 100%;
  height: 8rem;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: #f8f8f6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .upload-videos__upload-button:disabled {
    border: 0;
    background-color: #EAEAEA;
    color: #4c4c4c; }

.upload-videos__icon-plus {
  width: 1rem;
  height: 1rem; }

.upload-videos__add-text {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block; }

.upload-videos__error {
  color: #b84145;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 0 1rem; }

.upload-videos__image-info {
  display: flex;
  width: 8.125rem;
  margin: 1rem auto;
  border-radius: 0.875rem;
  background: #ececec;
  white-space: nowrap; }
  .upload-videos__image-info__button {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.125rem;
    width: 100%;
    height: 1.75rem;
    margin: 0;
    padding: 0.375rem 0.5rem;
    border: 0;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .upload-videos__image-info__button:disabled {
      background-color: #EAEAEA;
      color: #4c4c4c; }
    .upload-videos__image-info__button:last-child {
      border-right: 0; }
    .upload-videos__image-info__button--active {
      border-radius: 0.875rem;
      border-color: #FFC600;
      background-color: #FFC600; }

.upload-videos__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.8);
  overflow: auto;
  z-index: 10000000; }

.upload-videos__modal-content {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  padding: 0.5rem;
  border-radius: 2px;
  background-color: #fff; }

.upload-videos__modal-image {
  width: 100%; }

.upload-videos__modal-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.upload-videos__icon-close {
  width: 1rem;
  height: 1rem;
  fill: #fff; }

.upload-videos__pause {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6.25rem;
  height: 6.25rem;
  margin-top: 0 !important;
  margin-left: 0 !important;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4) !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxMCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjI4N1YxMi4yNmExIDEgMCAwMDEuNTc3LjgxN0w5LjM1IDcuNTkxYTEgMSAwIDAwMC0xLjYzNEwxLjU3Ny40N0ExIDEgMCAwMDAgMS4yODd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 10; }
  @media only screen and (max-width: 768px) {
    .upload-videos__pause {
      width: 3.75rem;
      height: 3.75rem; } }

.date-picker {
  position: relative; }
  .date-picker__result {
    padding: 0.5625rem 0;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    background-color: #fff;
    text-align: center; }
    .date-picker__result::after {
      display: table;
      clear: both;
      content: ''; }
  .date-picker__selector {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.625rem;
    border-radius: 2px;
    text-align: center;
    cursor: pointer; }
    .date-picker__selector:last-of-type {
      position: relative; }
    .date-picker__selector--active {
      background-color: #f4efe1; }
  .date-picker__icon {
    width: 1rem;
    height: 0.9375rem;
    fill: #FFC600; }
    .date-picker__icon--calendar {
      margin: 0.125rem 0.1875rem 0 0;
      vertical-align: top; }
    .date-picker__icon--arrow {
      position: absolute;
      top: 0.5rem;
      left: -0.875rem;
      width: 0.625rem;
      height: 0.37125rem; }
  .date-picker__picker {
    display: none; }
    .date-picker__picker__source--active {
      display: block;
      position: absolute;
      top: 2.4375rem;
      right: 0rem;
      left: 0rem;
      border: 1px solid #c8c9cb;
      border-top: 0;
      border-bottom-left-radius: 0.125rem;
      border-bottom-right-radius: 0.125rem;
      background-color: #fff;
      text-align: center; }
      .date-picker__picker__source--active > div > div {
        display: inline-block; }
    .date-picker__picker--active {
      display: block;
      position: absolute;
      top: 2.4375rem;
      right: 0rem;
      left: 0rem;
      border-radius: 1.25rem;
      background-color: #fff;
      text-align: center;
      box-shadow: 0rem 0.625rem 1.125rem 1.875rem rgba(0, 0, 0, 0.06); }
      .date-picker__picker--active__container {
        top: 3.5625rem;
        right: auto;
        left: -150%; }
        @media only screen and (max-width: 768px) {
          .date-picker__picker--active__container {
            left: 0; } }
  .date-picker__buttons {
    text-align: right; }
    .date-picker__buttons .button {
      width: auto; }
  .date-picker__reset {
    padding: 0 1rem 1rem 0; }
  .date-picker__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.875rem;
    min-width: 18.75rem;
    font-weight: 500;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .date-picker__title {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 3.125rem;
        min-width: auto;
        text-align: left; } }
    .date-picker__title-left {
      margin-right: 3.125rem; }
  .date-picker__day {
    width: 100%;
    max-width: 100%;
    height: 100%; }
    .date-picker__day__range-start {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important;
      background-color: #5687bb !important;
      color: #fff !important; }
    .date-picker__day__range-end {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
      background-color: #5687bb !important;
      color: #fff !important; }
    .date-picker__day__selected {
      border-radius: 0;
      background: #edf2f8;
      color: #5687bb; }
  .date-picker__caption-label {
    font-size: 1rem; }
  .date-picker__footer {
    display: flex;
    padding: 1.25rem; }
    @media only screen and (max-width: 768px) {
      .date-picker__footer {
        width: 16.1875rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: scroll; } }
    .date-picker__footer__item {
      display: inline-block;
      width: 4.6025rem;
      height: 2rem;
      margin-left: 0.625rem;
      border: 1px solid #dddddd;
      border-radius: 3.125rem;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .date-picker__footer__item {
          min-width: 4.6025rem; } }
      .date-picker__footer__item:hover {
        border: 1px solid #333333; }
      .date-picker__footer__item-active {
        border: 1px solid #333333; }
      .date-picker__footer__item-label {
        color: #4c4c4c;
        font-size: 0.75rem;
        line-height: 1.8125rem;
        font-family: 'Circular', -apple-system, 'BlinkMacSystemFont', 'Roboto', 'Helvetica Neue', sans-serif;
        font-weight: 300;
        cursor: pointer; }
  .date-picker__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.25rem; }
    .date-picker__tab-container {
      padding: 0.1875rem;
      border-radius: 3.125rem;
      background-color: #EBEBEB; }
    .date-picker__tab__button {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.125rem;
      position: relative;
      width: 6.3125rem;
      padding: 0.3125rem 0;
      border: 0;
      border-radius: 6.25rem;
      outline: none;
      background: transparent;
      font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .date-picker__tab__button:hover {
        background-color: #fff; }
      .date-picker__tab__button--active {
        transition: box-shadow 0.2s ease 0s, transform 0.1s ease 0s;
        border: 1px solid rgba(76, 76, 76, 0.04);
        background: #fff;
        box-shadow: rgba(76, 76, 76, 0.08) 0 0.0625rem 0.125rem, rgba(76, 76, 76, 0.05) 0 0.25rem 0.75rem;
        cursor: default; }
  .date-picker__calendar {
    width: auto;
    margin: 1.25rem 0;
    border: 0; }
    .date-picker__calendar-title {
      padding: 0.9375rem 0.5rem !important; }
  .date-picker .react-calendar__tile--now {
    background: #fff; }
  .date-picker .react-calendar__tile--now:enabled:hover,
  .date-picker .react-calendar__tile--now:enabled:focus {
    background: #e6e6e6; }
  .date-picker .react-calendar__tile--rangeStart,
  .date-picker .react-calendar__tile--rangeEnd {
    background-color: #5687bb !important;
    color: #fff !important; }
  .date-picker .react-calendar__tile--active {
    background: #edf2f8;
    color: #5687bb; }
    .date-picker .react-calendar__tile--active:hover {
      background-color: #e7edff !important;
      color: #5687bb !important; }

.header {
  position: relative;
  background-color: #4c4c4c; }
  .header--hide {
    display: none; }
  @media only screen and (min-width: 1024px) {
    .header--market:before {
      height: 2rem; }
    .header--market .header__content {
      padding-top: 2.75rem; }
    .header--market .header__menu-modal {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10; }
    .header--market .header__menu {
      margin: 0; }
    .header--market .header__menu-link {
      color: #fff;
      font-size: 0.75rem;
      line-height: 1rem; } }
  .header--flat {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002; }
    @media only screen and (min-width: 1024px) {
      .header--flat {
        z-index: 1000; } }
  .header--properties-list {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002; }
    @media only screen and (min-width: 1024px) {
      .header--properties-list {
        z-index: 4; } }
  .header--tolet-list {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002; }
    @media only screen and (min-width: 1024px) {
      .header--tolet-list {
        z-index: 3; } }
  .header__content {
    position: relative;
    min-height: 3.1875rem;
    z-index: 1002; }
    @media only screen and (min-width: 768px) {
      .header__content {
        max-width: 48rem;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) {
      .header__content {
        max-width: 80rem;
        min-height: 5rem;
        z-index: 1000; } }
  .header__logo {
    display: block;
    height: 3.1875rem;
    padding-left: 1.25rem; }
    @media only screen and (min-width: 768px) {
      .header__logo {
        display: inline-block;
        height: 3.8125rem;
        margin-top: 0.375rem; } }
    @media only screen and (min-width: 1024px) {
      .header__logo {
        margin-top: 0.625rem; } }
  .header__right {
    position: absolute;
    top: 1.0625rem;
    right: 1.25rem;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      .header__right {
        display: none; } }
  .header__right2 {
    position: absolute;
    top: 0.875rem;
    right: 3.25rem;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      .header__right2 {
        display: none; } }
    .header__right2 > svg {
      width: 1.5rem;
      height: 1.5rem;
      fill: #fff; }
    .header__right2__bubble {
      position: absolute;
      right: 0;
      width: 0.375rem;
      height: 0.375rem;
      border-radius: 50%;
      background-color: #E34D59; }
  .header__menu-icon {
    width: 1.0625rem;
    height: 0.875rem; }
  .header__menu-modal {
    display: none; }
    .header__menu-modal--active {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(76, 76, 76, 0.8);
      z-index: 100000; }
    @media only screen and (min-width: 1024px) {
      .header__menu-modal {
        display: block;
        float: right; } }
  .header__menu {
    padding: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .header__menu {
        position: static;
        margin: 1.5rem 0 0;
        padding: 0;
        transform: none;
        background-color: transparent; }
        .header__menu::after {
          display: table;
          clear: both;
          content: ''; } }
  .header__menu-link {
    color: #000;
    font-size: 0.875rem;
    line-height: 1rem;
    display: block;
    position: relative;
    margin: 0 0 1rem;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      .header__menu-link {
        color: #fff;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: 600;
        display: inline-block;
        margin: 0 2.4375rem 0 0;
        padding: 0.5rem 0; }
        .header__menu-link:last-child {
          margin: 0; }
        .header__menu-link--active {
          border-bottom: 0.1875rem solid #fff; } }
  .header__menu-link-v2 {
    position: relative;
    color: #000;
    font-size: 0.875rem; }
    .header__menu-link-v2 > svg {
      width: 0.75rem;
      height: 0.75rem;
      float: right; }
  .header__menu-tips {
    margin: 1rem 0;
    color: #808080;
    font-size: 0.875rem; }
    @media only screen and (min-width: 1024px) {
      .header__menu-tips {
        margin: 0.375rem 0; } }
  .header__menu-top {
    position: relative;
    min-height: 3.1875rem;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff; }
    @media only screen and (min-width: 768px) {
      .header__menu-top {
        max-width: 48rem;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) {
      .header__menu-top {
        display: none; } }
  .header__group-title {
    display: inline-block;
    margin: 0.75rem 0;
    color: #808080;
    font-size: 0.75rem; }
    .header__group-title:first-child {
      margin-top: 0; }
    @media only screen and (min-width: 1024px) {
      .header__group-title {
        margin: 0.25rem 0; } }
  .header__group-box {
    border-bottom: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .header__group-box:last-child {
        border: 0; } }
  .header__group-line {
    border-bottom: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .header__group-line {
        display: none; } }
  @media only screen and (min-width: 1024px) {
    .header__pc-hidden {
      display: none; } }
  .header__menu-message {
    padding: 1.25rem;
    background-color: #fff; }
    .header__menu-message__close {
      position: absolute;
      top: 1rem;
      right: 1rem; }
      @media only screen and (min-width: 1024px) {
        .header__menu-message__close {
          display: none; } }
      .header__menu-message__close > svg {
        width: 1rem;
        height: 1rem;
        fill: #000; }
  .header__icon-close {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff; }
  .header__menu__message-count {
    position: absolute;
    top: -0.25rem; }
    @media only screen and (min-width: 1024px) {
      .header__menu__message-count {
        top: 0rem; } }
  .header__bubble {
    display: inline-block;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.375rem;
    border-radius: 0.625rem;
    background-color: #E34D59;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .header__bubble {
        top: 0rem; } }
  .header__message {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .header__message {
        display: inline-block; }
        .header__message:hover .header__message-menu--hover {
          display: block; } }
    @media only screen and (min-width: 1024px) {
      .header__message-mobile {
        display: none; } }
  .header__message-menu--hover {
    display: none;
    position: absolute;
    right: 0;
    width: 18.75rem;
    padding: 0.5rem;
    border-radius: 0.375rem;
    background-color: #fff;
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: left;
    box-shadow: 0 0 8px 0 #999999;
    z-index: 4; }
    @media only screen and (min-width: 1024px) {
      .header__message-menu--hover {
        top: 2.5rem; } }
    @media only screen and (min-width: 1733px) {
      .header__message-menu--hover {
        right: unset; } }
  .header__menu-button {
    height: 2.5rem;
    padding: 0;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .header__menu-button {
        color: #fff;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: 600;
        display: inline-block;
        width: auto; } }
    .header__menu-button-yellow {
      background: #FFC600;
      color: rgba(0, 0, 0, 0.9); }
      @media only screen and (min-width: 1024px) {
        .header__menu-button-yellow {
          background: transparent;
          color: #fff; } }
    .header__menu-button-white {
      border: 1px solid rgba(0, 0, 0, 0.4);
      background: #fff;
      color: rgba(0, 0, 0, 0.9); }
      @media only screen and (min-width: 1024px) {
        .header__menu-button-white {
          border: 0;
          background: transparent;
          color: #fff; } }

.footer {
  margin-top: 0.625rem;
  background-color: #fff; }
  .footer::after {
    display: table;
    clear: both;
    content: ''; }
  @media only screen and (min-width: 768px) {
    .footer {
      margin: 0;
      padding-top: 1.25rem;
      border-top: 1px solid #EBEBEB; } }
  .footer__main {
    display: flex;
    flex-direction: column;
    margin: 0 1.25rem;
    padding-top: 0.75rem;
    border-bottom: 1px solid #EBEBEB; }
    @media only screen and (min-width: 1024px) {
      .footer__main {
        flex-direction: unset;
        justify-content: space-between;
        max-width: 80rem;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 2rem; } }
  .footer__popular {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .footer__popular {
        display: block;
        max-width: 80rem;
        margin: 0 auto;
        padding: 1.25rem 0 1.5rem;
        border-bottom: 1px solid #e7e7e7; } }
  .footer__list__title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 600; }
    @media only screen and (min-width: 1024px) {
      .footer__list__title {
        border-bottom: 0; } }
    .footer__list__title-icon {
      margin-top: 0.375rem;
      float: right; }
      @media only screen and (min-width: 1024px) {
        .footer__list__title-icon {
          display: none; } }
      .footer__list__title-icon--active {
        transform: rotate(90deg); }
  .footer__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    margin: 0.75rem 0 0;
    border-bottom: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .footer__nav-list {
        display: inline-block;
        border-bottom: 0; } }
    .footer__nav-list--active {
      display: block; }
  .footer__nav-item {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 0.75rem; }
  .footer__nav-link {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem; }
    .footer__nav-link__free {
      margin-left: 4px;
      padding: 4px 8px;
      border-radius: 11px;
      background: #ff5a5f;
      color: #fff;
      font-size: 12px;
      font-weight: 600;
      line-height: 12px;
      white-space: nowrap; }
  .footer__company {
    width: 100%;
    padding: 1.5625rem 0; }
    @media only screen and (min-width: 1024px) {
      .footer__company {
        width: 25.5rem;
        padding: 0; } }
    .footer__company__info {
      display: inline-block;
      width: 13.375rem; }
    .footer__company__logo {
      width: 6.125rem; }
    .footer__company__tips {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.875rem;
      line-height: 1.375rem; }
    .footer__company__wechat-qr {
      width: 6.25rem;
      height: 6.25rem;
      float: right;
      border: 1px solid #dcdcdc;
      border-radius: 0.375rem;
      vertical-align: top; }
  .footer__legal {
    margin: 1.5rem 1.25rem;
    clear: both; }
    @media only screen and (min-width: 1024px) {
      .footer__legal {
        max-width: 80rem;
        margin: 1.5rem auto; } }
    .footer__legal__title {
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin: 0; }
      @media only screen and (min-width: 1024px) {
        .footer__legal__title {
          display: inline-block; } }
    .footer__legal__brand {
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin: 0.75rem 0; }
      @media only screen and (min-width: 1024px) {
        .footer__legal__brand {
          margin: 0;
          float: right; } }
    .footer__legal__link {
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 0.875rem;
      display: inline-block;
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      padding-right: 0.5rem;
      border-right: 1px solid #e7e7e7; }
      .footer__legal__link:last-child {
        border-right: 0; }
    .footer__legal__icp {
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 1.25rem; }
  .footer--paid-consult {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .footer--paid-consult {
        display: block; } }
  .footer--hidden {
    display: none; }
  .footer__qr-code-modal {
    position: relative;
    width: 80%;
    max-width: 18.75rem;
    padding: 20px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: inset 0 0 10px 0 #767676; }
    .footer__qr-code-modal__container {
      display: flex;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      align-items: center;
      justify-content: center;
      z-index: 1001; }
    .footer__qr-code-modal__image {
      width: 100%; }
    .footer__qr-code-modal__close {
      position: absolute;
      top: 0.625rem;
      right: 0.625rem;
      cursor: pointer; }

.steps {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid #c8c9cb; }
  .steps--active {
    border-bottom: 0; }
  .steps--completed .steps__num {
    background-color: #6454b5; }
  .steps__column-left {
    float: left; }
  .steps__column-right {
    margin-left: 3rem; }
  .steps__num {
    color: #4c4c4c;
    font-size: 1.125rem;
    line-height: 1.875rem;
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background-color: #FFC600;
    text-align: center; }
  .steps__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.875rem;
    font-weight: 600;
    display: inline-block;
    margin: 0; }
  .steps__icon-completed {
    width: 1rem;
    height: 2rem;
    fill: #fff; }
  .steps__edit {
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    padding: 1rem; }
  .steps__icon-edit {
    width: 0.875rem;
    height: 0.875rem; }
  .steps__summary {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem; }

.tab {
  height: 2.25rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #f8f8f6;
  overflow: hidden; }
  .tab__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 0.625rem;
    white-space: nowrap;
    overflow: auto; }
  .tab__item {
    display: inline-block;
    position: relative; }
    .tab__item--active:after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.25rem;
      border-radius: 0.25rem;
      background-color: #b84145;
      content: ''; }
    .tab__item--active .tab__item-link {
      font-weight: 600; }
  .tab__item-link {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: block;
    padding: 0.5rem 1rem; }

@-webkit-keyframes weuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg); }
  100% {
    transform: rotate3d(0, 0, 1, 360deg); } }

@keyframes weuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg); }
  100% {
    transform: rotate3d(0, 0, 1, 360deg); } }

.toast__mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000000; }

.toast__body {
  display: flex;
  position: fixed;
  top: 40%;
  left: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  background: rgba(76, 76, 76, 0.7);
  text-align: center;
  z-index: 10000000; }

.toast__loading {
  display: inline-block;
  width: 2.375rem;
  height: 2.375rem;
  margin: 0.5rem 0;
  transform: translate(-50%, -50%);
  background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  -webkit-animation: weuiLoading 1s steps(12, end) infinite;
          animation: weuiLoading 1s steps(12, end) infinite; }

.toast__summary {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0; }

.search-bar {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.5rem;
  background-color: #f8f8f6; }
  .search-bar--active .search-bar__label {
    display: none; }
  .search-bar--active .search-bar__cancel-btn {
    display: block; }
  .search-bar__form {
    position: relative;
    flex: auto;
    border-radius: 4px;
    background-color: #fff; }
  .search-bar__box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 2rem 0 1.75rem; }
  .search-bar__icon-search {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    width: 0.875rem;
    height: 0.875rem;
    transform: translateY(-50%);
    fill: rgba(0, 0, 0, 0.5); }
  .search-bar__icon-static-search {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.25rem 0 0;
    vertical-align: middle;
    fill: rgba(0, 0, 0, 0.5); }
  .search-bar__input {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 2rem;
    width: 100%;
    height: 2rem;
    padding: 0.5rem 0;
    border: 0;
    outline: none;
    background: transparent; }
  .search-bar__clear-btn {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .search-bar__icon-clear {
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.3); }
  .search-bar__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.25rem;
    background: #fff;
    text-align: center;
    z-index: 10; }
  .search-bar__cancel-btn {
    color: #5687bb;
    font-size: 1rem;
    line-height: 2rem;
    display: none;
    margin: 0 0 0 0.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    white-space: nowrap;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }

.pagination {
  margin: 0;
  padding: 0; }
  .pagination::after {
    display: table;
    clear: both;
    content: ''; }
  .pagination__item {
    display: inline-block;
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 0.25rem;
    outline: none;
    background-color: #FFC600;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .pagination__item {
        margin-right: 0.5rem; } }
    .pagination__item--active {
      opacity: 0.5; }
    .pagination__item__link {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 2.125rem; }
  .pagination__jump {
    width: 2.125rem;
    height: 2.125rem;
    margin: 0 0.1875rem;
    border: 1px solid #EAEAEA; }
    @media only screen and (min-width: 768px) {
      .pagination__jump {
        margin: 0 0.5rem; } }
  .pagination__li {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
    margin-top: 0.3125rem; }
    @media only screen and (min-width: 768px) {
      .pagination__li {
        display: inline-block;
        margin: 0 0 0 1.5rem; } }
  .pagination__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-left: 0.5rem;
    padding: 0.625rem 1.5625rem;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    background-color: #f8f8f6;
    cursor: pointer; }
  .pagination__previous, .pagination__next {
    display: inline-block;
    width: 2.125rem;
    height: 2.125rem;
    background-color: #FFC600;
    text-align: center;
    cursor: pointer;
    vertical-align: middle; }
  .pagination__previous.disabled, .pagination__next.disabled {
    cursor: initial;
    opacity: 0.5; }
  .pagination__previous {
    margin-right: 0.25rem;
    transform: rotate(180deg); }
    @media only screen and (min-width: 768px) {
      .pagination__previous {
        margin-right: 0.5rem; } }
  .pagination__break {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: inline-block;
    margin-right: 1rem;
    vertical-align: text-bottom; }
  .pagination__svg {
    width: 0.42125rem;
    height: 0.74875rem;
    fill: #4c4c4c; }

.tabbar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3.125rem;
  border-top: 1px solid #c8c9cb;
  background-color: #f8f8f6;
  z-index: 10; }
  .tabbar__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    height: 100%; }
  .tabbar__item {
    height: 100%;
    text-align: center; }
    .tabbar__item--2 {
      width: 50%; }
    .tabbar__item--3 {
      width: 33.3333%; }
    .tabbar__item--4 {
      width: 25%; }
    .tabbar__item--5 {
      width: 20%; }
    .tabbar__item--active .tabbar__icon {
      fill: #b84145; }
    .tabbar__item--active .tabbar__label {
      font-weight: 600;
      color: #b84145; }
  .tabbar__link {
    display: block;
    padding: 0.375rem; }
  .tabbar__icon {
    width: 1.375rem;
    height: 1.375rem;
    fill: #4c4c4c; }
  .tabbar__label {
    color: #4c4c4c;
    font-size: 0.625rem;
    line-height: 0.75rem;
    display: block; }

.fancy-loading-icon {
  width: 5rem;
  height: 5rem; }
  .fancy-loading-icon--logo {
    width: 5rem;
    height: auto; }
  .fancy-loading-icon--middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }

.share-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000000; }
  .share-modal__share-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 5.625rem;
    height: 6.25rem; }
  .share-modal__text {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    position: absolute;
    top: 6.25rem;
    right: 6.875rem;
    padding-left: 1rem; }

.price-range__range {
  position: relative;
  padding: 0 1.25rem; }
  .price-range__range:before {
    display: block;
    position: absolute;
    top: 0.8125rem;
    left: 0;
    width: 100%;
    height: 0.375rem;
    border-radius: 0.375rem;
    background-color: #ececec;
    content: ''; }

.price-range__values {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1rem; }

.price-range .rc-slider {
  position: relative;
  width: 100%;
  height: 2rem;
  padding: 0.8125rem 0;
  touch-action: none; }

.price-range .rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 0.375rem;
  border-radius: 0.375rem;
  background-color: #ececec; }

.price-range .rc-slider-track {
  position: absolute;
  left: 0;
  height: 0.375rem;
  border-radius: 0.375rem;
  background-color: #FFC600; }

.price-range .rc-slider-step,
.price-range .rc-slider-mark {
  display: none; }

.price-range .rc-slider-handle {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.4375rem;
  border: 1px solid #9e9e9e;
  border-radius: 50%;
  background-color: #fff;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: pan-x; }
  .price-range .rc-slider-handle:hover {
    border-color: #4c4c4c; }
  .price-range .rc-slider-handle:focus {
    outline: none; }

.price-range .rc-slider-handle-dragging {
  border-color: #4c4c4c;
  box-shadow: 0 0 0 5px #fff0bd; }

.usal {
  padding: 1rem;
  border-radius: 2px;
  background-color: #e7e7e7; }
  .usal__heading {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 0.75rem; }
  .usal__warning {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #b84145; }
  .usal__error {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 0.5rem 0 0; }
  .usal__success {
    text-align: center; }
    .usal__success__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0.5rem 0; }
    .usal__success__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0 0 0.5rem; }
    .usal__success__icon {
      width: 2rem;
      height: 2rem; }
    .usal__success__qr {
      width: 6.25rem; }
  .usal__link-blue {
    color: #3b64a6; }

.count-down {
  width: 100%; }
  .count-down--small .count-down__number {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5rem; }
  .count-down__timer {
    display: flex;
    justify-content: space-between; }
  .count-down__item {
    margin: 0 0.5rem 0 0; }
    .count-down__item:last-of-type {
      margin: 0; }
  .count-down__days, .count-down__hours, .count-down__minutes, .count-down__seconds {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    width: 100%;
    padding: 1rem;
    border-radius: 0.25rem;
    text-align: center;
    text-transform: uppercase; }
  .count-down__days {
    background-color: #b84145; }
  .count-down__hours {
    background-color: #ffcc00; }
  .count-down__minutes {
    background-color: #5687bb; }
  .count-down__seconds {
    background-color: #64a338; }
  .count-down__number {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 600;
    display: block; }

.message {
  position: fixed;
  top: 30px;
  left: 50%;
  padding: 10px 22px;
  transform: translate3d(-50%, 0, 0);
  border-radius: 4px;
  background: #ffffff;
  list-style: none;
  box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  z-index: 5000;
  -webkit-animation: move 0.6s;
          animation: move 0.6s; }

.success {
  color: #67c23a; }

.error {
  color: #ff7e7e; }

@-webkit-keyframes move {
  0% {
    top: 0;
    opacity: 0; }
  50% {
    top: 30px;
    opacity: 1; } }

@keyframes move {
  0% {
    top: 0;
    opacity: 0; }
  50% {
    top: 30px;
    opacity: 1; } }

.dialog__container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.8);
  overflow: auto;
  z-index: 10000000; }

.dialog__content {
  position: absolute;
  top: 0.3125rem;
  left: 50%;
  padding: 1.5rem;
  transform: translate(-50%, 0);
  border-radius: 2px;
  background-color: #fff; }
  @media only screen and (max-width: 768px) {
    .dialog__content {
      top: 1.5rem;
      right: 1rem;
      left: 1rem;
      transform: none; } }

.dialog__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  outline: none;
  background-color: transparent;
  z-index: 10000000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.dialog__icon-close {
  width: 1rem;
  height: 1rem; }

.dialog__hide {
  visibility: hidden; }

.file-uploader {
  width: 99%; }
  .file-uploader__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .file-uploader__item {
    position: relative;
    width: 48%;
    margin: 1rem 0; }
    .file-uploader__item--single {
      width: 100%; }
  .file-uploader__image-wrapper {
    position: relative;
    width: 100%;
    height: 18.75rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 4rem;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .file-uploader__image-wrapper {
        height: 8rem; } }
  .file-uploader__attachment-wrapper {
    height: 8rem; }
  .file-uploader__image {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .file-uploader__cover-label {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    display: block;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    padding: 0.25rem 0.75rem;
    transform: translateX(-50%);
    border-radius: 2px;
    background-color: #b84145;
    pointer-events: none; }
  .file-uploader__remove-btn {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 1.3125rem;
    height: 1.3125rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    outline: none;
    background-color: #FFC600;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .file-uploader__remove-btn:disabled {
      background-color: #EAEAEA;
      color: #4c4c4c; }
  .file-uploader__icon-remove {
    width: 0.5625rem;
    height: 0.75rem;
    fill: #000; }
  .file-uploader__upload-button {
    width: 100%;
    height: 18.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: #f8f8f6;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .file-uploader__upload-button:disabled {
      border: 0;
      background-color: #EAEAEA;
      color: #4c4c4c; }
    @media only screen and (max-width: 768px) {
      .file-uploader__upload-button {
        height: 8rem; } }
  .file-uploader__icon-plus {
    width: 1rem;
    height: 1rem; }
  .file-uploader__add-text {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block; }
  .file-uploader__error {
    color: #b84145;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0 0 1rem; }
  .file-uploader__image-info {
    display: flex;
    width: 8.125rem;
    margin: 1rem auto;
    border-radius: 0.875rem;
    background: #ececec;
    white-space: nowrap; }
    .file-uploader__image-info__button {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.125rem;
      width: 100%;
      height: 1.75rem;
      margin: 0;
      padding: 0.375rem 0.5rem;
      border: 0;
      outline: none;
      background: transparent;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .file-uploader__image-info__button:disabled {
        background-color: #EAEAEA;
        color: #4c4c4c; }
      .file-uploader__image-info__button:last-child {
        border-right: 0; }
      .file-uploader__image-info__button--active {
        border-radius: 0.875rem;
        border-color: #FFC600;
        background-color: #FFC600; }
  .file-uploader__modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(76, 76, 76, 0.8);
    overflow: auto;
    z-index: 10000000; }
  .file-uploader__modal-content {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    left: 1.5rem;
    padding: 0.5rem;
    border-radius: 2px;
    background-color: #fff; }
  .file-uploader__modal-image {
    width: 100%; }
  .file-uploader__modal-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 1rem;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .file-uploader__icon-close {
    width: 1rem;
    height: 1rem;
    fill: #fff; }
  .file-uploader__input {
    display: none; }
  .file-uploader__attachment__name {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem; }
  .file-uploader__attachment__like {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .file-uploader__image-type {
    display: flex;
    margin-top: 0.625rem;
    white-space: nowrap;
    overflow-x: auto; }
    .file-uploader__image-type__button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.125rem;
      flex: 2;
      padding: 0.125rem 0.25rem;
      border: 0.0625rem solid #4c4c4c;
      border-radius: 0.3125rem;
      background-color: #fff; }
      .file-uploader__image-type__button--active {
        border-color: #FFC600;
        background-color: #FFC600;
        color: #fff; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

.ant-tree.ant-tree-directory {
  position: relative; }

.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none; }

.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: ''; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1890ff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1890ff; }

.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  content: ''; }

.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible; }

.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s; }

.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-tree-checkbox-disabled {
  cursor: not-allowed; }

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden; }

.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px; }

.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-tree-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0; }

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0; }

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%; }

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

.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0; }

.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element; }

.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8; }

.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1890ff; }

.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1890ff; }

.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important; }

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none; }

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0; }

.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s; }

.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff; }

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff; }

.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0; }

.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer; }

.ant-tree li span.ant-tree-switcher {
  position: relative; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg); }

.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none; }

.ant-tree > li:first-child {
  padding-top: 7px; }

.ant-tree > li:last-child {
  padding-bottom: 7px; }

.ant-tree-child-tree > li:first-child {
  padding-top: 8px; }

.ant-tree-child-tree > li:last-child {
  padding-bottom: 0; }

li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top; }

.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top; }

.ant-tree.ant-tree-show-line li {
  position: relative; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' '; }

.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none; }

.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px); }

.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  content: ''; }

.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible; }

.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s; }

.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-select-tree-checkbox-disabled {
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden; }

.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px; }

.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0; }

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px; }

.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0; }

.ant-select-tree li.filter-node > span {
  font-weight: 500; }

.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s; }

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6f7ff; }

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff; }

.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0; }

.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px); }

.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer; }

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #1890ff;
  font-size: 14px;
  transform: none; }

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-select-tree li span.ant-select-tree-switcher {
  position: relative; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg); }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none; }

.ant-select-tree-child-tree {
  display: none; }

.ant-select-tree-child-tree-open {
  display: block; }

li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top; }

.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top; }

.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum'; }

.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff; }

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%; }

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none; }

.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none; }

.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.tree {
  display: inline-block;
  width: 22.1875rem;
  overflow: auto; }
  .tree--small {
    width: 16.875rem; }
  .tree__search {
    display: flex;
    position: relative; }
    .tree__search__input {
      flex: 1;
      height: 2.5rem;
      outline: none;
      font-size: 0.75rem; }
    .tree__search__text {
      width: 20%;
      height: 2.5rem;
      border: 0;
      background-color: #0088f9;
      color: #fff;
      font-size: 0.75rem;
      cursor: pointer;
      vertical-align: middle; }
  .tree__list {
    height: calc(80vh);
    margin-top: 0.4375rem;
    border: 1px solid #b3b3b3;
    overflow: scroll; }
  .tree__title {
    color: #4c4c4c;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 600;
    margin: 0.625rem 0 0.625rem 0.3125rem; }
  .tree__button {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.25rem;
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    float: right;
    border: 0;
    background-color: transparent;
    cursor: pointer; }
  .tree__node {
    display: inline-block;
    width: 80%;
    max-width: 80%;
    padding-left: 0.3125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .tree__b {
    display: block; }
    .tree__b:hover .tree__button {
      display: block; }
  .tree__box {
    display: inline-block;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden; }
  .tree__legend__status, .tree__legend__time {
    position: relative; }
    .tree__legend__status::before, .tree__legend__time::before {
      position: absolute;
      top: 0;
      left: -0.5rem;
      width: 0.25rem;
      height: 1.25rem;
      content: ''; }
  .tree__legend__status::before {
    background-color: #e03b24; }
  .tree__legend__time::before {
    background-color: #faae04; }
  .tree__status, .tree__time {
    position: relative; }
    .tree__status::before, .tree__time::before {
      position: absolute;
      top: -0.3125rem;
      left: -0.3125rem;
      width: 0.25rem;
      height: 1.25rem;
      content: ''; }
  .tree__status::before {
    background-color: #e03b24; }
  .tree__time::before {
    background-color: #faae04; }
  .tree__legend {
    float: right; }
    .tree__legend__describe {
      font-size: 0.9375rem; }
      .tree__legend__describe:nth-child(1) {
        margin: 0 1.25rem; }

.cpb__iframe {
  background: #fff;
  overflow: scroll; }

.cpb__pagination {
  margin-top: 1.25rem;
  text-align: center; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum'; }

.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer; }

.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative; }

.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s; }

.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent; }

.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed; }

.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed; }

.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25); }

.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease; }

.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1; }

.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s; }

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg); }

.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px; }

.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none; }

.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px; }

.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0; }

.ant-cascader-menu:only-child {
  border-radius: 4px; }

.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s; }

.ant-cascader-menu-item:hover {
  background: #e6f7ff; }

.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-cascader-menu-item-disabled:hover {
  background: transparent; }

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fafafa; }

.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px; }

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45); }

:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-loading-icon {
  font-size: 12px; }

.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d; }

.city--container {
  position: relative; }

.city--active {
  background-color: #EAEAEA; }

.city__content {
  position: relative;
  min-width: 10.625rem;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .city__content__image--dingwei {
    position: absolute;
    top: 1.125rem;
    left: 2.125rem;
    width: 1.125rem;
    height: 1.3125rem; }
  .city__content__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.875rem;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    text-align: center;
    cursor: pointer; }
  .city__content__image--city {
    position: absolute;
    top: 1.125rem;
    right: 0.875rem;
    width: 0.875rem;
    height: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .city__content__image--city {
        right: 0.3125rem; } }
  .city__content__move__title {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 3.125rem;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    text-align: left;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }

.city__box {
  position: absolute;
  top: 7.1875rem;
  right: 0;
  left: 0;
  border-radius: 0.3125rem;
  background-color: #fff;
  box-shadow: 0 0.625rem 1.125rem 0 rgba(0, 0, 0, 0.06); }
  @media only screen and (max-width: 768px) {
    .city__box {
      position: absolute;
      top: 3.125rem;
      right: 0;
      left: -0.875rem;
      width: 18.3125rem;
      z-index: 10; } }
  .city__box--select {
    position: absolute;
    top: 4.6875rem;
    left: 0;
    width: 100%;
    z-index: 999; }

.city__container {
  width: 100%;
  padding: 1.25rem;
  border-radius: 0.3125rem;
  background-color: #fff;
  box-shadow: 0 0.625rem 1.125rem 0 rgba(0, 0, 0, 0.06);
  overflow: auto;
  z-index: 999;
  overflow-x: hidden; }
  .city__container__box {
    display: flex;
    max-height: calc(50vh); }
  .city__container__content {
    flex: 1; }
    .city__container__content__list {
      margin: 0;
      padding: 0;
      list-style: none; }
      .city__container__content__list:last-child {
        padding-bottom: 0.0625rem; }
    .city__container__content__label {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 500; }
    .city__container__content__box--list {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-top: 1.25rem; }
    .city__container__content__box--item {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-bottom: 1.25rem;
      cursor: pointer; }
      .city__container__content__box--item:hover {
        color: #FFC600; }
  .city__container__letter-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 70%;
    right: 1.875rem;
    transform: translateY(-70%);
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .city__container__letter-list {
        top: 80%; } }
    .city__container__letter-list__item {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.21875rem;
      padding-left: 10px;
      cursor: pointer; }
    .city__container__letter-list__all {
      top: 3.75rem;
      transform: translate(0); }
    .city__container__letter-list__select {
      position: absolute;
      top: 50%;
      right: 1.875rem;
      transform: translateY(-50%); }

.city__hot__container {
  padding: 1.25rem 0; }
  .city__hot__container-hidden {
    display: none; }
  .city__hot__container__title {
    color: #4c4c4c;
    font-size: 1.125rem;
    line-height: 3.125rem;
    display: block;
    margin-bottom: 1.25rem;
    padding-left: 2.5rem;
    border-radius: 0.625rem 0.625rem 0 0;
    background-color: #f8f8f8;
    font-weight: 500; }
  .city__hot__container__list {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    overflow: auto; }
    @media only screen and (max-width: 768px) {
      .city__hot__container__list {
        display: flex;
        margin-left: 0.625rem; }
        .city__hot__container__list::-webkit-scrollbar {
          display: none; } }
  .city__hot__container__item {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.875rem;
    display: inline-block;
    min-width: 5.625rem;
    margin: 0 0.625rem;
    border: 1px solid #eeeeee;
    border-radius: 0.3125rem;
    text-align: center; }
    .city__hot__container__item:hover {
      background-color: #f9d15f;
      color: #fff; }
    @media only screen and (min-width: 768px) {
      .city__hot__container__item {
        margin-bottom: 0.75rem; } }

.city__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem; }

.city__demand__container {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.625rem;
  border: 1px solid #c8c9cb;
  border-radius: 0.25rem;
  outline: 0;
  background: transparent;
  font-size: 100%;
  line-height: 1; }
  .city__demand__container--text {
    color: #4c4c4c;
    font-size: 0.8125rem;
    line-height: 2.5rem; }

.city__select-label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem; }
  .city__select-label__required:after {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    content: '*'; }

.city__select {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-weight: 400;
  display: block;
  width: 100%;
  height: 2.5rem;
  margin: 0;
  padding: 0 0.75rem;
  transition: border-color 0.2s ease-in-out;
  border: 1px solid #c8c9cb;
  border-radius: 2px;
  outline: none;
  background-color: #fff;
  text-align: left;
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .city__select:disabled {
    background-color: #f8f8f6;
    color: #4c4c4c; }

.city__error-message {
  color: #d21e1f;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  top: 100%;
  margin: 0.5rem 0 0;
  white-space: nowrap;
  -webkit-animation: show-error-dropdown 0.2s ease-in-out;
          animation: show-error-dropdown 0.2s ease-in-out; }

.city__country-container {
  display: flex;
  border-radius: 0.25rem;
  background-color: #f8f8f8;
  overflow-x: auto; }
  @media only screen and (max-width: 768px) {
    .city__country-container {
      margin: 0 0.8125rem; } }
  .city__country-container--side {
    margin-top: 1.25rem; }

.city__country__item {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
  padding: 0.625rem 2.125rem;
  white-space: nowrap;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .city__country__item {
      padding: 0.625rem 1.75rem; } }
  .city__country__item--active {
    border-bottom: 1px solid #ffcb16; }

.city__us-list {
  position: relative; }
  .city__us-list .ant-select-open .ant-select-selection {
    border-color: #FFC600 !important;
    box-shadow: 0 0 0 2px rgba(255, 198, 0, 0.2); }
  .city__us-list__search-select > .ant-select-selection:focus,
  .city__us-list__search-select > .ant-select-selection:hover {
    border-color: #FFC600 !important;
    box-shadow: 0 0 0 2px rgba(255, 198, 0, 0.2) !important; }
  .city__us-list__state {
    padding: 0.25rem;
    background-color: #f8f8f8;
    font-size: 0.875rem; }
  .city__us-list__city {
    margin: 0.875rem;
    font-size: 0.875rem;
    cursor: pointer; }
  .city__us-list__container {
    position: relative; }
  .city__us-list__city-list {
    max-height: calc(50vh);
    overflow-y: auto; }
  .city__us-list__letter-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    text-align: center; }
  .city__us-list__letter-item {
    margin-bottom: 2px;
    padding-left: 10px;
    font-size: 14px;
    cursor: pointer; }

.more-date-picker {
  position: relative; }
  .more-date-picker__result {
    padding: 0.5625rem 0;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    background-color: #fff;
    text-align: center; }
    .more-date-picker__result::after {
      display: table;
      clear: both;
      content: ''; }
  .more-date-picker__selector {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.625rem;
    border-radius: 2px;
    text-align: center;
    cursor: pointer; }
    .more-date-picker__selector:last-of-type {
      position: relative; }
    .more-date-picker__selector--active {
      background-color: #f4efe1; }
  .more-date-picker__icon {
    width: 1rem;
    height: 0.9375rem;
    fill: #FFC600; }
    .more-date-picker__icon--calendar {
      margin: 0.125rem 0.1875rem 0 0;
      vertical-align: top; }
    .more-date-picker__icon--arrow {
      position: absolute;
      top: 0.5rem;
      left: -0.875rem;
      width: 0.625rem;
      height: 0.37125rem; }
  .more-date-picker__picker {
    display: none; }
    .more-date-picker__picker--active {
      display: block;
      position: absolute;
      top: 2.4375rem;
      right: 0rem;
      left: 0rem;
      border: 1px solid #c8c9cb;
      border-top: 0;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      background-color: #fff;
      text-align: center;
      z-index: 1; }
  .more-date-picker__buttons {
    text-align: right; }
    .more-date-picker__buttons .button {
      width: auto; }
  .more-date-picker__reset {
    padding: 0 1rem 1rem 0; }
  .more-date-picker__calendar {
    padding-bottom: 0.625rem;
    border: 0; }
    .more-date-picker__calendar > .react-calendar__navigation > button:hover {
      background-color: #EAEAEA; }
    .more-date-picker__calendar > .react-calendar__viewContainer
> .react-calendar__year-view
> .react-calendar__year-view__months > .react-calendar__tile {
      padding: 0.625rem;
      font-size: 0.8125rem; }
      .more-date-picker__calendar > .react-calendar__viewContainer
> .react-calendar__year-view
> .react-calendar__year-view__months > .react-calendar__tile:hover {
        background-color: #edf2f8; }
      .more-date-picker__calendar > .react-calendar__viewContainer
> .react-calendar__year-view
> .react-calendar__year-view__months > .react-calendar__tile--active {
        background-color: #edf2f8 !important;
        color: #5687bb; }
      .more-date-picker__calendar > .react-calendar__viewContainer
> .react-calendar__year-view
> .react-calendar__year-view__months > .react-calendar__tile--hover {
        background-color: #edf2f8 !important; }
    .more-date-picker__calendar > .react-calendar__viewContainer
> .react-calendar__year-view
> .react-calendar__year-view__months > .react-calendar__tile--now {
      background: 0;
      font-weight: 600; }

.select-input-field {
  position: relative;
  width: 100%;
  height: 100%; }
  .select-input-field--container {
    position: relative;
    width: 100%;
    height: 100%; }
  .select-input-field__image--container {
    width: auto;
    margin-left: 3.75rem; }
  .select-input-field__image--search {
    position: absolute;
    top: 0.75rem;
    left: 0.625rem;
    width: 0.6875rem;
    height: 0.75rem; }
  .select-input-field__label {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 600;
    display: block;
    margin: 0 0 0.5rem; }
  .select-input-field__input {
    width: 100%;
    height: 3.75rem;
    padding: 1.25rem;
    border: 0;
    outline: none;
    background-color: transparent; }
    @media only screen and (max-width: 768px) {
      .select-input-field__input {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 1.25rem;
        height: 100%;
        padding: 0; } }
    .select-input-field__input--border {
      height: 2.3125rem;
      padding: 0.5625rem;
      border: 1px solid #c8c9cb;
      font-size: 0.875rem; }
  .select-input-field__box {
    position: absolute;
    top: 4.25rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0.625rem 1.125rem 0 rgba(0, 0, 0, 0.06);
    z-index: 999; }
    @media only screen and (max-width: 768px) {
      .select-input-field__box {
        top: 3.25rem;
        left: -0.875rem;
        width: calc(75vw); } }
  .select-input-field__list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 18.75rem;
    padding: 0.625rem;
    overflow-y: scroll; }
  .select-input-field__item {
    margin-bottom: 0.625rem; }
  .select-input-field__title {
    color: #4c4c4c;
    font-size: 0.9375rem;
    line-height: 1.125rem; }
  .select-input-field__address {
    color: #979797;
    font-size: 0.75rem;
    line-height: 0.875rem; }
  .select-input-field__postcode {
    color: #979797;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-left: 0.625rem; }
  .select-input-field__hot__container {
    padding: 1.25rem; }
    .select-input-field__hot__container-hidden {
      display: none; }
    .select-input-field__hot__container__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 2.0625rem;
      width: 4.5rem; }
      @media only screen and (max-width: 768px) {
        .select-input-field__hot__container__title {
          min-width: 3.625rem; } }
    .select-input-field__hot__container__list {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%; }
    .select-input-field__hot__container__item {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.875rem;
      min-width: 5rem;
      margin-right: 1rem;
      margin-bottom: 0.3125rem;
      padding: 0 0.3125rem;
      border: 1px solid #eeeeee;
      border-radius: 0.3125rem;
      text-align: center; }
      .select-input-field__hot__container__item:hover {
        background-color: #f9d15f;
        color: #fff; }

.tips {
  position: relative; }
  .tips__content {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: -0.75rem;
    left: 2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0.375rem;
    border-radius: 0.25rem;
    background-color: rgba(158, 158, 158, 0.9);
    z-index: 999; }
    .tips__content::before {
      position: absolute;
      top: 0.5rem;
      left: -0.5rem;
      border-top: 0.5rem solid transparent;
      border-right: 0.5rem solid rgba(158, 158, 158, 0.9);
      border-bottom: 0.5rem solid transparent;
      content: ''; }

.tipsv2 {
  position: relative; }
  .tipsv2:hover .tipsv2__content {
    display: inline-block; }
  .tipsv2__content {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: none;
    position: absolute;
    top: -0.75rem;
    left: 2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0.375rem;
    border-radius: 0.25rem;
    background-color: rgba(158, 158, 158, 0.9);
    white-space: break-spaces;
    z-index: 999; }
    .tipsv2__content::before {
      position: absolute;
      top: 0.5rem;
      left: -0.5rem;
      border-top: 0.5rem solid transparent;
      border-right: 0.5rem solid rgba(158, 158, 158, 0.9);
      border-bottom: 0.5rem solid transparent;
      content: ''; }

.csc__box-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.8);
  z-index: 100000; }

.csc__box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 31.25rem;
  height: 27.5rem;
  padding: 1.875rem 2.1875rem 2.5rem;
  transform: translate(-50%, -50%);
  border-radius: 0.625rem;
  background-color: #fff;
  z-index: 999; }
  @media only screen and (max-width: 768px) {
    .csc__box {
      width: 21.875rem;
      height: 18.75rem; } }

.csc__label {
  color: #4c4c4c;
  font-size: 1.5rem;
  line-height: 2.75rem;
  display: block;
  margin-bottom: 1.375rem;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .csc__label {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.5rem; } }

.csc__item {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.9375rem;
  padding: 0.9375rem 0 0.875rem 1.875rem;
  background-color: #f8f8f6; }
  @media only screen and (max-width: 768px) {
    .csc__item {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding: 0.3125rem 0 0.5625rem 1.5625rem; } }
  .csc__item:last-child {
    margin: 0; }
  .csc__item-active {
    background: rgba(100, 84, 181, 0.1);
    color: #6454b5; }

.csc__button {
  width: 100%;
  margin-top: 3.25rem;
  padding: 0.875rem 0;
  border: 0;
  border-radius: 2.4375rem;
  background-color: #FFC600;
  color: #4c4c4c; }
  @media only screen and (max-width: 768px) {
    .csc__button {
      margin-top: 0.9375rem; } }

.new-date-picker {
  position: relative; }
  .new-date-picker__result {
    padding: 0.5625rem 0;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    background-color: #fff;
    text-align: center; }
    .new-date-picker__result::after {
      display: table;
      clear: both;
      content: ''; }
  .new-date-picker__selector {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.625rem;
    border-radius: 2px;
    text-align: center;
    cursor: pointer; }
    .new-date-picker__selector:last-of-type {
      position: relative; }
    .new-date-picker__selector--active {
      background-color: #f4efe1; }
  .new-date-picker__icon {
    width: 1rem;
    height: 0.9375rem;
    fill: #FFC600; }
    .new-date-picker__icon--calendar {
      margin: 0.125rem 0.1875rem 0 0;
      vertical-align: top; }
    .new-date-picker__icon--arrow {
      position: absolute;
      top: 0.5rem;
      left: -0.875rem;
      width: 0.625rem;
      height: 0.37125rem; }
  .new-date-picker__picker {
    display: none; }
    .new-date-picker__picker--active {
      display: block;
      position: absolute;
      top: 2.4375rem;
      right: 0rem;
      left: 0rem;
      min-width: 52.8125rem;
      padding: 1.25rem 3.5rem 0;
      border-radius: 1.875rem;
      background-color: #fff;
      text-align: center;
      box-shadow: 0rem 0.625rem 1.125rem 0rem rgba(0, 0, 0, 0.06); }
      .new-date-picker__picker--active__container {
        top: 7rem;
        right: auto;
        left: -203%; }
        @media only screen and (max-width: 768px) {
          .new-date-picker__picker--active__container {
            top: 5rem;
            left: 0; } }
        .new-date-picker__picker--active__container--months {
          left: -180%; }
  .new-date-picker__buttons {
    margin: 1.375rem 1.25rem 1.5rem 0;
    text-align: right; }
    .new-date-picker__buttons-container {
      display: inline-block; }
    .new-date-picker__buttons .button {
      width: auto; }
  @media only screen and (min-width: 1024px) {
    .new-date-picker__btn-confirm {
      display: none !important; } }
  .new-date-picker__reset {
    color: #4c4c4c;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    display: inline-block;
    margin-right: 0.625rem;
    padding: 0.625rem 1.25rem;
    border: 1px solid #EAEAEA;
    border-radius: 0.125rem;
    background-color: transparent;
    font-weight: 500; }
    .new-date-picker__reset:last-child {
      margin: 0; }
  .new-date-picker__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.875rem;
    min-width: 18.75rem;
    font-weight: 500;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .new-date-picker__title {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 3.125rem;
        min-width: auto;
        text-align: left; } }
    .new-date-picker__title-left {
      text-align: left; }
  .new-date-picker__navbar {
    position: relative;
    top: 2.5rem; }
    .new-date-picker__navbar__button {
      width: 1.6875rem;
      height: 1.6875rem;
      border: 0;
      background-color: transparent;
      cursor: pointer; }
    .new-date-picker__navbar--previous {
      position: absolute;
      top: -1.4375rem;
      left: 62%; }
    .new-date-picker__navbar--next {
      position: absolute;
      top: -1.4375rem;
      right: 12%; }
    .new-date-picker__navbar__image {
      width: 0.4375rem;
      height: 0.77063rem; }
      .new-date-picker__navbar__image--rotate {
        transform: rotate(180deg); }
  .new-date-picker__caption {
    color: #222222;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    position: relative;
    margin-bottom: 1.875rem; }
  .new-date-picker__cell {
    padding: 0.5625rem 0.58937rem; }
  .new-date-picker__head-cell {
    color: #767676;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 1.25rem;
    font-weight: 500; }
  .new-date-picker__day {
    width: 3.625rem;
    max-width: 3.625rem;
    height: 3.625rem; }
    .new-date-picker__day__range-start {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important;
      background-color: #FFC600 !important; }
    .new-date-picker__day__range-end {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
      background-color: #FFC600 !important; }
    .new-date-picker__day__selected {
      border-radius: 0;
      background: rgba(255, 198, 0, 0.2);
      color: #4c4c4c; }
  .new-date-picker__select {
    border: 0;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .new-date-picker__select {
        font-size: 0.875rem; } }
    .new-date-picker__select:last-child {
      margin-left: 1rem; }
  .new-date-picker__footer {
    display: inline-block;
    margin-right: 1.25rem;
    padding: 0;
    text-align: center; }
    .new-date-picker__footer--active {
      display: flex;
      margin-bottom: 1.25rem; }
    @media only screen and (max-width: 768px) {
      .new-date-picker__footer {
        display: flex;
        width: 16.1875rem;
        padding: 1.25rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: scroll; } }
    .new-date-picker__footer__item {
      display: inline-block;
      width: 4.6025rem;
      height: 2rem;
      margin-left: 0.625rem;
      border: 1px solid #dddddd;
      border-radius: 3.125rem;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .new-date-picker__footer__item {
          min-width: 4.6025rem; } }
      .new-date-picker__footer__item:hover {
        border: 1px solid #333333; }
      .new-date-picker__footer__item-active {
        border: 1px solid #333333; }
      .new-date-picker__footer__item-label {
        color: #4c4c4c;
        font-size: 0.75rem;
        line-height: 1.8125rem;
        font-family: 'Circular', -apple-system, 'BlinkMacSystemFont', 'Roboto', 'Helvetica Neue', sans-serif;
        font-weight: 300;
        cursor: pointer; }
  .new-date-picker__alone-container {
    display: flex; }
  .new-date-picker__alone {
    display: inline-block;
    flex: 5;
    padding: 0 0.9375rem; }
    .new-date-picker__alone__title-container {
      min-width: 18.75rem; }
    .new-date-picker__alone--active {
      border-radius: 3.125rem;
      box-shadow: 0 0.375rem 1.25rem #000000; }
    .new-date-picker__alone__months-container {
      padding: 0 0.625rem; }
    .new-date-picker__alone-label {
      font-weight: 500; }
      .new-date-picker__alone-label--active {
        line-height: 3.0625rem; }
    .new-date-picker__alone-data {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem;
      font-weight: 500; }
  .new-date-picker__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.25rem; }
    .new-date-picker__tab-container {
      padding: 0.3125rem;
      border-radius: 3.125rem;
      background-color: #EBEBEB; }
    .new-date-picker__tab__button {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.125rem;
      position: relative;
      width: 6.3125rem;
      padding: 0.5rem 0;
      border: 0;
      border-radius: 6.25rem;
      outline: none;
      background: transparent;
      font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .new-date-picker__tab__button:hover {
        background-color: #fff; }
      .new-date-picker__tab__button--active {
        transition: box-shadow 0.2s ease 0s, transform 0.1s ease 0s;
        border: 1px solid rgba(76, 76, 76, 0.04);
        background: #fff;
        box-shadow: rgba(76, 76, 76, 0.08) 0 0.0625rem 0.125rem, rgba(76, 76, 76, 0.05) 0 0.25rem 0.75rem;
        cursor: default; }
  .new-date-picker__calendar {
    width: auto;
    margin: 1.25rem 0;
    border: 0; }
  .new-date-picker .react-calendar__tile--now {
    background: #fff; }
  .new-date-picker .react-calendar__tile--now:enabled:hover,
  .new-date-picker .react-calendar__tile--now:enabled:focus {
    background: #e6e6e6; }
  .new-date-picker .react-calendar__tile--rangeStart,
  .new-date-picker .react-calendar__tile--rangeEnd {
    background-color: #FFC600 !important;
    color: #4c4c4c; }
  .new-date-picker .react-calendar__tile--active {
    background: rgba(255, 198, 0, 0.2);
    color: #4c4c4c; }
    .new-date-picker .react-calendar__tile--active:hover {
      background-color: #e7edff !important; }

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6 !important; }

.toggle {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .toggle input {
    display: none; }
    .toggle input:checked ~ .toggle__dot {
      left: calc((var(--checkedLeftWidth) / 16) * 1rem); }
    .toggle input:checked ~ .toggle__bg {
      background: #FFC600; }
  .toggle__bg {
    display: block;
    position: relative;
    width: calc((var(--bgWidth) / 16) * 1rem);
    height: calc((var(--bgHeight) / 16) * 1rem);
    border-radius: calc((var(--bgHeight) / 16) * 1rem);
    background: #cccccc;
    cursor: pointer; }
  .toggle__dot {
    position: absolute;
    top: 0;
    width: calc((var(--dotWidth) / 16) * 1rem);
    height: calc((var(--dotHeight) / 16) * 1rem);
    transform: scale(0.9);
    transition: 0.5s;
    border-radius: 50%;
    background: #fff; }

.emoji-picker {
  width: inherit;
  height: inherit;
  border-radius: 0.375rem;
  background-color: #fff;
  overflow-x: scroll; }
  .emoji-picker::-webkit-scrollbar {
    display: none; }
  .emoji-picker__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: #fff; }
  .emoji-picker__item {
    width: 3.125rem;
    height: 3.125rem;
    padding: 0.5rem;
    font-family: sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
    overflow: hidden; }

.component-notification {
  position: fixed;
  top: 5.375rem;
  right: 1.5rem;
  width: 25rem;
  list-style: none;
  z-index: 5000;
  -webkit-animation: move 0.6s;
          animation: move 0.6s; }
  @media only screen and (max-width: 768px) {
    .component-notification {
      display: none; } }
  .component-notification__item {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    border: 0.5px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.05);
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }

@-webkit-keyframes slideInRight {
  0% {
    transform: translate(100%); }
  100% {
    transform: translate(0); } }

@keyframes slideInRight {
  0% {
    transform: translate(100%); }
  100% {
    transform: translate(0); } }
  .component-notification__content-container {
    display: flex; }
  .component-notification__icon {
    margin-right: 0.625rem; }
    .component-notification__icon > svg {
      width: 1.3125rem;
      height: 1.3125rem;
      fill: #ed7b2f; }
  .component-notification__close {
    position: absolute;
    top: 1.25rem;
    right: 1.5rem; }
    .component-notification__close > svg {
      width: 0.5rem;
      height: 0.5rem; }
  .component-notification__title {
    margin-bottom: 0.5rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: left; }
  .component-notification__content {
    height: 4.0625rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: left;
    overflow-y: auto; }

.cpreview-group {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  height: 100%;
  padding: 0 3rem;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  overflow-y: auto; }
  @media only screen and (max-width: 768px) {
    .cpreview-group {
      padding: 0; } }
  .cpreview-group__head__container {
    position: relative;
    height: 10%;
    color: #fff;
    font-size: 0.875rem;
    text-align: center; }
  .cpreview-group__head__count {
    line-height: 14vh; }
  .cpreview-group__head__close {
    position: absolute;
    right: 0;
    bottom: 0.125rem;
    padding: 0 1rem;
    line-height: 1.75rem;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .cpreview-group__head__close {
        bottom: 0.5rem; } }
    @media only screen and (min-width: 768px) {
      .cpreview-group__head__close {
        border: 1px solid;
        border-radius: 0.1875rem; } }
    .cpreview-group__head__close-icon {
      width: 0.5rem;
      height: 0.5rem;
      margin-right: 0.75rem;
      margin-bottom: 0.0625rem;
      fill: #fff; }
    @media only screen and (max-width: 768px) {
      .cpreview-group__head__close-text {
        display: none; } }
  .cpreview-group__swiper {
    text-align: center; }
  .cpreview-group__main {
    position: relative; }
    .cpreview-group__main__image {
      max-width: 100%;
      max-height: 100%; }
      .cpreview-group__main__image-conatiner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 64vh;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .cpreview-group__main__image-conatiner {
            height: 80vh; } }
        .cpreview-group__main__image-conatiner__notype {
          height: 72vh; }
  .cpreview-group__arrow {
    width: 0.625rem;
    height: 0.75rem;
    fill: #fff; }
    .cpreview-group__arrow__container {
      position: absolute;
      top: 48%;
      width: 2rem;
      height: 2rem;
      border: 1px solid #fff;
      border-radius: 0.375rem;
      background: rgba(0, 0, 0, 0.6);
      line-height: 1.875rem;
      text-align: center;
      z-index: 2; }
    .cpreview-group__arrow--prev {
      left: 0;
      transform: rotate(180deg); }
      @media only screen and (max-width: 768px) {
        .cpreview-group__arrow--prev {
          left: 0.5rem; } }
    .cpreview-group__arrow--next {
      right: 0; }
      @media only screen and (max-width: 768px) {
        .cpreview-group__arrow--next {
          right: 0.5rem; } }
  .cpreview-group__type {
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 3px; }
    .cpreview-group__type__container {
      height: 6vh;
      margin: 2vh;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .cpreview-group__type__container {
          display: none; } }
    .cpreview-group__type__item {
      display: inline-block;
      margin: 0.3125rem 0;
      padding: 0 0.75rem;
      border-right: 1px solid;
      background: rgba(0, 0, 0, 0.1);
      color: rgba(255, 255, 255, 0.5);
      font-size: 0.875rem;
      line-height: 1.375rem;
      cursor: pointer; }
      .cpreview-group__type__item--active {
        color: #fff; }
      .cpreview-group__type__item:last-child {
        border-right: 0; }
  .cpreview-group__delete-container {
    height: 6vh;
    margin: 2vh;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .cpreview-group__delete-container {
        display: none; } }
  .cpreview-group__delete__text {
    padding: 0.5rem 1rem;
    border: 1px solid #fff;
    border-radius: 0.375rem;
    color: #fff;
    line-height: 1.5rem; }
  .cpreview-group__preview {
    display: inline-block;
    width: 95%;
    white-space: nowrap;
    overflow-x: auto; }
    @media only screen and (max-width: 768px) {
      .cpreview-group__preview {
        display: none; } }
    .cpreview-group__preview__container {
      text-align: center; }
    .cpreview-group__preview__bg {
      display: inline-block;
      width: 6.25rem;
      height: 6.25rem;
      margin-right: 1rem;
      border-radius: 3px;
      background-color: #000; }
      .cpreview-group__preview__bg:last-child {
        margin-right: 0; }
    .cpreview-group__preview__image, .cpreview-group__preview__video {
      width: 100%;
      height: 100%;
      opacity: 0.6;
      -o-object-fit: cover;
         object-fit: cover; }
    .cpreview-group__preview--active {
      opacity: 1; }

.component-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1004; }
  .component-modal__content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
    overflow-y: auto; }

.pagination-v2 {
  margin: 0;
  padding: 0; }
  .pagination-v2::after {
    display: table;
    clear: both;
    content: ''; }
  .pagination-v2__item {
    display: inline-block;
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 0.25rem;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    outline: none;
    background: #fff;
    text-align: center;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .pagination-v2__item {
        margin-right: 0.625rem; } }
    .pagination-v2__item--active {
      border: 0;
      background-color: #FFC600; }
    .pagination-v2__item__link {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 2.125rem; }
  .pagination-v2__jump {
    width: 3.125rem;
    height: 2.125rem;
    border: 1px solid #EAEAEA;
    border-radius: 3px 0 0 3px;
    outline: none;
    text-align: center; }
  .pagination-v2__li {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
    margin-top: 0.3125rem; }
    @media only screen and (min-width: 768px) {
      .pagination-v2__li {
        display: inline-block;
        margin: 0 0 0 1.5rem; } }
  .pagination-v2__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-left: 0.5rem;
    padding: 0.625rem 1.5625rem;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    background-color: #f8f8f6;
    cursor: pointer; }
  .pagination-v2__previous, .pagination-v2__next {
    display: inline-block;
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    cursor: pointer;
    vertical-align: middle; }
  .pagination-v2__previous.disabled, .pagination-v2__next.disabled {
    cursor: initial;
    opacity: 0.5; }
  .pagination-v2__previous {
    margin-right: 0.25rem;
    transform: rotate(180deg); }
    @media only screen and (min-width: 768px) {
      .pagination-v2__previous {
        margin-right: 0.5rem; } }
  .pagination-v2__break {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: text-bottom; }
    @media only screen and (min-width: 768px) {
      .pagination-v2__break {
        margin-right: 0.625rem; } }
  .pagination-v2__goto {
    display: inline-block;
    margin-left: 0.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff; }
    .pagination-v2__goto__total {
      display: inline-block;
      width: 3.75rem;
      background: #fff;
      text-align: center; }
  .pagination-v2__svg {
    width: 0.42125rem;
    height: 0.74875rem;
    fill: #4c4c4c; }

.chat-content-v2 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #eeeeee;
  font-family: PingFangSC, PingFang SC, Microsoft YaHei; }
  @media only screen and (min-width: 1024px) {
    .chat-content-v2 {
      flex: 1;
      background-color: #fff; } }
  .chat-content-v2__warning {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    background: #fdecee; }
    .chat-content-v2__warning--mobile {
      box-shadow: inset 0 -1px 0 0 #e7e7e7; }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__warning--mobile {
          display: none; } }
    .chat-content-v2__warning--pc {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__warning--pc {
          display: flex;
          box-shadow: inset 0 -1px 0 0 #e7e7e7; } }
    .chat-content-v2__warning__text {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.625rem;
      line-height: 1rem; }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__warning__text {
          font-size: 0.75rem;
          line-height: 1.125rem; } }
      .chat-content-v2__warning__text-zfj {
        color: #E34D59;
        font-weight: 600; }
    .chat-content-v2__warning__close {
      margin-left: 1rem;
      padding: 0 0.5rem; }
      .chat-content-v2__warning__close-icon {
        width: 0.5rem;
        height: 0.625rem; }
  .chat-content-v2__user {
    padding: 0.5rem 1rem;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__user {
        max-width: 37.4375rem; } }
    .chat-content-v2__user__avatar {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover; }
      .chat-content-v2__user__avatar-container {
        position: relative;
        margin-right: 1rem;
        float: left; }
    .chat-content-v2__user__info {
      display: inline-block;
      width: calc(100% - (112 / 16 * 1rem));
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .chat-content-v2__user__report {
      color: #E34D59;
      font-size: 0.75rem;
      line-height: 1.25rem;
      width: 40px;
      margin-top: 10px;
      margin-left: 1rem;
      padding: 0;
      float: right;
      border: 1px solid #E34D59;
      border-radius: 3px;
      background: none;
      font-weight: 600;
      text-align: center; }
    .chat-content-v2__user__valid {
      position: absolute;
      top: -0.125rem;
      right: -0.4375rem;
      width: 1.25rem;
      height: 1.25rem; }
    .chat-content-v2__user__online-status-text {
      margin-top: 0.125rem;
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.625rem;
      line-height: 1rem; }
      .chat-content-v2__user__online-status-text--online {
        color: #2ba471; }
  .chat-content-v2__list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    padding: 1rem 1rem 0;
    overflow-y: auto; }
  .chat-content-v2__item {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 400; }
    .chat-content-v2__item--user {
      text-align: left; }
    .chat-content-v2__item--self {
      text-align: right; }
    .chat-content-v2__item--system-default {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.625rem;
      line-height: 1rem;
      margin: 0 auto 1rem;
      text-align: center; }
    .chat-content-v2__item--system-error {
      color: #ed5f5f;
      font-size: 0.625rem;
      line-height: 1rem;
      margin: 0 auto 1rem;
      text-align: center; }
    .chat-content-v2__item--time {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin: 0 auto 1rem;
      text-align: center; }
    .chat-content-v2__item-card {
      display: inline-block;
      max-width: 80%; }
    .chat-content-v2__item-content {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.125rem;
      display: inline-block;
      max-width: calc(80%);
      padding: 0.6875rem 0.75rem;
      background-color: #fff;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__item-content {
          color: rgba(0, 0, 0, 0.9);
          font-size: 0.875rem;
          line-height: 1.375rem;
          padding: 0.5rem 0.75rem;
          background: #f3f3f3;
          box-shadow: none; } }
      .chat-content-v2__item-content--other {
        margin-left: 0.5rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0.125rem; }
        @media only screen and (min-width: 1024px) {
          .chat-content-v2__item-content--other {
            border-radius: 0.1875rem; } }
      .chat-content-v2__item-content--self {
        margin-right: 0.5rem;
        border-radius: 0.5rem 0.5rem 0.125rem;
        text-align: left; }
        @media only screen and (min-width: 1024px) {
          .chat-content-v2__item-content--self {
            border-radius: 0.1875rem; } }
      .chat-content-v2__item-content--image {
        max-width: 100%;
        height: 100%;
        max-height: 8.75rem; }
    .chat-content-v2__item-avatar {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      margin-top: 0.25rem;
      border-radius: 50%;
      vertical-align: top;
      -o-object-fit: cover;
         object-fit: cover; }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__item-avatar {
          margin-top: 0.1875rem; } }
  .chat-content-v2__footer-container {
    position: relative;
    z-index: 2; }
  .chat-content-v2__quick-opeate {
    margin: 0.5rem 1rem; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__quick-opeate {
        display: none; } }
    .chat-content-v2__quick-opeate__item {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      display: inline-block;
      width: auto;
      padding: 0.25rem 1rem;
      border: 1px solid #dcdcdc;
      border-radius: 1rem;
      background-color: #fff;
      font-weight: 400; }
    .chat-content-v2__quick-opeate__exchange-contact-svg {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.5rem;
      vertical-align: middle; }
  .chat-content-v2__inputfield {
    position: relative;
    padding: 0.75rem 1rem 0.875rem;
    background: #fff; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__inputfield {
        height: 9.5625rem;
        padding: 0.625rem 1rem 0.75rem;
        box-shadow: inset 0 1px 0 0 #e7e7e7; } }
  .chat-content-v2__tool__item-container {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0.5rem;
    text-align: center; }
    .chat-content-v2__tool__item-container:last-child {
      margin-right: 0; }
  .chat-content-v2__tool__picture {
    position: relative;
    top: 0.1875rem;
    width: 1.375rem;
    height: 1.375rem; }
  .chat-content-v2__tool__emoji {
    position: relative;
    top: 0.1875rem;
    width: 1.3125rem;
    height: 1.3125rem; }
  .chat-content-v2__tool-container {
    position: absolute;
    right: 2.125rem;
    bottom: 1.4375rem;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__tool-container {
        position: relative;
        right: 0;
        bottom: 0; } }
    .chat-content-v2__tool-container--invisible {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__tool-container--invisible {
          display: block; } }
  .chat-content-v2__input {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    position: relative;
    min-height: 2.375rem;
    max-height: 5.125rem;
    padding: 0.5rem 4.875rem 0.5rem 0.75rem;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    outline: none;
    background: #fff;
    overflow-x: auto;
    box-sizing: border-box; }
    .chat-content-v2__input:before {
      position: absolute;
      top: 0.5rem;
      left: 0.75rem;
      color: rgba(0, 0, 0, 0.4);
      content: '发消息';
      pointer-events: none;
      /* 防止点击placeholder时触发内容编辑 */ }
    .chat-content-v2__input:focus:before, .chat-content-v2__input:not(:empty):before {
      display: none;
      /* 当div获得焦点或不为空时隐藏placeholder */ }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__input {
        height: 4.875rem;
        padding-right: 0.75rem;
        border: 0; }
        .chat-content-v2__input:before {
          content: ''; } }
  .chat-content-v2__invisible {
    display: none; }
  .chat-content-v2__exchange-wechat-pc {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__exchange-wechat-pc {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.875rem;
        line-height: 1.375rem;
        display: inline-block;
        position: absolute;
        right: 5.25rem;
        bottom: 0.8125rem;
        width: auto;
        height: 2rem;
        padding: 0 1rem;
        border-radius: 0.1875rem;
        background: #FFC600; }
        .chat-content-v2__exchange-wechat-pc-svg {
          width: 1.0625rem;
          height: 0.875rem;
          margin-right: 0.625rem;
          vertical-align: middle;
          fill: #008000; } }
  .chat-content-v2__sendbtn {
    color: #000;
    font-size: 0.875rem;
    line-height: 1.375rem;
    position: absolute;
    right: 1.25rem;
    bottom: 1.125rem;
    width: 3.25rem;
    height: 1.875rem;
    padding: 0;
    border-radius: 1rem;
    background: #FFC600;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__sendbtn {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.875rem;
        line-height: 1.375rem;
        right: 1rem;
        bottom: 0.8125rem;
        width: 3.75rem;
        height: 2rem;
        border-radius: 0.1875rem; } }
    .chat-content-v2__sendbtn--invisible {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .chat-content-v2__sendbtn--invisible {
          display: block; } }
  .chat-content-v2__emoji {
    display: none;
    height: 15.625rem;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .chat-content-v2__emoji {
        position: absolute;
        bottom: 9.5625rem;
        left: 0;
        width: 21.875rem;
        height: 24.125rem;
        border-radius: 0.375rem;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); } }
    .chat-content-v2__emoji--active {
      display: inline-block; }
  .chat-content-v2__image-large {
    max-width: 90%;
    max-height: 90%; }
    .chat-content-v2__image-large__container {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.6);
      overflow: auto;
      z-index: 2; }
    .chat-content-v2__image-large__close-icon {
      position: absolute;
      top: 0rem;
      left: 0rem;
      width: 1.25rem;
      height: 1.25rem;
      fill: #fff; }
      .chat-content-v2__image-large__close-icon__container {
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        width: 1.25rem;
        height: 1.25rem; }
  .chat-content-v2__system-card {
    max-width: 16.4375rem;
    margin: 0 auto 1rem;
    padding: 0.75rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
    .chat-content-v2__system-card__logo {
      width: 1.5rem;
      margin-right: 0.4375rem;
      vertical-align: middle; }
    .chat-content-v2__system-card__header {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.125rem;
      margin-bottom: 0.8125rem; }
  .chat-content-v2__exchange-contact__wait {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 48%;
    padding: 0.3125rem 0;
    border: 1px solid #dcdcdc;
    border-radius: 0.1875rem;
    background: #fff;
    font-weight: 400; }
  .chat-content-v2__exchange-contact__done {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 48%;
    padding: 0.3125rem 0;
    border-radius: 0.1875rem;
    background: #FFC600;
    font-weight: 400; }
  .chat-content-v2__contact-card__tips {
    color: #e37318;
    font-size: 0.625rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-align: center; }
  .chat-content-v2__contact-card__item {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    box-shadow: inset 0 1px 0 0 #e7e7e7; }
    .chat-content-v2__contact-card__item:first-child {
      margin-top: 0;
      padding-top: 0;
      box-shadow: none; }
  .chat-content-v2__contact-card__text-content {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .chat-content-v2__contact-card__text-title {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .chat-content-v2__contact-card__text-value {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    max-width: 9.875rem;
    font-weight: 500; }
  .chat-content-v2__contact-card__code-img {
    width: 14.9375rem;
    height: 17.8125rem;
    -o-object-fit: cover;
       object-fit: cover; }
  .chat-content-v2__contact-card__copy {
    color: #cc9e00;
    font-size: 0.75rem;
    line-height: 1.125rem;
    min-width: 2.625rem;
    margin-left: 2.3125rem;
    cursor: pointer; }
    .chat-content-v2__contact-card__copy-svg {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.375rem;
      vertical-align: middle;
      fill: #cc9e00; }
  .chat-content-v2__contact-feedback-card__no, .chat-content-v2__contact-feedback-card__success {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 48%;
    padding: 0.3125rem 0;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff; }
    .chat-content-v2__contact-feedback-card__no--processed, .chat-content-v2__contact-feedback-card__success--processed {
      background: #eeeeee; }
    .chat-content-v2__contact-feedback-card__no:disabled, .chat-content-v2__contact-feedback-card__success:disabled {
      color: rgba(0, 0, 0, 0.26);
      font-size: 0.75rem;
      line-height: 1.25rem;
      background: #eeeeee; }
  .chat-content-v2__contact-feedback-card__backout {
    color: #cc9e00;
    font-size: 0.625rem;
    line-height: 1rem;
    cursor: pointer; }
    .chat-content-v2__contact-feedback-card__backout--disabled {
      color: rgba(0, 0, 0, 0.26);
      font-size: 0.625rem;
      line-height: 1rem; }
  .chat-content-v2__feedback-after-contact__button {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 0.5rem;
    padding: 0.3125rem 0 0.3125rem 0.8125rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.1875rem;
    background: #fff;
    font-weight: 400;
    text-align: left; }
    .chat-content-v2__feedback-after-contact__button--disabled {
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 1.25rem;
      background: #eeeeee; }
    .chat-content-v2__feedback-after-contact__button--active {
      border: 1px solid #e6b200;
      background: #fffcf2; }
  .chat-content-v2__congratulation__sold {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding: 0.3125rem 0;
    border: 1px solid #dcdcdc;
    border-radius: 0.1875rem;
    background: #fff;
    font-weight: 400; }
  .chat-content-v2__property-card {
    width: 13.5rem; }
  .chat-content-v2__seekrent-card {
    padding: 0.25rem 0.625rem;
    border: 0.5rem;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
    .chat-content-v2__seekrent-card .card-web__content__info-tag {
      color: #999999;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: inline-block;
      margin: 0 0.625rem 0.625rem 0;
      margin-right: 0.625rem;
      padding: 0.3125rem 0.5rem;
      border-radius: 0.125rem;
      background-color: #f8f8f6; }
    @media only screen and (min-width: 768px) {
      .chat-content-v2__seekrent-card .card-phone {
        display: none; } }
    .chat-content-v2__seekrent-card .card-phone__vip {
      color: #fff;
      font-size: 0.625rem;
      line-height: 1.125rem;
      display: inline-block;
      height: 1.125rem;
      margin-right: 0.375rem;
      padding: 0 0.375rem;
      border-radius: 1px;
      background-color: #C50505;
      vertical-align: middle; }
    .chat-content-v2__seekrent-card .card-phone__header {
      display: flex;
      width: 100%; }
      .chat-content-v2__seekrent-card .card-phone__header__img {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 0.625rem;
        border-radius: 50%;
        overflow: hidden; }
        .chat-content-v2__seekrent-card .card-phone__header__img-item {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .chat-content-v2__seekrent-card .card-phone__header__user {
        flex: 1; }
        .chat-content-v2__seekrent-card .card-phone__header__user-name {
          color: #000;
          font-size: 0.875rem;
          line-height: 1.25rem;
          font-weight: 600; }
        .chat-content-v2__seekrent-card .card-phone__header__user-university {
          color: #B0B0B0;
          font-size: 0.625rem;
          line-height: 0.875rem; }
        .chat-content-v2__seekrent-card .card-phone__header__user__sex {
          display: inline-block;
          width: 1rem;
          height: 1rem;
          vertical-align: middle; }
      .chat-content-v2__seekrent-card .card-phone__header__info {
        margin-left: 1rem;
        text-align: right; }
        .chat-content-v2__seekrent-card .card-phone__header__info-price {
          color: #C50505;
          font-size: 1rem;
          line-height: 1.5rem;
          font-weight: 600; }
        .chat-content-v2__seekrent-card .card-phone__header__info-date {
          color: #767676;
          font-size: 0.625rem;
          line-height: 1.25rem; }
    .chat-content-v2__seekrent-card .card-phone__content__tag {
      color: #999999;
      font-size: 0.625rem;
      line-height: 0.9375rem;
      display: inline-block;
      margin-right: 0.625rem;
      padding: 0.3125rem 0.5rem;
      border-radius: 0.125rem;
      background-color: #f8f8f6; }
    .chat-content-v2__seekrent-card .card-phone__content__introduce {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      margin: 0.625rem 0; }
    .chat-content-v2__seekrent-card .card-phone__content__city {
      color: #333333;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0.625rem 0; }
    .chat-content-v2__seekrent-card .card-phone__media {
      margin-bottom: 1.25rem;
      white-space: nowrap;
      overflow-x: auto; }
      .chat-content-v2__seekrent-card .card-phone__media__item {
        display: inline-block;
        width: 30%;
        height: 4.0625rem;
        margin-right: 1.0625rem;
        overflow: hidden; }
      .chat-content-v2__seekrent-card .card-phone__media__image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.chat-v2 {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .chat-v2 {
      max-width: 58.4375rem;
      max-height: 40.8125rem;
      border: 1px solid #dcdcdc;
      border-radius: 0.375rem;
      background: #fff;
      box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08); } }
  .chat-v2-container {
    display: flex;
    position: fixed;
    top: 3.1875rem;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000; }
    @media only screen and (min-width: 768px) {
      .chat-v2-container {
        top: 4.375rem; } }
    @media only screen and (min-width: 1024px) {
      .chat-v2-container {
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.5); } }
  .chat-v2__header {
    box-shadow: inset 0 -1px 0 0 #e7e7e7;
    cursor: pointer; }
    .chat-v2__header__back {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      padding: 0.5625rem 1.125rem;
      font-weight: 600; }
      @media only screen and (min-width: 1024px) {
        .chat-v2__header__back {
          display: none; } }
      .chat-v2__header__back-svg {
        width: 0.375rem;
        height: 0.625rem;
        margin-right: 0.625rem;
        transform: rotate(180deg); }
    .chat-v2__header__title {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .chat-v2__header__title {
          color: rgba(0, 0, 0, 0.9);
          font-size: 1.25rem;
          line-height: 1.75rem;
          display: block;
          padding: 0.875rem 1.5625rem 0.75rem 1rem;
          font-weight: 600; } }
    .chat-v2__header__close-icon {
      position: absolute;
      top: 0.5rem;
      left: 0.5rem;
      width: 0.5rem;
      height: 0.5rem; }
      .chat-v2__header__close-icon__container {
        position: relative;
        width: 1.5rem;
        height: 1.5rem;
        float: right; }
  .chat-v2__content {
    width: 100%;
    height: inherit;
    padding-bottom: 5.6875rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .chat-v2__content {
        display: flex;
        height: calc(100% - 55px);
        padding-bottom: 0;
        border-bottom-left-radius: 0.375rem; } }
  .chat-v2__list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    cursor: pointer;
    overflow-y: auto;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
    -webkit-touch-callout: none; }
    @media only screen and (min-width: 1024px) {
      .chat-v2__list {
        width: 20.9375rem;
        box-shadow: inset -1px 0 0 0 #e7e7e7; } }
    .chat-v2__list::-webkit-scrollbar {
      display: none; }
    .chat-v2__list--mobile {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .chat-v2__list--mobile {
          display: inline-block; } }
    .chat-v2__list__operate-mobile {
      display: none;
      position: absolute;
      right: -96px; }
      @media only screen and (min-width: 1024px) {
        .chat-v2__list__operate-mobile {
          display: none; } }
      .chat-v2__list__operate-mobile--visible {
        display: block; }
      .chat-v2__list__operate-mobile-item--visible {
        right: 6rem; }
        @media only screen and (min-width: 1024px) {
          .chat-v2__list__operate-mobile-item--visible {
            right: 0; } }
    .chat-v2__list-item {
      display: flex;
      position: relative;
      width: 100%;
      height: 4.875rem;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE 10 and IE 11 */
      user-select: none;
      /* Standard syntax */ }
      .chat-v2__list-item--active {
        background: #f3f3f3; }
      .chat-v2__list-item__avatar {
        width: 2.5rem;
        max-width: 2.5rem;
        height: 2.5rem;
        max-height: 2.5rem;
        border-radius: 50%;
        -o-object-fit: cover;
           object-fit: cover; }
        .chat-v2__list-item__avatar-container {
          position: relative;
          margin: 1rem 0.75rem 1.3125rem 1.25rem; }
      .chat-v2__list-item__content-container {
        width: calc(100% - 4.5rem);
        padding-right: 1.25rem;
        box-shadow: inset 0 -1px 0 0 #e7e7e7; }
      .chat-v2__list-item__head {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem; }
        .chat-v2__list-item__head-left {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
      .chat-v2__list-item__last-time {
        color: rgba(0, 0, 0, 0.4);
        font-size: 0.625rem;
        line-height: 1rem;
        margin-left: 1rem;
        white-space: nowrap; }
      .chat-v2__list-item__last-message {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.75rem;
        line-height: 1.125rem;
        display: inline-block;
        width: 100%;
        margin-top: 0.5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .chat-v2__list-item__mobile-markstatus {
        color: #fff;
        font-size: 0.875rem;
        line-height: 1.375rem;
        display: inline-block;
        padding: 28px 20px;
        background: #4787f0; }
    .chat-v2__list__biz {
      color: #fff;
      font-size: 0.625rem;
      line-height: 1rem;
      display: inline-block;
      margin-right: 0.1875rem;
      padding: 0 0.1875rem;
      border-radius: 0.1875rem;
      color: #fff; }
      .chat-v2__list__biz:last-child {
        margin-right: 0.375rem; }
      .chat-v2__list__biz-sublet {
        background: #FFC600; }
      .chat-v2__list__biz-seekrental {
        background-color: #ff8700; }
      .chat-v2__list__biz-roommate {
        background: #00a8e6; }
    .chat-v2__list-name {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-weight: 600;
      vertical-align: middle; }
    .chat-v2__list__unreadcount {
      color: #fff;
      font-size: 0.625rem;
      line-height: 1rem;
      display: inline-block;
      position: absolute;
      top: -0.25rem;
      right: -0.25rem;
      height: 1rem;
      padding: 0 0.375rem;
      border-radius: 0.5rem;
      background: #d54941;
      font-family: PingFangSC, PingFang SC, Microsoft YaHei;
      font-weight: 600;
      text-align: center; }
    .chat-v2__list__online-status {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0.5rem;
      height: 0.5rem;
      border: 2px solid #fff;
      border-radius: 50%;
      background-color: #a6a6a6;
      box-sizing: content-box; }
      .chat-v2__list__online-status--online {
        background-color: #2ba471; }
  .chat-v2__context-menu {
    display: none;
    padding: 0.25rem;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .chat-v2__context-menu {
        display: block; } }
    .chat-v2__context-menu__list {
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE 10 and IE 11 */
      user-select: none;
      /* Standard syntax */ }
    .chat-v2__context-menu__item {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem;
      padding: 0.0625rem 0.5rem; }
      .chat-v2__context-menu__item:hover {
        border-radius: 0.1875rem;
        background: #f3f3f3; }
      .chat-v2__context-menu__item:active {
        background: #ffeeb2; }

.sublease {
  padding-bottom: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .sublease {
      width: 31.25rem;
      margin: auto; } }
  .sublease__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin: 2.5rem 0 0.5rem; }
    .sublease__title::before {
      position: absolute;
      top: 14.75rem;
      right: 0;
      width: 100%;
      height: 0.625rem;
      background-color: #f8f8f6;
      content: ''; }
      @media only screen and (min-width: 1024px) {
        .sublease__title::before {
          top: 16.5625rem; } }
  .sublease__title-subscribe {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin: 3.375rem 0 0.5rem; }
  .sublease__summary {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 0.8125rem; }
  .sublease__step {
    display: none; }
    .sublease__step--active {
      display: block; }
  .sublease__form__title {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 0 0 1.5rem; }
  .sublease__form__summary {
    margin: 0 0 1.5rem; }
  .sublease__form__mb {
    margin-bottom: 1.5rem; }
  .sublease__error {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding: 0.25rem 0; }
  .sublease__policy {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 1rem 0 0;
    text-align: center; }
  .sublease__advertise {
    width: 100%; }
    .sublease__advertise--core {
      display: flex;
      justify-content: space-evenly;
      padding: 1.25rem 1.25rem 0; }
    .sublease__advertise__core-item {
      display: inline-block; }
      .sublease__advertise__core-item__title {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 1.3125rem;
        margin: 0.375rem 0 0; }
      .sublease__advertise__core-item__data {
        color: #4c4c4c;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: Impact; }
      .sublease__advertise__core-item__words {
        color: #4c4c4c;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        position: relative;
        top: -0.375rem;
        left: 0.125rem; }
    .sublease__advertise__dialog {
      padding: 0; }
      @media only screen and (max-width: 768px) {
        .sublease__advertise__dialog {
          top: 0.625rem;
          right: 0.625rem;
          left: 0.625rem;
          transform: none;
          background-color: #f8f8f6; } }
    .sublease__advertise__button {
      padding: 0;
      background-color: unset; }
    .sublease__advertise__image {
      width: 100%; }
    .sublease__advertise__loop {
      position: absolute;
      top: 7.75rem;
      right: 0;
      width: 100%;
      height: 2.5rem;
      padding: 0.1875rem 1.25rem;
      background-color: #f8f8f6;
      overflow: hidden; }
      .sublease__advertise__loop-container {
        transform: translateY(0);
        transition: transform 2s; }
      .sublease__advertise__loop-content {
        display: flex;
        align-items: center;
        height: 2.125rem;
        margin-bottom: 12px;
        padding: 0.1875rem 0.5rem;
        border-radius: 2.1875rem;
        background-color: #f4efe1;
        font-size: 0.75rem;
        overflow: hidden; }
      .sublease__advertise__loop-headimg {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%; }
      .sublease__advertise__loop-back {
        height: 50px;
        background-color: #f8f8f6; }
  .sublease__application__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.625rem 0;
    background-color: #FFC600; }
  .sublease__tip__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 1.25rem;
    padding: 1.25rem;
    background-color: #f9ebea; }
  .sublease__container {
    padding: 0 1.25rem; }

.advertise {
  position: relative;
  background-color: #f8f8f6; }
  .advertise__sublease {
    margin: 0 0 0.625rem;
    background-color: #fff; }
  .advertise__extension {
    margin-bottom: 0.625rem;
    padding: 1.25rem 0.625rem;
    background-color: #fff;
    text-align: center; }
    .advertise__extension__title {
      color: #4c4c4c;
      font-size: 1.25rem;
      line-height: 1.25rem;
      font-weight: 400;
      margin: 0 0 0.5rem; }
    .advertise__extension__paragraph {
      color: #9e9e9e;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0 0 1.25rem; }
    .advertise__extension__list {
      margin: 0; }
    .advertise__extension__item {
      display: inline-block;
      width: 10.125rem;
      height: 15.0625rem;
      margin: 0;
      padding: 1.25rem 0.875rem 2.3125rem;
      list-style: none;
      box-shadow: 0.1px 0.1px 21px 0.1px rgba(54, 143, 252, 0.1);
      vertical-align: top; }
      .advertise__extension__item__title {
        color: #4c4c4c;
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 400;
        margin: 0 0 0.75rem; }
      .advertise__extension__item__paragraph {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 1.25rem; }
    .advertise__extension__button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-top: 1.25rem;
      padding: 0.625rem 0;
      border-radius: 0.125rem;
      outline: none;
      background-color: #FFC600; }
  .advertise__content {
    position: absolute;
    top: 0;
    left: 2.5rem;
    text-align: initial; }
    .advertise__content__title {
      color: #fff;
      font-size: 1.25rem;
      line-height: 1.875rem;
      margin: 2.0625rem 0 0.5625rem; }
    .advertise__content__heading {
      color: #fff;
      font-size: 1rem;
      line-height: 1.5rem;
      position: relative;
      margin: 0 0 1.125rem;
      z-index: 1; }
      .advertise__content__heading::after {
        position: absolute;
        top: 0.625rem;
        right: 2.4375rem;
        width: 4.0625rem;
        height: 0.75rem;
        background-color: #FFC600;
        content: '';
        opacity: 0.7;
        z-index: -1; }
    .advertise__content__list {
      margin: 0.9375rem 0 0;
      padding: 0; }
    .advertise__content__item {
      color: #fff;
      font-size: 0.75rem;
      line-height: 1.125rem;
      font-weight: 400;
      margin-bottom: 0.1875rem;
      list-style-type: none; }
    .advertise__content__button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.3125rem;
      width: 5.625rem;
      height: 1.75rem;
      margin-top: 1.25rem;
      padding: 0;
      border-radius: 0.875rem;
      outline: none;
      background-color: #FFC600; }
  .advertise__core {
    margin: 1.5rem 0 0; }
    .advertise__core__title {
      margin: 0.375rem 0 1.875rem; }
  .advertise__comment {
    padding: 1.25rem 0.625rem;
    background-color: #fff; }
    .advertise__comment__title {
      color: #4c4c4c;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 400;
      margin: 0 0 0.625rem;
      text-align: center; }
    .advertise__comment__image {
      display: block;
      width: 2rem;
      height: 1.8125rem;
      margin: 0 0 0.9375rem; }
    .advertise__comment__value {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.375rem;
      margin: 0 0 1rem; }
    .advertise__comment__abc {
      color: #9e9e9e;
      font-size: 0.75rem;
      line-height: 1.125rem; }
    .advertise__comment__information {
      text-align: right; }
      .advertise__comment__information--name {
        position: relative;
        margin-left: 0.3125rem; }
        .advertise__comment__information--name::before {
          position: absolute;
          top: 0.5rem;
          left: -2.25rem;
          width: 1.875rem;
          height: 0.0625rem;
          background-color: #9e9e9e;
          content: ''; }
      .advertise__comment__information--city {
        margin-left: 0.6875rem; }
    .advertise__comment__button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block;
      width: 20.9375rem;
      margin: 1.8125rem auto 0;
      padding: 0.625rem 0;
      border: 1px solid #EAEAEA;
      border-radius: 0.25rem;
      text-align: center; }

.sla__form__input-bottom > .input-field__input-container {
  margin-bottom: 0; }

.sla__form__video {
  position: relative; }
  .sla__form__video--video {
    width: 100%;
    height: 31.25rem;
    margin-bottom: 1rem; }
  .sla__form__video__file {
    display: none; }
  .sla__form__video__button {
    width: 50%;
    height: 8rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    outline: none;
    background: #f8f8f6; }

.sla__terms__valid {
  display: inline-block;
  position: relative; }

.sla__terms__tips {
  position: absolute;
  bottom: 3.875rem;
  left: -0.625rem;
  width: 10.5rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: rgba(0, 0, 0, 0.8); }
  .sla__terms__tips-content {
    color: #fff;
    font-size: 0.875rem;
    text-align: center; }
  .sla__terms__tips-arrow {
    position: absolute;
    bottom: -0.625rem;
    left: 0.5rem;
    border-top: 0.625rem solid rgba(0, 0, 0, 0.8);
    border-right: 0.625rem solid transparent;
    border-left: 0.625rem solid transparent; }
  .sla__terms__tips--invisible {
    display: none; }

.sla__show {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.8);
  z-index: 100000; }
  .sla__show--video {
    width: 100%;
    height: 60%;
    margin-top: 5rem; }

.sla__city {
  width: 100%;
  margin-bottom: 1.25rem; }

.sla__property-image {
  margin-bottom: 1.5rem;
  white-space: nowrap;
  overflow-x: auto; }
  .sla__property-image__item {
    display: inline-block;
    position: relative;
    width: 48%;
    height: 8rem;
    margin-right: 1rem;
    overflow: hidden; }
    .sla__property-image__item-select {
      position: absolute;
      top: 0;
      right: 0;
      width: 1.125rem;
      height: 1.125rem;
      padding: 0.25rem;
      border-radius: 50%; }
      .sla__property-image__item-select--inactive {
        border: 0.125rem solid #fff;
        fill: rgba(255, 255, 255, 0); }
      .sla__property-image__item-select--active {
        background-color: #FFC600;
        fill: #fff; }
    .sla__property-image__item-image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .sla__property-image__swiper-close {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 1rem;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .sla__property-image__swiper-select {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    width: 1.625rem;
    height: 1.5rem;
    padding: 0.25rem;
    border-radius: 50%; }
    .sla__property-image__swiper-select--inactive {
      border: 0.125rem solid #fff;
      fill: rgba(255, 255, 255, 0); }
    .sla__property-image__swiper-select--active {
      background-color: #FFC600;
      fill: #fff; }

.sla__input {
  -webkit-animation: input 2s infinite linear;
          animation: input 2s infinite linear; }

@-webkit-keyframes input {
  0% {
    border-color: #fff; }
  100% {
    border-color: #ff3d46; } }

@keyframes input {
  0% {
    border-color: #fff; }
  100% {
    border-color: #ff3d46; } }

.sls__form-item {
  margin-bottom: 1rem; }

.sls__label {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  display: block;
  margin: 0.25rem 0 1.25rem; }

.sls .sradio-field__container::after {
  display: table;
  clear: both;
  content: ''; }

.sls .sradio-field__item {
  width: 100%;
  height: 100%;
  margin-bottom: 0.625rem; }
  .sls .sradio-field__item-disable {
    background-color: #EBEBEB;
    pointer-events: none; }
    .sls .sradio-field__item-disable .sradio-field__attaction,
    .sls .sradio-field__item-disable .sradio-field__price,
    .sls .sradio-field__item-disable .sradio-field__title {
      color: #9e9e9e; }

.sls .sradio-field__input {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden; }
  .sls .sradio-field__input:checked ~ .sradio-field__label {
    border-color: #FFC600;
    background-color: rgba(255, 198, 0, 0.1); }
    .sls .sradio-field__input:checked ~ .sradio-field__label .sradio-field__tick-container {
      display: block;
      background-color: #FFC600; }

.sls .sradio-field__label {
  display: block;
  position: relative;
  height: 100%;
  padding: 1rem;
  border: 1px solid #EAEAEA;
  border-radius: 4px; }
  .sls .sradio-field__label__list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 80%;
    margin-top: 0.9375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .sls .sradio-field__label__item {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0.625rem; }
  .sls .sradio-field__label__images {
    width: 100%;
    height: 100%;
    border-radius: 50%; }

.sls .sradio-field__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  max-width: 80%;
  margin: 0 0 0.25rem; }

.sls .sradio-field__summary {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 70%;
  margin: 0; }
  .sls .sradio-field__summary-amount {
    color: #e03b24; }

.sls .sradio-field__attaction {
  color: #E02020;
  font-size: 1rem;
  line-height: 1.375rem; }

.sls .sradio-field__price {
  color: #E02020;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  text-align: right; }
  .sls .sradio-field__price--original {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    display: block;
    text-decoration: line-through; }

.sls .sradio-field__tick-container {
  display: none;
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  background-color: #3fd6b5;
  text-align: center; }

.sls .sradio-field__tick {
  width: 0.75rem;
  height: 1.25rem;
  fill: #fff; }

.sls .sradio-field__icon-container {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.25rem;
  border: 1px solid #9e9e9e;
  border-radius: 1.875rem;
  text-align: center; }
  .sls .sradio-field__icon-container--last {
    margin-right: 0; }

.sls .sradio-field__icon {
  width: 1.25rem;
  height: 1.75rem;
  fill: #9e9e9e; }
  .sls .sradio-field__icon--wechat {
    width: 0.875rem; }

.sls .sradio-field__sale-tip {
  color: #FFC600;
  font-size: 0.8125rem;
  line-height: 1.375rem; }

.slp__heading {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem; }

.slp__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.slp__item {
  margin: 0 0 1rem; }
  .slp__item::after {
    display: table;
    clear: both;
    content: ''; }

.slp__item-title {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: 70%;
  float: left; }

.slp__item-price {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  float: right; }

.slp__promotion {
  padding-top: 1rem;
  border-top: 1px solid #c8c9cb; }
  .slp__promotion::after {
    display: table;
    clear: both;
    content: ''; }

.slp__total-price-wrapper {
  padding: 1rem 0 1.5rem;
  border-top: 1px solid #c8c9cb; }
  .slp__total-price-wrapper::after {
    display: table;
    clear: both;
    content: ''; }

.slp__total-price-title {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  float: left; }

.slp__total-price {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  float: right; }

.slss {
  padding: 1.5rem 0 0;
  text-align: center; }
  .slss__icon-success {
    width: 3.5rem;
    height: 3.5rem; }
  .slss__heading {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 1rem 0; }
  .slss__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0; }
  .slss__subscribe {
    margin: 1rem 0 0;
    padding: 1rem;
    border-radius: 2px;
    background-color: #e7e7e7;
    text-align: center; }
    .slss__subscribe::after {
      display: table;
      clear: both;
      content: ''; }
  .slss__subscribe-image {
    width: 6.25rem;
    float: left; }
  .slss__subscribe-label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    display: inline-block;
    width: calc(100% - 7.25rem);
    margin: 1rem 0 0; }
  .slss__buttons {
    display: block;
    margin: 1rem; }

.slve__back {
  display: inline-block;
  margin: 1rem 0; }

.slve__main {
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.slve__header {
  text-align: center; }

.slve__summary {
  color: #000;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  margin: 1.5rem 0; }

.slve__input {
  position: relative; }
  .slve__input-icon {
    position: absolute;
    top: 0.9375rem;
    left: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 1; }
  .slve__input-field {
    height: 3.3125rem;
    padding-left: 50px;
    background-color: #f8f8f6; }

.slve__next-button {
  height: 2.75rem;
  margin-top: 1.875rem;
  border-radius: 2.4375rem;
  background-color: #FFC600; }

.slve__count-down {
  position: absolute;
  top: 0.4625rem;
  right: 0.375rem;
  width: 5.25rem;
  height: 2.375rem;
  padding: 0 0.125rem;
  background-color: #FFC600;
  font-size: 0.75rem; }

.slsp {
  padding: 1.25rem; }
  .slsp__button {
    padding: 1.875rem 3.3125rem; }
    .slsp__button__item {
      margin: 1.25rem 0;
      background-color: #FFC600;
      color: #4c4c4c;
      font-weight: 400; }
  .slsp__feedback__content {
    height: 21.4375rem;
    margin: 0.4375rem 0.875rem 7.8125rem;
    border-radius: 0.625rem;
    background: linear-gradient(182deg, #ffecae 0%, #fff 100%);
    box-shadow: 0.1875rem 0.375rem 0.625rem #808080; }
  .slsp__feedback__head {
    text-align: center; }
  .slsp__feedback__safflower {
    width: 5.25rem;
    height: 5.6875rem; }
  .slsp__label {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    display: block;
    margin: 0.25rem 0 1.25rem;
    font-weight: 600; }
  .slsp__subscribe__back {
    margin: 0.625rem 0; }
  .slsp__subscribe__container::after {
    display: table;
    clear: both;
    content: ''; }
  .slsp__subscribe__item {
    width: 100%;
    height: 100%;
    margin-bottom: 0.625rem; }
    .slsp__subscribe__item-disable {
      background-color: #EBEBEB;
      pointer-events: none; }
      .slsp__subscribe__item-disable .slsp__subscribe__attaction,
      .slsp__subscribe__item-disable .slsp__subscribe__price,
      .slsp__subscribe__item-disable .slsp__subscribe__title {
        color: #9e9e9e; }
  .slsp__subscribe__input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden; }
    .slsp__subscribe__input:checked ~ .slsp__subscribe__label {
      border-color: #FFC600;
      background-color: rgba(255, 198, 0, 0.1); }
      .slsp__subscribe__input:checked ~ .slsp__subscribe__label .slsp__subscribe__tick-container {
        display: block;
        background-color: #FFC600; }
  .slsp__subscribe__label {
    display: block;
    position: relative;
    height: 100%;
    padding: 1rem;
    border: 1px solid #EAEAEA;
    border-radius: 4px; }
  .slsp__subscribe__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    max-width: 80%;
    margin: 0 0 0.25rem; }
  .slsp__subscribe__summary {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    max-width: 70%;
    margin: 0; }
  .slsp__subscribe__price {
    color: #E02020;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    text-align: right; }
    .slsp__subscribe__price--original {
      color: #9e9e9e;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      display: block;
      text-decoration: line-through; }
  .slsp__subscribe__tick-container {
    display: none;
    position: absolute;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 1.25rem;
    background-color: #3fd6b5;
    text-align: center; }
  .slsp__subscribe__tick {
    width: 0.75rem;
    height: 1.25rem;
    fill: #fff; }
  .slsp__null {
    text-align: center; }

.sl-tips__item {
  margin: 0.625rem 0;
  padding: 1.25rem 0.9375rem 1.25rem 1.125rem;
  border-radius: 2px;
  background-color: #fff; }
  .sl-tips__item__question {
    margin-bottom: 0.3125rem;
    font-size: 0.9375rem;
    line-height: 1.3125rem; }
  .sl-tips__item__answer {
    font-size: 0.8125rem;
    line-height: 1.25rem; }

.slt-note-modal {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1002; }
  .slt-note-modal__container {
    width: 80%;
    padding: 1.875rem 2rem;
    border-radius: 0.625rem;
    background: linear-gradient(180deg, #ffecae 0%, #fff 60%); }
  .slt-note-modal__title {
    font-size: 1.25rem;
    text-align: center; }
  .slt-note-modal__content {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0.875rem 0 1.25rem; }
  .slt-note-modal__confirm {
    display: inline-block;
    width: auto;
    background-color: #FFC600;
    color: #222222; }
    .slt-note-modal__confirm__container {
      text-align: center; }

.to-rent {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .to-rent {
      width: 31.25rem;
      margin: auto; } }
  .to-rent__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem; }
    .to-rent__title--advertise {
      margin-top: 2.5rem; }
  .to-rent__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }
  .to-rent__step {
    display: none; }
    .to-rent__step--active {
      display: block; }
  .to-rent__form__title {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 0 0 1.5rem; }
  .to-rent__form__summary {
    margin: 0 0 1.5rem; }
  .to-rent__form__mb {
    margin-bottom: 1.5rem; }
  .to-rent__form__input-bottom > .input-field__input-container {
    margin-bottom: 0; }
  .to-rent__error {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding: 0.25rem 0; }
  .to-rent__advertise__loop {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2.5rem;
    padding: 0.1875rem 1.25rem;
    background-color: #f8f8f6;
    overflow: hidden; }
  .to-rent__tip__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background-color: #f9ebea; }
    .to-rent__tip__content::after {
      position: absolute;
      top: 6.875rem;
      right: 0;
      left: 0;
      width: 100%;
      height: 0.625rem;
      background-color: #f8f8f6;
      content: ''; }
  .to-rent__container {
    padding: 0 1.25rem; }

.tra__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff; }
  .tra__modal__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem; }
  .tra__modal__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }

.tra__modal-content {
  position: absolute;
  top: 40%;
  right: 1rem;
  left: 1rem;
  transform: translateY(-40%);
  text-align: center; }

.tra__icon {
  width: 3.75rem;
  height: 3.75rem; }
  .tra__icon--booking {
    margin-bottom: 1rem; }

.tra .button--text {
  margin: 1rem 0 0;
  text-align: center; }

.tra__form__buttom-border {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.tra__form__search-border > div {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.tra__form__landmark {
  max-height: 25rem;
  padding: 0.625rem 0.625rem 0;
  overflow-y: auto; }
  .tra__form__landmark__button {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: relative;
    padding: 0.625rem 2.25rem 0.625rem 1.25rem;
    border: 1px solid #EAEAEA;
    border-radius: 0.125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .tra__form__landmark__button-arrow {
      position: absolute;
      top: 0.875rem;
      right: 1.25rem;
      width: 0.5rem;
      height: 0.8125rem;
      fill: #9e9e9e; }
  .tra__form__landmark-item {
    display: flex;
    margin: 0.625rem 0; }
  .tra__form__landmark-checkbox {
    width: 1rem;
    height: 0.875rem;
    border: 1px solid #767676;
    border-radius: 50%; }
  .tra__form__landmark-checkbox--selected {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    fill: #FFC600; }
  .tra__form__landmark-label {
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    margin-left: 0.625rem; }
  .tra__form__landmark__new {
    display: inline-block;
    width: 80%; }
  .tra__form__landmark__add-button {
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    display: inline-block;
    width: 20%;
    text-align: center; }

.tra__form__button {
  height: 3.125rem;
  margin-top: 0.5rem;
  margin-bottom: 3.75rem; }

.tra__select > .ant-select-selection {
  border: 0; }

.tr-personal__form__buttom-border {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.tr-personal__form__label-tips {
  font-weight: 400; }

.tr-personal__form__search > .search-field__input-container > .search-field__input > .ant-select-selection {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.tr-personal__form__search > .search-field__input-container > .ant-select-open > .ant-select-selection {
  border-bottom: 1px solid #4c4c4c;
  box-shadow: none; }

.tr-personal__tags__label {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto; }
  .tr-personal__tags__label-item {
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    padding: 0.5rem 1.0625rem; }
    .tr-personal__tags__label-item:first-child {
      padding-left: 0.125rem; }
    .tr-personal__tags__label-item:last-child {
      padding-right: 0.125rem; }
    .tr-personal__tags__label-item--active {
      color: #333333;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600; }
  .tr-personal__tags__label__line--active {
    height: 0.125rem;
    margin: 0.5rem;
    border: 1px solid #FFC600;
    border-radius: 0.25rem;
    background-color: #FFC600;
    box-shadow: 0 1px 2px 0 #FFC600; }

.tr-personal__tags__pool {
  width: 16.75rem;
  margin: 0 auto 0.9375rem;
  text-align: center; }
  .tr-personal__tags__pool-item {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.75rem;
    display: inline-block;
    margin: 0.4375rem 0.375rem;
    padding: 0 0.9375rem;
    border: 1px solid #b0b0b0;
    border-radius: 0.9375rem;
    outline: none;
    cursor: pointer; }
    .tr-personal__tags__pool-item--active {
      border: 1px solid #4c4c4c;
      outline: none;
      color: #4c4c4c; }

.tr-personal__tags__select {
  margin-bottom: 0.9375rem; }
  .tr-personal__tags__select-item {
    color: #A88200;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0.3125rem 0.625rem 0.3125rem 0;
    padding: 0.3125rem 0.75rem;
    border: 1px solid #FFC600;
    border-radius: 0.25rem;
    background-color: rgba(255, 198, 0, 0.1);
    white-space: nowrap;
    box-shadow: inset 0 0 0.125rem 0 #FFC600; }
  .tr-personal__tags__select-close {
    width: 0.5625rem;
    height: 0.5625rem;
    margin-left: 1rem;
    fill: #A88200; }
  .tr-personal__tags__select-span {
    outline: none; }

.trs__form-item {
  display: none;
  margin-bottom: 1rem; }
  .trs__form-item--active {
    display: block; }

.trs .sradio-field {
  margin-bottom: 1.25rem; }
  .trs .sradio-field__container::after {
    display: table;
    clear: both;
    content: ''; }
  .trs .sradio-field__item {
    width: 100%;
    height: 100%;
    margin-bottom: 0.5rem; }
  .trs .sradio-field__input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden; }
    .trs .sradio-field__input:checked ~ .sradio-field__label {
      border-color: #FFC600;
      background-color: rgba(255, 198, 0, 0.1); }
      .trs .sradio-field__input:checked ~ .sradio-field__label .sradio-field__tick-container {
        display: block;
        background-color: #FFC600; }
  .trs .sradio-field__label {
    display: block;
    position: relative;
    height: 100%;
    padding: 1rem;
    border: 1px solid #c8c9cb;
    border-radius: 2px; }
    .trs .sradio-field__label__list {
      margin: 0;
      padding: 0;
      list-style: none;
      max-width: 80%;
      margin-top: 0.9375rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .trs .sradio-field__label__item {
      display: inline-block;
      width: 1.875rem;
      height: 1.875rem;
      margin-right: 0.625rem; }
    .trs .sradio-field__label__images {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .trs .sradio-field__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 600;
    max-width: 80%;
    margin: 0 0 0.25rem; }
  .trs .sradio-field__summary {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    max-width: 80%;
    margin: 0; }
    .trs .sradio-field__summary-amount {
      color: #e03b24; }
  .trs .sradio-field__price {
    color: #b84145;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    text-align: right; }
    .trs .sradio-field__price--original {
      display: block;
      color: #9e9e9e;
      text-decoration: line-through; }
  .trs .sradio-field__tick-container {
    display: none;
    position: absolute;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 1.25rem;
    background-color: #3fd6b5;
    text-align: center; }
  .trs .sradio-field__tick {
    width: 0.75rem;
    height: 1.25rem;
    fill: #fff; }
  .trs .sradio-field__icon-container {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.25rem;
    border: 1px solid #9e9e9e;
    border-radius: 1.875rem;
    text-align: center; }
    .trs .sradio-field__icon-container--last {
      margin-right: 0; }
  .trs .sradio-field__icon {
    width: 1.25rem;
    height: 1.75rem;
    fill: #9e9e9e; }
    .trs .sradio-field__icon--wechat {
      width: 0.875rem; }

.trs__price--original {
  margin-bottom: 0.5rem; }

.trss {
  padding: 1.5rem 0 0;
  text-align: center; }
  .trss__icon-success {
    width: 3.5rem;
    height: 3.5rem; }
  .trss__heading {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 1rem 0; }
  .trss__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0; }
  .trss__subscribe {
    margin: 1rem 0 0;
    padding: 1rem;
    border-radius: 2px;
    background-color: #e7e7e7;
    text-align: center; }
    .trss__subscribe::after {
      display: table;
      clear: both;
      content: ''; }
  .trss__subscribe-image {
    width: 6.25rem;
    float: left; }
  .trss__subscribe-label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    display: inline-block;
    width: calc(100% - 7.25rem);
    margin: 1rem 0 0; }
  .trss__buttons {
    display: block;
    margin: 1rem; }

.trp__heading {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem; }

.trp__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.trp__item {
  margin: 0 0 1rem; }
  .trp__item::after {
    display: table;
    clear: both;
    content: ''; }

.trp__item-title {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: 70%;
  float: left; }

.trp__item-price {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  float: right; }

.trp__promotion {
  padding-top: 1rem;
  border-top: 1px solid #c8c9cb; }
  .trp__promotion::after {
    display: table;
    clear: both;
    content: ''; }

.trp__total-price-wrapper {
  padding: 1rem 0 1.5rem;
  border-top: 1px solid #c8c9cb; }
  .trp__total-price-wrapper::after {
    display: table;
    clear: both;
    content: ''; }

.trp__total-price-title {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  float: left; }

.trp__total-price {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  float: right; }

.trade {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fff; }
  .trade__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem; }
  .trade__summary {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }
  .trade__step {
    display: none; }
    .trade__step--active {
      display: block; }
  .trade__form__title {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 0 0 1.5rem; }
  .trade__form__summary {
    margin: 0 0 1.5rem; }
  .trade__form__mb {
    margin-bottom: 1.5rem; }
  .trade__error {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding: 0.25rem 0; }
  .trade__tip__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 1.875rem;
    padding: 1.25rem;
    background-color: #f9ebea; }
    .trade__tip__content::after {
      position: absolute;
      top: 6.5625rem;
      right: 0;
      left: 0;
      width: 100%;
      height: 0.625rem;
      background-color: #f8f8f6;
      content: ''; }
  .trade__container {
    padding: 0 1.25rem; }

.tda__form-item {
  position: relative; }
  .tda__form-item--free {
    position: absolute;
    top: 0;
    right: 0; }

.tdss {
  padding: 1.5rem 0 0;
  text-align: center; }
  .tdss__icon-success {
    width: 3.5rem;
    height: 3.5rem; }
  .tdss__heading {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 1rem 0; }
  .tdss__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0; }
  .tdss__image-wrapper {
    position: relative;
    min-height: 12.5rem; }
  .tdss__icon-fancy-loading {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 5rem;
    height: 5rem;
    transform: translateX(-50%); }
  .tdss__image {
    position: relative;
    width: 100%;
    z-index: 10; }
  .tdss__buttons {
    display: flex;
    margin: 1rem 0 0; }
    .tdss__buttons .button:first-child {
      margin-right: 1rem; }

.user-dashboard__header {
  position: relative;
  height: 9.625rem;
  margin-bottom: 2.8125rem; }
  .user-dashboard__header-container {
    display: inline-block; }
  .user-dashboard__header__background {
    width: 100%;
    height: 9.375rem; }
  .user-dashboard__header__card {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    left: 0.625rem; }
    .user-dashboard__header__card__other {
      display: flex;
      position: relative;
      justify-content: space-between;
      margin-top: 0.875rem;
      padding: 0.75rem 1.875rem 0; }
      .user-dashboard__header__card__other--image-footer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 7rem; }
    .user-dashboard__header__card__item {
      position: relative;
      text-align: center;
      z-index: 9; }
  .user-dashboard__header__question-icon {
    display: inline-block;
    position: relative;
    top: 12%;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    background-image: radial-gradient(circle at 50% 50%, #fff4f7 0%, #fff 48%);
    box-shadow: 2px 2px 3px 0 rgba(109, 52, 4, 0.09); }
    .user-dashboard__header__question-icon__container {
      display: inline-block;
      position: relative;
      width: 3.25rem;
      height: 3.25rem; }
    .user-dashboard__header__question-icon > svg {
      position: relative;
      top: -0.3125rem;
      left: -0.3125rem;
      width: 3.25rem;
      height: 3.25rem; }
  .user-dashboard__header__avatar {
    width: 3.375rem;
    height: 3.3125rem;
    margin-right: 0.75rem;
    border-radius: 50%;
    vertical-align: top; }
  .user-dashboard__header__name {
    color: #333333;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    display: block; }
  .user-dashboard__header__title {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem; }
  .user-dashboard__header__image-arrow {
    width: 0.4375rem;
    height: 0.75rem;
    margin-left: 0.375rem;
    vertical-align: middle; }
  .user-dashboard__header__arrow {
    position: absolute;
    top: 1.3125rem;
    right: 0; }
  .user-dashboard__header__icon {
    width: 2.5rem; }
    .user-dashboard__header__icon-order {
      width: 3.125rem;
      height: 3.25rem; }
    .user-dashboard__header__icon-visit {
      width: 3.4375rem;
      height: 3.0625rem;
      margin-bottom: 0.1875rem; }
    .user-dashboard__header__icon-collect {
      width: 3.25rem;
      height: 3.25rem; }
    .user-dashboard__header__icon-wallet {
      width: 3.1875rem;
      height: 3.125rem;
      margin-bottom: 0.125rem; }
    .user-dashboard__header__icon__name {
      color: #333333;
      font-size: 0.875rem;
      line-height: 1.25rem; }

.user-dashboard__group {
  margin: 2.625rem 1.25rem;
  border-radius: 0.625rem;
  background-color: #fff; }
  .user-dashboard__group__title {
    color: #333333;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 0.375rem;
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid #ececec; }
  .user-dashboard__group__temp {
    position: relative; }
    .user-dashboard__group__temp__tip {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 11.6875rem;
      background-color: rgba(236, 236, 236, 0.9);
      line-height: 11.6875rem;
      text-align: center;
      z-index: 1; }
  .user-dashboard__group__item {
    padding: 0.625rem; }
    .user-dashboard__group__item__avatar {
      width: 1.875rem;
      margin-right: 0.375rem;
      border-radius: 50%;
      vertical-align: middle; }
    .user-dashboard__group__item__name {
      color: #333333;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .user-dashboard__group__item__status {
      color: #666666;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-right: 0.625rem; }
    .user-dashboard__group__item__pay {
      color: #666666;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: inline-block;
      padding: 0.125rem 0.4375rem;
      border-radius: 0.125rem;
      background-color: #F0F0F0; }
    .user-dashboard__group__item__right {
      padding: 0.1875rem 0;
      float: right; }
  .user-dashboard__group__invite {
    padding: 1.25rem 1.25rem 1.875rem; }
  .user-dashboard__group__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: #FFC600;
    font-weight: 400; }

.user-dashboard__link-item {
  margin: 0.875rem 1.25rem 0;
  padding: 0.875rem 1.25rem;
  border-radius: 0.625rem;
  background-color: #fff; }
  .user-dashboard__link-item__label {
    color: #333333;
    font-size: 1rem;
    line-height: 1.375rem; }
  .user-dashboard__link-item__arrow {
    width: 0.625rem;
    float: right;
    vertical-align: middle; }

.user-dashboard__banner {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }
  .user-dashboard__banner-image {
    width: 100%;
    padding: 0rem 1.25rem; }

.user-dashboard__list {
  display: flex;
  margin-top: 0.375rem; }
  .user-dashboard__list__item {
    padding: 0 0.125rem 0 0.625rem;
    border-radius: 1.5625rem;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06); }
    .user-dashboard__list__item:last-child {
      margin-left: 0.6875rem; }
    .user-dashboard__list__item-content {
      color: #bd8a1b;
      font-size: 0.6875rem;
      line-height: 1rem; }
      .user-dashboard__list__item-content--underline {
        color: #be3f3f;
        font-size: 0.6875rem;
        line-height: 1rem; }
    .user-dashboard__list__item__images {
      width: 1.5rem;
      height: 1.5rem;
      vertical-align: middle; }

.user-dashboard__email-container {
  position: relative;
  float: left; }

.user-dashboard__card__avatar-tips {
  position: absolute;
  left: 2.5rem; }

.user-dashboard__card__avatar--valid {
  width: 1rem;
  height: 1.125rem; }

.user-dashboard__nav-container {
  display: flex;
  margin: 0 0.625rem;
  padding: 0.3125rem 1.25rem;
  border-radius: 0.625rem;
  background: rgba(100, 84, 181, 0.09); }

.user-dashboard__nav__icon {
  width: 1.875rem;
  height: 1.9375rem; }

.user-dashboard__nav__title {
  color: #6454b5;
  font-size: 0.75rem;
  line-height: 1.875rem;
  flex: 1;
  margin-left: 0.625rem; }

.user-dashboard__nav__button {
  color: #6454b5;
  font-size: 0.625rem;
  line-height: 0.875rem;
  width: 3.25rem;
  height: 1.25rem;
  margin-top: 0.3125rem;
  border: 1px solid #6454b5;
  border-radius: 1.25rem; }

.user-dashboard__service-container {
  margin: 0.625rem;
  padding: 0.75rem 1.875rem;
  background-color: #fff; }

.user-dashboard__service__title {
  color: #222222;
  font-size: 0.75rem;
  line-height: 1.0625rem; }

.user-dashboard__service__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.375rem;
  text-align: center; }

.user-dashboard__service__item {
  display: inline-block;
  position: relative;
  text-align: center; }

.user-dashboard__service__icon {
  width: 1.875rem;
  height: 1.875rem; }
  .user-dashboard__service__icon__name {
    color: #767676;
    font-size: 0.75rem;
    line-height: 1.0625rem; }
    .user-dashboard__service__icon__name--disabled {
      color: #c8c9cb; }

.user-dashboard__service__link {
  width: 25%;
  z-index: 10; }

.user-dashboard__tip {
  margin-bottom: 1.25rem;
  padding: 0.625rem 0;
  background-color: #f9ebea; }
  .user-dashboard__tip__content {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 0 1.25rem; }

.user-dashboard__bubble {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: #E34D59;
  color: #fff;
  font-size: 0.625rem;
  line-height: 1rem;
  text-align: center; }
  .user-dashboard__bubble--order {
    top: -0.1875rem;
    right: 1.125rem; }
  .user-dashboard__bubble--consult {
    top: -0.1875rem;
    right: 0.3125rem; }

.user-dashboard__header-bubble {
  right: 0.3125rem; }

.usl__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.usl__item {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .usl__item:last-child {
    margin-bottom: 0; }

.usl__card {
  padding-bottom: 1rem; }
  .usl__card__image-wrapper {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    float: left;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .usl__card__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .usl__card__content {
    position: relative;
    margin-left: 4.75rem; }
  .usl__card__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem 1rem;
    border-radius: 0.75rem;
    background-color: #5687bb; }
    .usl__card__status--new, .usl__card__status--awaiting-payment {
      background-color: #ffcc00; }
    .usl__card__status--paid {
      background-color: #5687bb; }
    .usl__card__status--payment-failed, .usl__card__status--refund {
      background-color: #e03b24; }
    .usl__card__status--processing {
      background-color: #3865a3; }
    .usl__card__status--completed {
      background-color: #64a338; }
    .usl__card__status--closed {
      background-color: #9e9e9e; }
  .usl__card__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .usl__card__summary {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }

.usl__subscription {
  padding: 1rem 0;
  border-top: 1px solid #e7e7e7; }
  .usl__subscription::after {
    display: table;
    clear: both;
    content: ''; }
  .usl__subscription__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    max-width: 70%;
    float: left; }
  .usl__subscription__price {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    display: block;
    text-align: right; }

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

.usl__button {
  display: inline-block;
  min-width: 5.625rem;
  margin-top: 0.625rem;
  margin-left: 0.5rem;
  text-align: center; }
  .usl__button__promote {
    margin-top: 0.625rem;
    background-color: #FFC600; }

.usl__container {
  margin-top: 0.9375rem;
  padding: 0.625rem 0; }
  .usl__container__header {
    position: relative; }
    .usl__container__header__title {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 500; }
    .usl__container__header__open-icon {
      position: absolute;
      top: 0.3125rem;
      right: 0;
      width: 0.9375rem;
      height: 0.75rem; }
  .usl__container__msg {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.625rem; }
  .usl__container__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 1.25rem; }
  .usl__container__item {
    position: relative;
    margin-bottom: 2.3125rem;
    padding: 1.25rem;
    border-radius: 0.25rem;
    background-color: #f8f8f6; }
  .usl__container__avatar-container {
    position: absolute;
    top: -1.0625rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
  .usl__container__avatar {
    width: 3.02875rem;
    height: 3.09625rem;
    border-radius: 50%; }
  .usl__container__name {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    padding: 0.5rem; }
  .usl__container__image-wrapper {
    position: relative;
    width: 7.5rem;
    height: 4.6875rem;
    float: left;
    border-radius: 0.1875rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .usl__container__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .usl__container__content {
    margin: 3.0625rem 0 0; }
    .usl__container__content__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block;
      margin: 0 0 0.625rem;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .usl__container__content__summary {
      color: #6D7278;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      margin-top: 0.375rem; }
      .usl__container__content__summary:last-child {
        margin-top: 0.125rem; }
    .usl__container__content__image {
      position: absolute;
      top: -0.4375rem;
      right: 0;
      width: 1.9375rem;
      height: 1.875rem;
      border-radius: 50%; }
  .usl__container__button-wrapper {
    margin-top: 1rem;
    text-align: center; }
  .usl__container__button {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 0.75rem;
    display: inline-block;
    width: 8.3125rem;
    height: 1.75rem;
    padding: 0;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    background: transparent;
    font-weight: 400; }
    .usl__container__button:last-child {
      margin-left: 0.625rem;
      border: 0;
      background-color: #FFC600; }
  .usl__container__close-icon {
    position: absolute;
    top: 0.1875rem;
    left: -0.5rem;
    width: 0.9375rem;
    height: 0.9375rem;
    z-index: 1; }

.usd__back {
  display: inline-block;
  margin-bottom: 1rem; }

.usd__back-icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5rem;
  transform: rotate(180deg);
  fill: #fff; }

.usd__back-text {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block; }

.usd__status-wrapper {
  margin: 0;
  padding: 1rem 1rem 4rem;
  background-color: #5687bb; }
  .usd__status-wrapper--paid {
    background-color: #5687bb; }
  .usd__status-wrapper--payment-failed, .usd__status-wrapper--refund {
    background-color: #e03b24; }
  .usd__status-wrapper--processing {
    background-color: #3865a3; }
  .usd__status-wrapper--completed {
    background-color: #64a338; }
  .usd__status-wrapper--unfinish {
    background-color: #9e9e9e; }

.usd__status {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0; }

.usd__status-label {
  color: #e7e7e7;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0; }

.usd__operation {
  margin: -3.125rem 1rem 0;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.usd__summary {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1rem; }

.usd__operation-buttons {
  display: block; }

.usd__operation-button {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0; }

.usd__section {
  margin: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .usd__section--banner {
    padding: 0; }

.usd__section-heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 1rem;
  padding: 0 0 0.25rem;
  border-bottom: 1px solid #e7e7e7; }

.usd__section-summary {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 1rem 0 0;
  text-align: center; }

.usd__credits-title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem; }

.usd__credits-btn {
  margin: 0 0 0.5rem;
  border-radius: 2.5rem; }
  .usd__credits-btn--animation {
    margin: 1rem 0;
    -webkit-animation: button-animation 0.5s ease-in-out infinite alternate;
            animation: button-animation 0.5s ease-in-out infinite alternate; }

.usd__count-down {
  margin: 1rem 0; }

.usd__card {
  padding-bottom: 1rem; }
  .usd__card__image-wrapper {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    float: left;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .usd__card__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .usd__card__content {
    position: relative;
    margin-left: 4.75rem; }
  .usd__card__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .usd__card__summary {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }

.usd__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.usd__item {
  padding: 0.25rem 0; }
  .usd__item::after {
    display: table;
    clear: both;
    content: ''; }
  .usd__item__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: 70%;
    float: left; }
  .usd__item__value {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    text-align: right; }

.usd__proof-heading {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  margin: 0 0 0.25rem; }

.usd__proof-image {
  display: block;
  width: 100%;
  margin: 0 0 1rem; }

.usd__proof-link {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  padding: 1rem;
  border-radius: 2px;
  background-color: #e7e7e7;
  text-decoration: underline; }

@-webkit-keyframes button-animation {
  0% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

@keyframes button-animation {
  0% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.usd__buttons-comment {
  font-weight: 600;
  padding: 0.5rem;
  background-color: #ffcc00;
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem; }

.utl__list {
  position: relative;
  margin: 0;
  margin-bottom: 0.625rem;
  list-style: none; }

.utl__title {
  color: #222222;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #f8f8f8;
  border-radius: 1.25rem;
  background-color: #fff;
  font-weight: 500; }

.utl__list-data {
  margin: 0;
  padding: 0;
  list-style: none; }

.utl__item {
  margin-bottom: 0.625rem;
  padding: 0.75rem 1.25rem;
  border-radius: 1.25rem;
  background-color: #fff; }
  .utl__item:last-child {
    margin-bottom: 0; }

.utl__head-container {
  display: flex;
  margin-bottom: 0.75rem; }

.utl__head__content {
  flex: 1; }
  .utl__head__content-order {
    color: #B0B0B0;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    font-weight: 400; }
  .utl__head__content-number {
    color: #767676;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    font-weight: 400; }

.utl__head__status {
  color: #C50505;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400; }

.utl__main__head {
  display: flex;
  margin-bottom: 0.75rem; }
  .utl__main__head-image {
    width: 5rem;
    height: 5.625rem; }

.utl__main__content {
  padding: 0.75rem 1.25rem; }
  .utl__main__content-title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 0.625rem;
    font-weight: 500; }
  .utl__main__content-summary {
    color: #6D7278;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-bottom: 0.125rem; }
    .utl__main__content-summary:last-child {
      margin: 0; }

.utl__main__footer {
  display: flex;
  padding: 0.5rem 0;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8; }
  .utl__main__footer--pub-at {
    color: #B0B0B0;
    font-size: 0.625rem;
    line-height: 0.875rem; }
  .utl__main__footer__label {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 0.25rem; }

.utl__main__box {
  flex: 1; }

.utl__button-container {
  margin-top: 0.75rem;
  text-align: right; }

.utl__button {
  display: inline-block; }

.utl__link {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  width: 5.625rem;
  height: 1.75rem;
  padding: 0.3125rem;
  border: 1px solid #EAEAEA;
  background-color: #fff;
  font-weight: 400; }

.utl__operation-button {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  display: inline-block;
  width: 5.625rem;
  height: 1.75rem;
  margin-left: 0.625rem;
  padding: 0;
  background-color: #FFC600;
  font-weight: 400; }

.utl__container {
  margin-top: 0.9375rem;
  padding: 0.625rem 0; }
  .utl__container__header {
    position: relative; }
    .utl__container__header__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 500; }
    .utl__container__header__open-icon {
      position: absolute;
      top: 0.3125rem;
      right: 0;
      width: 0.9375rem;
      height: 0.75rem; }
  .utl__container__msg {
    color: #666666;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-top: 0.625rem; }
  .utl__container__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .utl__container__item {
    position: relative;
    padding: 0.625rem 0;
    border-bottom: 0.0625rem solid #ececec; }
  .utl__container__image-wrapper {
    position: relative;
    width: 7.5rem;
    height: 4.6875rem;
    float: left;
    border-radius: 0.1875rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .utl__container__image__sold {
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    pointer-events: none; }
  .utl__container__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .utl__container__content {
    position: relative;
    margin-left: 8.125rem; }
    .utl__container__content__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-top: 0.4375rem; }
    .utl__container__content__summary {
      color: #6D7278;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      margin-top: 0.375rem; }
      .utl__container__content__summary:last-child {
        margin-top: 0.125rem; }
    .utl__container__content__image {
      position: absolute;
      top: -0.4375rem;
      right: 0;
      width: 1.9375rem;
      height: 1.875rem;
      border-radius: 50%; }
  .utl__container__button-wrapper {
    margin-top: 1rem;
    text-align: right; }
  .utl__container__button {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    display: inline-block;
    width: 5.625rem;
    height: 1.75rem;
    padding: 0;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    background: transparent;
    font-weight: 400; }
    .utl__container__button:last-child {
      margin-left: 0.625rem;
      border: 0;
      background-color: #FFC600; }
  .utl__container__close-icon {
    position: absolute;
    top: 0.1875rem;
    left: -0.5rem;
    width: 0.9375rem;
    height: 0.9375rem;
    z-index: 1; }

.utl__image-down {
  position: absolute;
  top: 1.0625rem;
  right: 1.25rem;
  width: 1.25rem;
  height: 0.625rem; }

.utl__image-down-arrow {
  transform: rotate(180deg); }

.utd__back {
  display: inline-block;
  margin-bottom: 1rem; }

.utd__back-icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5rem;
  transform: rotate(180deg);
  fill: #fff; }

.utd__back-text {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block; }

.utd__status-wrapper {
  margin: 0;
  padding: 1rem 1rem 4rem;
  background-color: #9e9e9e; }
  .utd__status-wrapper--new, .utd__status-wrapper--awaiting-payment {
    background-color: #5687bb; }
  .utd__status-wrapper--paid {
    background-color: #ffcc00; }
  .utd__status-wrapper--payment-failed, .utd__status-wrapper--refund {
    background-color: #e03b24; }
  .utd__status-wrapper--processing {
    background-color: #3865a3; }
  .utd__status-wrapper--completed {
    background-color: #64a338; }
  .utd__status-wrapper--closed {
    background-color: #9e9e9e; }

.utd__status {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0; }

.utd__status-label {
  color: #e7e7e7;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0; }

.utd__operation {
  margin: -3.125rem 1rem 0;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.utd__summary {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1rem; }

.utd__operation-buttons {
  display: block; }

.utd__operation-button {
  display: inline-block;
  margin: 0 0.5rem 0 0; }

.utd__section {
  margin: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.utd__section-heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 1rem;
  padding: 0 0 0.25rem;
  border-bottom: 1px solid #e7e7e7; }

.utd__section-summary {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 1rem 0 0;
  text-align: center; }

.utd__card {
  padding-bottom: 1rem; }
  .utd__card__image-wrapper {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    float: left;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .utd__card__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .utd__card__content {
    position: relative;
    margin-left: 4.75rem; }
  .utd__card__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .utd__card__subtitle {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    margin: 0; }
  .utd__card__summary {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }
  .utd__card__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .utd__card__item {
    position: relative;
    min-height: 4.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e7e7e7; }
    .utd__card__item:last-child {
      border-bottom: 0; }
  .utd__card__price {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem; }
    .utd__card__price--discount {
      padding-right: 0.5rem;
      color: #9e9e9e;
      text-decoration: line-through; }
  .utd__card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .utd__card__label {
    color: #fff;
    font-size: 0.625rem;
    line-height: 0.75rem;
    display: inline-block;
    position: absolute;
    top: 0.5rem;
    left: -0.25rem;
    padding: 0.25rem;
    background-color: #5687bb;
    z-index: 10; }

.utd__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.utd__item {
  padding: 0.25rem 0; }
  .utd__item::after {
    display: table;
    clear: both;
    content: ''; }
  .utd__item__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: 70%;
    float: left; }
  .utd__item__value {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    text-align: right; }

.utd__items {
  margin-bottom: 0.3125rem; }
  .utd__items__box {
    margin-bottom: 0.4375rem;
    padding-bottom: 0.4375rem;
    border-bottom: 0.0625rem solid #bbbbbb; }
  .utd__items__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    max-width: 70%;
    float: left; }
  .utd__items__status {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
    text-align: right; }
    .utd__items__status--await, .utd__items__status--awaiting-payment {
      color: #5687bb; }
    .utd__items__status--await-fiald, .utd__items__status--payment-failed, .utd__items__status--refund {
      color: #e03b24; }
    .utd__items__status--await-success, .utd__items__status--completed {
      color: #64a338; }
    .utd__items__status--processing {
      color: #3865a3; }
    .utd__items__status--paid {
      color: #ffcc00; }
    .utd__items__status--closed {
      background-color: #9e9e9e; }

.utd__proof-heading {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  margin: 0 0 0.25rem; }

.utd__proof-image {
  display: block;
  width: 100%;
  margin: 0 0 1rem; }

.utd__proof-link {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  padding: 1rem;
  border-radius: 2px;
  background-color: #e7e7e7;
  text-decoration: underline; }

.utd__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff; }
  .utd__modal__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem; }
  .utd__modal__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }

.utd__modal-content {
  position: absolute;
  top: 40%;
  right: 1rem;
  left: 1rem;
  transform: translateY(-40%);
  text-align: center; }

.utd__icon {
  width: 3.75rem;
  height: 3.75rem; }
  .utd__icon--booking {
    margin-bottom: 1rem; }

.utd .button--text {
  margin: 1rem 0 0;
  text-align: center; }

.utdl__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.utdl__item {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .utdl__item:last-child {
    margin-bottom: 0; }

.utdl__card {
  padding-bottom: 1rem; }
  .utdl__card__image-wrapper {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    float: left;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .utdl__card__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .utdl__card__content {
    position: relative;
    margin-left: 4.75rem; }
  .utdl__card__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem 1rem;
    border-radius: 0.75rem;
    background-color: #ffcc00; }
    .utdl__card__status--active {
      background-color: #3865a3; }
    .utdl__card__status--inactive {
      background-color: #b4a078; }
    .utdl__card__status--sold {
      background-color: #64a338; }
    .utdl__card__status--blocked {
      background-color: #e03b24; }
  .utdl__card__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .utdl__card__price {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0 0 0.5rem; }
  .utdl__card__summary {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }

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

.utdl__button {
  display: inline-block;
  min-width: 5.625rem;
  margin-left: 0.5rem;
  text-align: center; }

.utdd__back {
  display: inline-block;
  margin-bottom: 1rem; }

.utdd__back-icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5rem;
  transform: rotate(180deg);
  fill: #fff; }

.utdd__back-text {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block; }

.utdd__image {
  width: 100%; }

.utdd__status-wrapper {
  margin: 0;
  padding: 1rem 1rem 4rem;
  background-color: #5687bb; }
  .utdd__status-wrapper--active {
    background-color: #3865a3; }
  .utdd__status-wrapper--inactive {
    background-color: #b4a078; }
  .utdd__status-wrapper--sold {
    background-color: #64a338; }
  .utdd__status-wrapper--blocked {
    background-color: #e03b24; }

.utdd__status {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0; }

.utdd__status-label {
  color: #e7e7e7;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0; }

.utdd__operation {
  margin: -3.125rem 1rem 0;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.utdd__summary {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1rem; }

.utdd__operation-buttons {
  display: block; }

.utdd__operation-button {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0; }

.utdd__section {
  margin: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .utdd__section--banner {
    padding: 0; }

.utdd__section-heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 1rem;
  padding: 0 0 0.25rem;
  border-bottom: 1px solid #e7e7e7; }

.utdd__section-summary {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 1rem 0 0;
  text-align: center; }

.utdd__card {
  padding-bottom: 1rem; }
  .utdd__card__image-wrapper {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    float: left;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 2rem;
    overflow: hidden; }
  .utdd__card__image {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .utdd__card__content {
    position: relative;
    margin-left: 4.75rem; }
  .utdd__card__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .utdd__card__price {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0 0 0.5rem; }
  .utdd__card__summary {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }

.utdd__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.utdd__item {
  padding: 0.25rem 0; }
  .utdd__item::after {
    display: table;
    clear: both;
    content: ''; }
  .utdd__item__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: 70%;
    float: left; }
  .utdd__item__value {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    text-align: right; }

.user-report {
  margin: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .user-report__user {
    text-align: center; }
    .user-report__user__avatar {
      display: block;
      width: 6.25rem;
      height: 6.25rem;
      margin: 0 auto;
      border-radius: 4px; }
    .user-report__user__nickname {
      color: #4c4c4c;
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-weight: 600;
      margin: 0.5rem 0 1rem; }
  .user-report__success {
    text-align: center; }
    .user-report__success__icon {
      width: 4rem;
      height: 4rem; }
    .user-report__success__heading {
      color: #4c4c4c;
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-weight: 600;
      margin: 0.5rem 0; }
    .user-report__success__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0; }
  .user-report__tip {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 1.25rem 0;
    padding: 0.625rem 1.25rem;
    background-color: #f9ebea; }

.usc {
  height: 21.4375rem;
  margin: 2.0625rem 1.25rem 7.8125rem;
  border-radius: 0.625rem;
  background: linear-gradient(182deg, #ffecae 0%, #fff 100%);
  box-shadow: 0.1875rem 0.375rem 0.625rem #808080; }
  .usc-safflower {
    position: absolute;
    top: 5.625rem;
    left: 50%;
    width: 5.25rem;
    height: 5.6875rem;
    transform: translateX(-50%); }
  .usc__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding-top: 2.8125rem;
    text-align: center; }
  .usc__slide {
    width: 16.9375rem;
    margin: 0 auto;
    margin-bottom: 1.75rem; }
    .usc__slide-slide {
      position: relative; }
    .usc__slide .rc-slider {
      position: relative;
      width: 100%;
      height: 2rem;
      padding: 0.8125rem 0;
      touch-action: none; }
    .usc__slide .rc-slider-rail {
      position: absolute;
      width: 100%;
      height: 0.375rem;
      border-radius: 0.375rem;
      background-color: #ececec; }
    .usc__slide .rc-slider-track {
      position: absolute;
      left: 0;
      height: 0.375rem;
      border-radius: 0.375rem;
      background: linear-gradient(16deg, #ffe500 0%, #FFC600 100%); }
    .usc__slide .rc-slider-step {
      display: none; }
    .usc__slide .rc-slider-mark {
      margin-top: 0.75rem; }
      .usc__slide .rc-slider-mark-text {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 0.375rem;
        height: 1.25rem;
        margin-left: 1.25rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400; }
        .usc__slide .rc-slider-mark-text:nth-child(1) {
          margin: 0; }
    .usc__slide .rc-slider-handle {
      position: absolute;
      width: 20px;
      height: 20px;
      margin-top: -0.4375rem;
      border: 4px solid #fff0bd;
      border-radius: 50%;
      background: #ffc800;
      box-shadow: 0.1px 0.1px 3px 0.1px rgba(255, 122, 0, 0.41);
      touch-action: pan-x; }
      .usc__slide .rc-slider-handle--value {
        position: relative; }
  .usc__input {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: block;
    width: 16.9375rem;
    height: 6.3125rem;
    margin: 0 auto;
    margin-bottom: 1.25rem;
    padding: 0.625rem;
    border: 0;
    border-radius: 0.125rem;
    outline: none;
    background-color: #f8f8f8;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    resize: none; }
  .usc__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 16.9375rem;
    margin: 0 auto;
    outline: none;
    background-color: #FFC600; }
  .usc__bubble {
    position: absolute;
    top: -2.375rem;
    left: -2.5rem; }
    .usc__bubble__tips {
      width: 79px;
      height: 54px; }
    .usc__bubble__value {
      position: relative;
      top: -25px;
      left: -50%; }

.user-info {
  display: flex;
  position: absolute;
  top: 3.1875rem;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column; }
  .user-info__box-container {
    flex: 1;
    overflow-y: auto; }
  .user-info__box {
    position: relative;
    margin-top: 0.625rem;
    padding: 1.125rem 1.25rem 0;
    border-radius: 0.625rem;
    background-color: #fff; }
    .user-info__box__header {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.375rem;
      display: inline-block;
      margin-bottom: 0.125rem; }
    .user-info__box__button {
      position: absolute;
      right: 1.25rem;
      width: 1rem;
      height: 1rem; }
    .user-info__box__detail {
      display: flex;
      justify-content: space-between;
      padding: 1.25rem 0; }
      .user-info__box__detail__name {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600; }
      .user-info__box__detail > span {
        font-size: 0.875rem; }
    .user-info__box__edit {
      display: flex;
      padding-top: 0.5rem;
      border-bottom: 1px solid #ececec; }
      .user-info__box__edit:last-child {
        border-bottom: 0; }
    .user-info__box__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 2.5rem;
      margin-right: 1.25rem;
      font-weight: 600; }
    .user-info__box__input {
      flex: 1; }
      .user-info__box__input-field {
        padding-right: 0;
        border: 0;
        font-size: 0.875rem;
        text-align: right; }
      .user-info__box__input > div {
        margin-bottom: 0.5rem; }
      .user-info__box__input .input-field__error-message {
        text-align: right; }
    .user-info__box__select {
      flex: 1;
      direction: rtl; }
      .user-info__box__select-field {
        padding-right: 1.5rem;
        border: 0; }
        .user-info__box__select-field::-webkit-input-placeholder {
          color: #6D7278; }
        .user-info__box__select-field::-moz-placeholder {
          color: #6D7278; }
        .user-info__box__select-field:-ms-input-placeholder {
          color: #6D7278; }
        .user-info__box__select-field::-ms-input-placeholder {
          color: #6D7278; }
        .user-info__box__select-field::placeholder {
          color: #6D7278; }
      .user-info__box__select > div {
        margin-bottom: 0.5rem; }
    .user-info__box__search {
      flex: 1; }
      .user-info__box__search .ant-select-selection--single {
        border: 0; }
      .user-info__box__search > .search-field__input-container {
        margin: 0.25rem; }
      .user-info__box__search .ant-input {
        color: #4c4c4c;
        font-size: 0.875rem !important;
        text-align: right; }
      .user-info__box__search .ant-select-selection--single .ant-select-selection__rendered {
        margin-right: 0; }
      .user-info__box__search .ant-select-open,
      .user-info__box__search .ant-select-focused .ant-select-selection,
      .user-info__box__search .ant-select-selection:focus,
      .user-info__box__search .ant-select-selection:active {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
      .user-info__box__search .ant-select-selection__placeholder {
        right: 0;
        left: auto;
        color: #6D7278;
        font-size: 0.875rem; }
    .user-info__box__back-edit {
      position: absolute;
      top: 1.125rem;
      right: 1.25rem; }
  .user-info__save {
    flex: 0.03;
    padding: 0rem 1.25rem; }

.ucs {
  display: block !important;
  max-width: 20.9375rem;
  margin: 0 auto; }
  .ucs__help {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 0.875rem;
    text-align: right; }

.user-collect__box {
  display: flex;
  margin: 1.25rem;
  text-align: center; }
  .user-collect__box__item {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    flex: 1;
    border: 0;
    outline: none;
    background-color: transparent; }
    .user-collect__box__item--active {
      color: #333333;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      position: relative; }
      .user-collect__box__item--active::after {
        position: absolute;
        top: 1.625rem;
        left: 50%;
        width: 1.75rem;
        height: 0.1875rem;
        transform: translate(-50%);
        border-radius: 0.125rem;
        background-color: #FFC600;
        content: ''; }

.user-collect__content {
  display: block;
  padding: 1.25rem;
  background-color: #fff; }

.user-collect__torent-page {
  margin: auto;
  text-align: center; }

.uvs {
  display: block !important;
  max-width: 20.9375rem;
  margin: 0 auto; }

.user-visit__box {
  display: flex;
  margin: 1.25rem;
  text-align: center; }
  .user-visit__box__item {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    flex: 1;
    border: 0;
    outline: none;
    background-color: transparent; }
    .user-visit__box__item--active {
      color: #333333;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      position: relative; }
      .user-visit__box__item--active::after {
        position: absolute;
        top: 1.625rem;
        left: 50%;
        width: 1.75rem;
        height: 0.1875rem;
        transform: translate(-50%);
        border-radius: 0.125rem;
        background-color: #FFC600;
        content: ''; }

.user-visit__content {
  display: block;
  padding: 1.25rem;
  background-color: #fff; }

.umy__box {
  width: clac(90vw);
  height: 3.125rem;
  margin: 1.25rem 1.25rem 0;
  white-space: nowrap;
  overflow-x: auto; }
  .umy__box__item {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    flex: 1;
    margin-left: 0.875rem;
    border: 0;
    outline: none;
    background-color: transparent; }
    .umy__box__item--active {
      color: #333333;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      position: relative; }
      .umy__box__item--active::after {
        position: absolute;
        top: 1.625rem;
        left: 50%;
        width: 1.75rem;
        height: 0.1875rem;
        transform: translate(-50%);
        border-radius: 0.125rem;
        background-color: #FFC600;
        content: ''; }

.umy__content {
  display: block;
  padding: 1.25rem; }

.umy__tip {
  padding: 0.625rem 1.25rem;
  background-color: #f9ebea; }
  .umy__tip__content {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem; }

.uci {
  padding: 0.625rem 1.25rem 1.25rem; }
  .uci__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    background-color: #FFC600; }
  .uci__agree {
    max-width: 20.9375rem;
    height: 2.5rem;
    margin: 0 auto;
    border-radius: 0.125rem;
    background-color: #FFC600; }

.urd {
  padding: 1.25rem; }
  .urd__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400; }
    .urd__button-unpaid {
      margin-bottom: 0.625rem;
      border-radius: 0.125rem;
      background-color: #FFC600;
      color: #4c4c4c; }
    .urd__button-paid {
      border: 0.0625rem solid #4c4c4c;
      background-color: transparent;
      color: #6D7278; }
  .urd__agree {
    max-width: 20.9375rem;
    height: 2.5rem;
    margin: 0 auto;
    border-radius: 0.125rem;
    background-color: #FFC600; }

.uc__iframe {
  margin: 1.25rem; }
  .uc__iframe__pdf {
    width: 100%;
    height: 100%; }

.uc__popup {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.8);
  z-index: 100000; }
  .uc__popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13.8125rem;
    height: 9.25rem;
    transform: translate(-50%, -50%);
    background-color: #fff; }
    .uc__popup__content-title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-top: 2.5rem;
      font-weight: 500;
      text-align: center; }
    .uc__popup__content-duanlou {
      color: #999999;
      font-size: 0.6875rem;
      line-height: 1rem;
      margin: 1rem 1.0625rem 0 1.125rem; }

.uc__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1.25rem;
  padding: 0;
  list-style: none; }

.uc__item {
  position: relative;
  width: 48%;
  margin-bottom: 1rem; }
  .uc__item__image {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }

.uc__image-wrapper {
  position: relative;
  width: 100%;
  height: 8rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
  background-color: #f8f8f6;
  background-size: 4rem;
  overflow: hidden; }

.uaiz {
  background-color: #f8f8f6; }
  .uaiz__content-container {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 0.625rem 1.25rem 0rem;
    padding: 0.625rem 1.25rem 0.75rem;
    border-radius: 0.625rem;
    background-color: #fff; }
    @media only screen and (min-width: 768px) {
      .uaiz__content-container {
        max-width: 48rem;
        margin: 0.625rem auto 0rem; } }
  .uaiz__content-tittle {
    text-align: center; }
  .uaiz__content-paragraph {
    margin-top: 1rem; }
  .uaiz__confirm {
    display: flex;
    justify-content: center;
    margin: 1rem 0; }
  .uaiz__confirm > .terms-field__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-left: 0.125rem; }
  .uaiz__confirm > .terms-field__label::before {
    top: 0.125rem;
    left: 0.125rem;
    width: 1rem;
    height: 1rem; }
  .uaiz__agree {
    max-width: 20.9375rem;
    height: 2.5rem;
    margin: 0 auto;
    border-radius: 0.125rem;
    background-color: #FFC600; }
    .uaiz__agree:last-child {
      margin-top: 0.625rem;
      margin-bottom: 1.25rem; }

.udd {
  padding: 0.625rem 1.25rem 2.0625rem; }
  .udd__header {
    padding: 0.75rem 0.625rem;
    background-color: #fff; }
    .udd__header__image {
      width: 40%;
      margin-right: 0.625rem;
      vertical-align: middle; }
    .udd__header__content {
      display: inline-block;
      vertical-align: middle; }
    .udd__header__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.625rem; }
    .udd__header__info {
      color: #6D7278;
      font-size: 0.75rem; }
  .udd__images {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .udd__content {
    margin-top: 0.625rem;
    background-color: #fff; }
    .udd__content-container {
      display: flex;
      padding: 0.9375rem 1.25rem;
      border-bottom: 0.0625rem solid #ececec; }
      .udd__content-container > span {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        flex: 0.2; }
      .udd__content-container > p {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 1.25rem;
        flex: 0.8; }
  .udd__description-container {
    margin-top: 0.375rem;
    padding: 1.25rem;
    background-color: #fff; }
    .udd__description-container__title {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.375rem;
      margin-bottom: 0.625rem; }
    .udd__description-container__content {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; }
  .udd__description__images {
    margin-top: 1.25rem;
    text-align: center; }
    .udd__description__images-icon {
      width: 1rem;
      height: 0.5625rem; }
  .udd__hide {
    display: none; }

.udl {
  margin-bottom: 0.625rem;
  border-radius: 0.625rem;
  background-color: #fff; }
  .udl__hender {
    position: relative;
    padding: 0.625rem 0 0.875rem 0.625rem;
    border-bottom: 0.0625rem solid #ececec; }
    .udl__hender__image-container {
      display: inline-block;
      position: relative;
      width: 7.5rem;
      height: 5rem;
      overflow: hidden;
      vertical-align: bottom; }
    .udl__hender__image {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%); }
  .udl__information {
    display: inline-block;
    margin-left: 0.3125rem;
    vertical-align: top; }
    .udl__information__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      width: 12.5rem;
      margin: 0.5rem 0; }
    .udl__information__type, .udl__information__time {
      color: #6D7278;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
  .udl__link-container {
    text-align: right; }
    .udl__link-container__jump {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.375rem;
      font-weight: 400;
      display: inline-block;
      width: 5.125rem;
      height: 1.375rem;
      margin: 0.625rem 0.625rem 0 0;
      padding: 0;
      border: 1px solid #EAEAEA;
      background-color: transparent;
      text-align: center; }
  .udl__link {
    color: transparent;
    font-size: 0.75rem;
    line-height: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: 10; }
  .udl__list {
    padding: 0.875rem 0 0.9375rem 0.625rem; }
    .udl__list__item {
      position: relative;
      margin-bottom: 0.9375rem; }
      .udl__list__item__checkbox {
        width: 0;
        height: 0;
        visibility: hidden;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
        .udl__list__item__checkbox:checked + .udl__list__item-content:before {
          border-color: #FFC600;
          background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFC600' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
          background-size: 0.75rem; }
      .udl__list__item-content {
        margin-left: 0.625rem;
        color: #4c4c4c;
        font-size: 0.875rem; }
        .udl__list__item-content:before {
          display: inline-block;
          width: 1.25rem;
          height: 1.25rem;
          margin: 0 0.5rem 0 0;
          border: 1px solid #c8c9cb;
          border-radius: 2px;
          background: #fff;
          content: '';
          vertical-align: middle; }
        .udl__list__item-content--link {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          cursor: pointer;
          z-index: 10; }
        .udl__list__item-content--disabled {
          color: #a8a5a0; }
        .udl__list__item-content--underline {
          border-bottom: 1px solid #000; }
  .udl__button {
    color: #6D7278;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin-bottom: 1.25rem;
    border: 1px solid #EAEAEA;
    background-color: transparent; }
  .udl__history__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 1.25rem; }
  .udl__history__item {
    margin-bottom: 1.25rem;
    padding: 0.625rem;
    background-color: #fff; }
  .udl__history__image-container {
    text-align: center; }
  .udl__history__image {
    width: 0.9375rem;
    height: 0.9375rem; }
  .udl__box {
    display: flex;
    position: relative;
    align-items: center; }
  .udl__service {
    padding: 1.25rem 0.625rem 0.625rem;
    border-bottom: 0.0625rem solid #ececec; }
    .udl__service__item {
      display: flex;
      justify-content: space-between; }
    .udl__service__label {
      margin-bottom: 0.5rem;
      color: #4c4c4c;
      font-size: 0.875rem; }
    .udl__service__content {
      color: #6D7278;
      font-size: 0.75rem; }
    .udl__service__button {
      display: flex;
      justify-content: flex-end; }
      .udl__service__button-item {
        color: #4c4c4c;
        font-size: 0.75rem;
        line-height: 1.0625rem;
        width: auto;
        margin-left: 0.6875rem;
        padding: 0.125rem 0.6875rem;
        border: 1px solid #EAEAEA;
        border-radius: 0.8125rem;
        background-color: transparent;
        font-weight: 400; }
        .udl__service__button-item--new {
          background-color: #5687bb;
          color: #fff; }
        .udl__service__button-item--refund, .udl__service__button-item--payment-failed {
          background-color: #e03b24;
          color: #fff; }
        .udl__service__button-item--paid {
          background-color: #ffcc00;
          color: #fff; }
        .udl__service__button-item--processing {
          background-color: #3865a3;
          color: #fff; }
        .udl__service__button-item--completed {
          background-color: #64a338;
          color: #fff; }
    .udl__service__footer {
      display: flex;
      justify-content: flex-end;
      padding-right: 0.625rem;
      border-top: 0.0625rem solid #ececec; }
      .udl__service__footer__button {
        width: auto;
        margin: 0.625rem 0;
        padding: 0.125rem 1.0625rem;
        border: 1px solid #EAEAEA;
        border-radius: 0.125rem;
        background-color: transparent;
        color: #4c4c4c;
        font-size: 0.75rem;
        font-weight: 400; }

.udbooker__bg {
  position: relative;
  margin: 0.625rem 0 1.875rem;
  padding: 1.125rem 1.25rem 0;
  border-radius: 0.625rem;
  background-color: #fff; }

.udbooker__header {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  display: inline-block;
  margin-bottom: 0.125rem;
  font-weight: 500; }

.udbooker__edit {
  position: absolute;
  right: 1.25rem;
  width: 1rem;
  height: 1rem; }

.udbooker__back-edit {
  position: absolute;
  top: 1.125rem;
  right: 1.25rem; }

.udbooker__detail {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0; }
  .udbooker__detail > label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500; }
  .udbooker__detail > span {
    font-size: 0.875rem; }

.udbooker__form {
  display: flex;
  padding-top: 0.5rem;
  border-bottom: 1px solid #ececec; }
  .udbooker__form:last-child {
    border-bottom: 0; }

.udbooker__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.5rem;
  margin-right: 1.25rem;
  font-weight: 600; }

.udbooker__image {
  flex: 0.8; }
  .udbooker__image__item {
    width: 47%; }
    .udbooker__image__item:last-child {
      margin-left: 0.625rem; }
  .udbooker__image__label {
    flex: 0.2; }

.udbooker__input {
  flex: 1; }
  .udbooker__input-field {
    padding-right: 0;
    border: 0;
    font-size: 0.875rem;
    text-align: right; }
  .udbooker__input > div {
    margin-bottom: 0.5rem; }
  .udbooker__input .input-field__error-message {
    text-align: right; }

.udbooker__select {
  flex: 1;
  direction: rtl; }
  .udbooker__select-field {
    border: 0; }
    .udbooker__select-field::-webkit-input-placeholder {
      color: #6D7278; }
    .udbooker__select-field::-moz-placeholder {
      color: #6D7278; }
    .udbooker__select-field:-ms-input-placeholder {
      color: #6D7278; }
    .udbooker__select-field::-ms-input-placeholder {
      color: #6D7278; }
    .udbooker__select-field::placeholder {
      color: #6D7278; }
  .udbooker__select-icon {
    right: 0; }
  .udbooker__select > div {
    margin-bottom: 0.5rem; }

.udbooker__phone {
  flex: 1;
  text-align: right; }
  .udbooker__phone-field {
    padding-right: 0;
    border: 0;
    text-align: right; }
    .udbooker__phone-field::-webkit-input-placeholder {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #6D7278; }
    .udbooker__phone-field::-moz-placeholder {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #6D7278; }
    .udbooker__phone-field:-ms-input-placeholder {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #6D7278; }
    .udbooker__phone-field::-ms-input-placeholder {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #6D7278; }
    .udbooker__phone-field::placeholder {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #6D7278; }
  .udbooker__phone > .input-field__input-container {
    margin-bottom: 0.5rem; }
  .udbooker__phone > .input-field__input-container
> .input-field__addon--before
> .select-field
> .select-field__container
> .select-field__container__select-wrapper
> .select-field__select {
    border: 0; }

.udbooker__search {
  flex: 1;
  text-align: right; }
  .udbooker__search .ant-select-selection--single {
    border: 0; }
  .udbooker__search > .search-field__input-container {
    margin: 0.25rem; }
  .udbooker__search .ant-input {
    color: #4c4c4c;
    font-size: 0.875rem !important;
    text-align: right; }
  .udbooker__search .ant-select-selection--single .ant-select-selection__rendered {
    margin-right: 0; }
  .udbooker__search .ant-select-open,
  .udbooker__search .ant-select-focused .ant-select-selection,
  .udbooker__search .ant-select-selection:focus,
  .udbooker__search .ant-select-selection:active {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  .udbooker__search .ant-select-selection__placeholder {
    right: 0;
    left: auto;
    color: #6D7278;
    font-size: 0.875rem; }
  .udbooker__search__option {
    text-align: right; }

.udbooker__save {
  margin-bottom: 4.375rem;
  padding: 0 1.25rem; }
  .udbooker__save-button {
    background-color: #FFC600;
    color: #4c4c4c; }

.udbooker__disable {
  pointer-events: none; }

.udguarantor__tab {
  display: flex;
  margin: 1.25rem; }
  .udguarantor__tab__item {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    flex: 1;
    border: 0;
    outline: none;
    background-color: transparent; }
    .udguarantor__tab__item--active {
      color: #333333;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      position: relative; }
      .udguarantor__tab__item--active::after {
        position: absolute;
        top: 1.625rem;
        left: 50%;
        width: 1.75rem;
        height: 0.1875rem;
        transform: translate(-50%);
        border-radius: 0.125rem;
        background-color: #FFC600;
        content: ''; }

.udguarantor__need {
  margin: 1.25rem; }

@media only screen and (min-width: 768px) {
  .udvip-tips-dialog {
    top: 50%;
    transform: translate(-50%, -50%); } }

.udvip-tips-content {
  margin-bottom: 0.625rem; }

.udvip-tips-close {
  top: unset;
  bottom: 0;
  left: 50%; }

.udvip-tips-icon {
  width: 1.0625rem;
  height: 1.125rem;
  margin-left: 0.125rem;
  vertical-align: sub; }

.udvip__speed-up {
  padding: 1rem; }
  .udvip__speed-up__header {
    text-align: center; }
  .udvip__speed-up__welcome {
    margin: 0.625rem;
    text-align: center; }
  .udvip__speed-up__title {
    margin: 10px 0;
    text-indent: 2rem; }
  .udvip__speed-up__content {
    font-size: 0.875rem;
    line-height: 1.5625rem;
    text-indent: 2rem; }
  .udvip__speed-up__list {
    font-size: 0.875rem;
    line-height: 1.5625rem; }

.udv {
  margin-bottom: 0.625rem;
  padding: 1rem;
  border-radius: 0.625rem;
  background-color: #fff; }
  .udv__notice {
    padding: 0.625rem;
    border: 1px solid;
    font-size: 0.875rem;
    line-height: 1.5rem; }

.udn {
  display: flex;
  position: absolute;
  top: 3.1875rem;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  padding: 1.25rem; }
  .udn__tip {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.875rem;
    background-color: #fff; }
    .udn__tip__head {
      margin-bottom: 0.625rem; }
  .udn__create {
    flex: 1;
    padding: 1.25rem;
    background-color: #fff;
    overflow-y: auto; }
  .udn__list {
    flex: 1;
    overflow-y: auto; }
  .udn__satisfaction-field {
    border: 0;
    background-color: transparent;
    text-align: justify;
    -moz-text-align-last: center;
         text-align-last: center; }
  .udn__satisfaction > .select-field__container {
    margin-bottom: 0.625rem; }
  .udn__item {
    margin-bottom: 0.25rem;
    padding: 1rem 1.25rem;
    border-radius: 0.625rem;
    background-color: #fff; }
    .udn__item:first-child {
      border-radius: 0 0 0.625rem 0.625rem; }
    .udn__item:last-child {
      border-radius: 0.625rem 0.625rem 0 0; }
    .udn__item__head {
      margin-bottom: 0.875rem;
      padding-bottom: 0.875rem;
      border-bottom: 1px solid #EAEAEA; }
      .udn__item__head__time {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 1.25rem; }
      .udn__item__head__tag {
        float: right; }
        .udn__item__head__tag-item {
          color: #4c4c4c;
          font-size: 0.875rem;
          line-height: 1.0625rem;
          padding: 0.1875rem 0.625rem;
          border: 1px solid #EAEAEA;
          border-radius: 0.75rem; }
      .udn__item__head__name {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
        float: right; }
      .udn__item__head__message {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 0.4375rem; }
    .udn__item__description__button {
      display: flex;
      justify-content: flex-end; }
      .udn__item__description__button-item {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
        width: auto;
        margin-left: 0.625rem;
        padding: 0.125rem 1.3125rem;
        border-radius: 0.875rem; }
      .udn__item__description__button-cancel {
        box-shadow: inset 0 0 0 1px #EAEAEA; }
      .udn__item__description__button-save {
        background-color: #FFC600; }
    .udn__item__customer__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0.5rem; }
    .udn__item__customer__field {
      padding: 0.625rem;
      background-color: #f8f8f6; }
      .udn__item__customer__field-time {
        position: relative;
        color: #9e9e9e;
        font-size: 0.875rem; }
      .udn__item__customer__field-triangle {
        position: absolute;
        top: 0.375rem;
        right: 0.3125rem;
        border-top: solid 0.375rem #9e9e9e;
        border-right: solid 0.25rem transparent;
        border-bottom: 0 none;
        border-left: solid 0.25rem transparent; }
      .udn__item__customer__field-result {
        color: #9e9e9e;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
        margin-top: 0.625rem; }
      .udn__item__customer__field-tag {
        display: inline-block;
        margin-top: 0.625rem;
        margin-right: 0.625rem;
        padding: 0.125rem;
        border: solid 0.0625rem #9e9e9e;
        color: #9e9e9e;
        font-size: 0.75rem; }
    .udn__item__input > .input-field__input-container {
      margin-bottom: 0.875rem; }
    .udn__item__input > .select-field__container {
      margin-bottom: 0.875rem; }
    .udn__item__input-field {
      font-weight: 400;
      border: 0;
      background-color: #f8f8f6;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .udn__item__media__show {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .udn__item__media__show-row {
        position: relative;
        width: 48%;
        margin-bottom: 0.625rem;
        list-style: none; }
      .udn__item__media__show-delete {
        z-index: 1; }
      .udn__item__media__show-image, .udn__item__media__show-videos {
        width: 100%;
        max-height: 6.25rem; }
    .udn__item__media__upload-button {
      padding: 0.125rem;
      font-weight: 400;
      box-shadow: inset 0 0 0 1px #EAEAEA; }
    .udn__item__media__upload-component {
      display: none; }
    .udn__item__satisfaction {
      margin-top: 0.875rem; }
    .udn__item__comment__by-name {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .udn__item__comment__by-time {
      color: #9e9e9e;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
    .udn__item__comment__button {
      display: flex;
      justify-content: flex-end; }
      .udn__item__comment__button-item {
        color: #9e9e9e;
        font-size: 0.75rem;
        line-height: 1.0625rem;
        width: auto;
        margin-left: 0.625rem;
        text-decoration: none; }
    .udn__item__comment__content {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0.625rem 0 0.625rem 1.75rem; }
    .udn__item__arrow {
      text-align: center; }
      .udn__item__arrow-more {
        width: 1rem;
        transform: rotate(180deg); }
      .udn__item__arrow-less {
        width: 1rem; }
  .udn__footer {
    margin-top: 0.9375rem;
    text-align: center; }
    .udn__footer__count {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .udn__footer__add-icon {
      width: 1.25rem;
      height: 1.25rem;
      float: right; }

.udconfirm__tab {
  display: flex;
  justify-content: space-around;
  margin: 1.25rem; }
  .udconfirm__tab__item {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    border: 0;
    outline: none;
    background-color: transparent; }
    .udconfirm__tab__item--active {
      color: #333333;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      position: relative; }
      .udconfirm__tab__item--active::after {
        position: absolute;
        top: 1.625rem;
        left: 50%;
        width: 1.75rem;
        height: 0.1875rem;
        transform: translate(-50%);
        border-radius: 0.125rem;
        background-color: #FFC600;
        content: ''; }

.udconfirm__detail {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 2.125rem; }
  .udconfirm__detail > label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500; }
  .udconfirm__detail > span {
    font-size: 0.875rem; }

.udconfirm__image {
  flex: 0.8; }
  .udconfirm__image__item {
    width: 47%; }
    .udconfirm__image__item:last-child {
      margin-left: 0.625rem; }
  .udconfirm__image__label {
    flex: 0.2; }

.udconfirm__content {
  display: flex;
  position: absolute;
  top: 7.5rem;
  bottom: 0;
  flex-direction: column;
  width: 100%; }
  .udconfirm__content__form {
    flex: 1;
    overflow-y: auto; }
  .udconfirm__content__save {
    padding: 1.25rem; }
    .udconfirm__content__save__button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      background-color: #FFC600; }

.user-consult {
  margin: 0.625rem; }
  .user-consult__box {
    padding: 1.25rem; }

.urmd__back {
  display: inline-block;
  margin-bottom: 1rem; }

.urmd__back-icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5rem;
  transform: rotate(180deg);
  fill: #fff; }

.urmd__back-text {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block; }

.urmd__status-wrapper {
  margin: 0;
  padding: 1rem 1rem 4rem;
  background-color: #5687bb; }
  .urmd__status-wrapper--paid {
    background-color: #5687bb; }
  .urmd__status-wrapper--payment-failed, .urmd__status-wrapper--refund {
    background-color: #e03b24; }
  .urmd__status-wrapper--processing {
    background-color: #3865a3; }
  .urmd__status-wrapper--completed {
    background-color: #64a338; }
  .urmd__status-wrapper--unfinish {
    background-color: #9e9e9e; }

.urmd__status {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0; }

.urmd__status-label {
  color: #e7e7e7;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0; }

.ui {
  background: #f8f8f6; }
  .ui__needs__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1.25rem;
    font-weight: 500; }
  .ui__needs__list {
    padding: 0.875rem 1.3125rem;
    background-color: #fff; }
  .ui__needs__item {
    display: inline-block;
    position: relative;
    min-width: 9.375rem; }
    .ui__needs__item:last-child {
      margin-top: 1.25rem; }
    .ui__needs__item__input {
      outline: none;
      -webkit-appearance: none; }
      .ui__needs__item__input::before {
        position: absolute;
        top: 0.3125rem;
        left: 0;
        width: 0.75rem;
        height: 0.75rem;
        border: 1px solid #6454b5;
        border-radius: 50%;
        background-color: #fff;
        color: #fff;
        content: '';
        box-sizing: border-box; }
      .ui__needs__item__input:checked::before {
        border-color: #6454b5;
        background-color: #6454b5;
        background-size: 0.75rem; }
    .ui__needs__item__title {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      margin-left: 1.25rem; }
  .ui__material__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1.25rem;
    font-weight: 500; }
  .ui__material__list {
    margin-bottom: 0.625rem;
    padding: 0 1.25rem 0.625rem;
    background-color: #fff; }
  .ui__material__item {
    display: flex;
    padding: 0.875rem 0;
    border-bottom: 0.0625rem solid #ececec; }
    .ui__material__item__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      flex: 1; }
    .ui__material__item__content {
      color: #00bd84;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
      .ui__material__item__content-no {
        color: #ed5f5f; }
    .ui__material__item__image-arrow {
      width: 0.4375rem;
      height: 0.75rem;
      margin: 0.1875rem 0 0 1rem; }
  .ui__input {
    flex: 1; }
    .ui__input-container {
      margin: 0; }
    .ui__input__buttom-border {
      color: #767676;
      font-size: 0.75rem;
      line-height: 1.25rem;
      height: auto;
      padding: 0.875rem 0;
      border-top: 0;
      border-right: 0;
      border-bottom: 1px solid #ececec;
      border-left: 0;
      border-radius: 0;
      text-align: right;
      direction: rtl;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none; }
  .ui__city {
    flex: 1;
    width: 100%;
    margin: 0; }
  .ui__item {
    display: flex;
    position: relative; }
    .ui__item-label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 3.0625rem;
      width: 3.625rem;
      margin-right: 0.9375rem; }
  .ui__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0;
    width: 30%;
    padding: 0.875rem 0;
    background-color: #fff;
    z-index: 999; }

.ur {
  background-color: #f8f8f6; }
  .ur__list {
    padding: 0 0.625rem; }
  .ur__item {
    position: relative;
    margin-top: 0.625rem;
    padding: 1.6875rem 2.8125rem 1.625rem 1.25rem;
    border-radius: 0.125rem;
    background-color: #fff; }
    @media only screen and (min-width: 768px) {
      .ur__item-hidden {
        display: none; } }
  .ur__image {
    width: 2.625rem;
    height: 2.625rem;
    margin-right: 0.625rem;
    float: left; }
  .ur__nav-container {
    margin-left: 3.25rem; }
  .ur__nav__title {
    color: #222222;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    font-weight: 500; }
  .ur__nav__content {
    color: #767676;
    font-size: 0.6875rem;
    line-height: 1rem;
    margin-top: 0.3125rem; }
  .ur__icon-arrow {
    position: absolute;
    top: 2.5625rem;
    right: 1.25rem;
    width: 0.4375rem;
    height: 0.8125rem; }
  .ur__tip {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 1.25rem 0;
    padding: 0.625rem 1.25rem;
    background-color: #f9ebea; }

.up {
  height: calc(80vh);
  padding: 0 2.125rem;
  background-color: #fff; }
  .up__title {
    color: #222222;
    font-size: 1.0625rem;
    line-height: 1.5rem;
    padding: 2.5rem 0; }
  .up__verify-container {
    display: flex;
    margin-top: 1.875rem; }
  .up__verify__input {
    flex: 1; }
  .up__verify__button {
    color: #222222;
    font-size: 0.875rem;
    line-height: 3rem;
    margin-right: 0.875rem;
    border-bottom: 1px solid #EAEAEA; }
  .up__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 5.625rem;
    border-radius: 1.25rem;
    background-color: #FFC600;
    font-weight: 400; }

.ue {
  height: calc(90vh);
  padding: 0 2.125rem;
  background-color: #fff; }
  .ue__title {
    color: #222222;
    font-size: 1.0625rem;
    line-height: 1.5rem;
    padding: 2.5rem 0; }
  .ue__box {
    display: flex;
    margin-top: 1.25rem; }
    .ue__box__content {
      color: color-grey-user-university;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      margin-top: 1.25rem; }
  .ue__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 5rem;
    border-radius: 1.25rem;
    background-color: #FFC600;
    font-weight: 400; }

.ucav {
  padding: 0.625rem; }
  .ucav__item {
    display: flex;
    position: relative;
    margin-bottom: 0.625rem;
    padding: 1.6875rem 1.25rem 1.625rem;
    background-color: #fff; }
  .ucav__image {
    width: 2.625rem;
    height: 2.625rem; }
  .ucav__title {
    color: #222222;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    margin: 0.625rem;
    font-weight: 500; }
  .ucav__icon-arrow {
    position: absolute;
    top: 2.375rem;
    right: 1.25rem;
    width: 0.4375rem;
    height: 0.8125rem; }
  .ucav .property-list__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (min-width: 768px) {
      .ucav .property-list__list {
        max-width: 48rem;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) {
      .ucav .property-list__list {
        max-width: 80rem;
        clear: both; } }
  .ucav .property-list__listing-card {
    width: 100%;
    margin-bottom: 1.25rem; }
    .ucav .property-list__listing-card::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .ucav .property-list__listing-card {
        width: 33.3%;
        max-width: 19.1875rem; } }
  .ucav .property-list__footer {
    margin: 0 0 1.25rem;
    text-align: center; }
    .ucav .property-list__footer::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .ucav .property-list__footer {
        margin: 0 0 1rem; } }
  .ucav .property-list__pagination {
    margin-top: 0.75rem;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .ucav .property-list__pagination {
        margin-top: 1.5rem; } }
  .ucav .property-list__count {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding: 0 0 0.9375rem; }
    @media only screen and (min-width: 768px) {
      .ucav .property-list__count {
        padding: 0.9375rem 0; } }

.urml__list {
  position: relative;
  margin: 0;
  margin-bottom: 0.625rem;
  list-style: none; }

.urml__title {
  color: #222222;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #f8f8f8;
  border-radius: 1.25rem;
  background-color: #fff;
  font-weight: 500; }
  .urml__title-sign {
    color: #C50505; }

.urml__list-data {
  margin: 0;
  padding: 0;
  list-style: none; }

.urml__item {
  margin-bottom: 0.625rem;
  padding: 0.75rem 1.25rem;
  border-radius: 1.25rem;
  background-color: #fff; }
  .urml__item:last-child {
    margin-bottom: 0; }

.urml__head-container {
  display: flex;
  margin-bottom: 0.75rem; }

.urml__head__content {
  flex: 1; }
  .urml__head__content-order {
    color: #B0B0B0;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    font-weight: 400; }
  .urml__head__content-number {
    color: #767676;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    font-weight: 400; }

.urml__head__status {
  color: #C50505;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400; }

.urml__main__head {
  display: flex;
  position: relative;
  margin-bottom: 0.75rem; }
  .urml__main__head-image {
    width: 5rem;
    height: 5.625rem; }

.urml__main__content {
  padding: 0.75rem 1.25rem; }
  .urml__main__content-title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 0.625rem;
    font-weight: 500; }
  .urml__main__content-summary {
    color: #6D7278;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-bottom: 0.125rem; }
    .urml__main__content-summary:last-child {
      margin: 0; }

.urml__main__footer {
  display: flex;
  position: relative;
  padding: 0.5rem 0;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8; }
  .urml__main__footer--pub-at {
    color: #B0B0B0;
    font-size: 0.625rem;
    line-height: 0.875rem; }
  .urml__main__footer--service {
    color: #6454b5;
    font-size: 0.625rem;
    line-height: 0.875rem; }
  .urml__main__footer__label {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }

.urml__main__box {
  flex: 1;
  max-width: 11.25rem; }

.urml__main__image-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.4375rem;
  height: 0.75rem;
  transform: translateX(-50%); }

.urml__button-container {
  margin-top: 0.75rem;
  text-align: right; }

.urml__button {
  display: inline-block;
  margin-left: 0.625rem; }

.urml__link {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  width: 5.625rem;
  height: 1.75rem;
  padding: 0.3125rem;
  border: 1px solid #EAEAEA;
  background-color: #fff;
  font-weight: 400; }

.urml__operation-button {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  display: inline-block;
  width: auto;
  height: 1.75rem;
  margin-left: 0.625rem;
  padding: 0.375rem 0.8125rem;
  background-color: #FFC600;
  font-weight: 400; }

.urml__vis {
  margin-top: 1.25rem; }
  .urml__vis__title {
    color: #6D7278;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-bottom: 1.25rem; }
  .urml__vis__image {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.8125rem;
    margin-bottom: 0.625rem;
    border-radius: 50%; }

.urml__image-down {
  position: absolute;
  top: 1.0625rem;
  right: 1.25rem;
  width: 1.25rem;
  height: 0.625rem; }

.urml__image-down-arrow {
  transform: rotate(180deg); }

.user-qa__item {
  position: relative;
  margin-bottom: 0.25rem;
  padding: 1rem 1.25rem 0;
  border-radius: 0.625rem;
  background-color: #fff; }
  .user-qa__item:first-child {
    border-radius: 0 0 0.625rem 0.625rem; }
  .user-qa__item:last-child {
    border-radius: 0.625rem 0.625rem 0 0; }
  .user-qa__item__pop {
    position: absolute;
    top: 1.25rem;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #e03b24; }
  .user-qa__item__base-info {
    display: flex;
    align-items: baseline;
    justify-content: space-between; }
  .user-qa__item__city, .user-qa__item__type {
    width: 42%; }
  .user-qa__item__info-container {
    display: flex; }
  .user-qa__item__city-container, .user-qa__item__type-container {
    flex: 1; }
  .user-qa__item__show-city, .user-qa__item__show-type {
    font-weight: 600;
    border: 0;
    font-size: 0.875rem;
    line-height: 1.25rem; }
  .user-qa__item__customer__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0.625rem; }
  .user-qa__item__show-content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    margin-bottom: 0.875rem;
    padding: 0.5rem 1rem;
    border-radius: 0.125rem;
    background-color: #f8f8f6; }
  .user-qa__item__camera {
    height: 1.5rem;
    vertical-align: middle; }
  .user-qa__item__arrow {
    padding: 0.5rem 0 1rem;
    text-align: center; }
    .user-qa__item__arrow-more {
      width: 1rem;
      transform: rotate(180deg); }
    .user-qa__item__arrow-less {
      width: 1rem; }

.user-qa__create-back {
  margin-bottom: 0.5rem; }
  .user-qa__create-back-icon {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.375rem;
    transform: rotate(180deg);
    fill: #000; }

.user-qa__create__button {
  display: flex;
  justify-content: flex-end; }
  .user-qa__create__button-item {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400; }
  .user-qa__create__button-cancel {
    margin-right: 0.625rem;
    box-shadow: inset 0 0 0 1px #EAEAEA; }
  .user-qa__create__button-save {
    background-color: #FFC600; }

.user-qa__footer {
  text-align: center; }
  .user-qa__footer__count {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 2.8125rem; }
  .user-qa__footer__add {
    position: absolute;
    right: 1.25rem;
    bottom: 1.5rem;
    padding: 0.9375rem 0 0.375rem 0.9375rem; }
    .user-qa__footer__add-icon {
      width: 1.5rem;
      height: 1.5rem; }

.ucc-qna {
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff; }
  .ucc-qna__bubble__more {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle; }
    @media only screen and (min-width: 1024px) {
      .ucc-qna__bubble__more {
        width: 2.25rem;
        height: 2.25rem; } }
  .ucc-qna__consult-info-tip {
    margin-top: 0.5rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.625rem;
    line-height: 1rem; }
    @media only screen and (min-width: 1024px) {
      .ucc-qna__consult-info-tip {
        font-size: 12px;
        line-height: 20px;
        text-align: center; } }
    .ucc-qna__consult-info-tip > button {
      width: auto;
      color: #FFC600;
      text-decoration: none; }
  .ucc-qna__question {
    position: relative;
    flex: 1;
    margin: 0 0.625rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden; }
    .ucc-qna__question-container {
      display: flex;
      padding: 0.375rem 0.625rem;
      border-bottom: 1px solid #dcdcdc; }
      .ucc-qna__question-container:last-child {
        border-bottom: 0; }
    .ucc-qna__question__info > svg {
      width: 0.5625rem;
      height: 0.5625rem;
      margin-right: 0.25rem;
      vertical-align: middle;
      fill: rgba(0, 0, 0, 0.4); }
      @media only screen and (min-width: 1024px) {
        .ucc-qna__question__info > svg {
          width: 0.75rem;
          height: 0.75rem; } }
    .ucc-qna__question__info > span {
      color: rgba(0, 0, 0, 0.4);
      font-size: 10px;
      font-weight: 400;
      line-height: 16px; }
  .ucc-qna__none-answer {
    text-align: center; }
  .ucc-qna__answer-zfj {
    position: relative;
    margin-left: 0.625rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem; }
  .ucc-qna__answer__bubble {
    position: absolute;
    top: 0;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #E34D59; }
  .ucc-qna__answer-container {
    padding: 0.375rem 0.625rem;
    border-bottom: 1px solid #dcdcdc; }
    .ucc-qna__answer-container:last-child {
      border-bottom: 0; }
  .ucc-qna__answer__info {
    float: right; }
  .ucc-qna__answer__content {
    margin-left: 1.875rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden; }
  .ucc-qna__answer__no-reply-icon > svg {
    width: 2.1875rem;
    height: 2.1875rem;
    fill: rgba(0, 0, 0, 0.26); }
  .ucc-qna__answer__no-reply-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem; }
  .ucc-qna__fold {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: center;
    cursor: pointer; }
    .ucc-qna__fold > svg {
      width: 0.5rem;
      height: 0.5rem;
      margin-left: 0.5rem; }
    .ucc-qna__fold--up > svg {
      transform: rotate(270deg); }
    .ucc-qna__fold--down > svg {
      transform: rotate(90deg); }
  .ucc-qna__image {
    display: inline-block;
    width: 6.25rem;
    height: 6.25rem;
    margin-top: 1rem;
    margin-right: 0.625rem; }
    .ucc-qna__image > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .ucc-qna__image-container {
    width: 100%;
    overflow-x: auto; }

.ucc-record {
  margin: 1.25rem 0.625rem 0;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .ucc-record {
      margin: 1.25rem 0 0;
      border: 1px solid #dcdcdc;
      border-radius: 0.375rem; } }
  @media only screen and (min-width: 1024px) {
    .ucc-record__pc-invisible {
      display: none; } }
  .ucc-record__move-invisible {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .ucc-record__move-invisible {
        display: unset; } }
  .ucc-record__head {
    padding: 0.5rem 1rem;
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(270deg, #eeeeee 0%, #dcdcdc 100%); }
    .ucc-record__head--paid {
      background-image: linear-gradient(270deg, rgba(255, 198, 0, 0.05) 0%, #FFC600 100%); }
    .ucc-record__head__mode {
      margin-right: 1rem;
      color: rgba(0, 0, 0, 0.65);
      font-size: 1.125rem;
      font-weight: 700; }
      .ucc-record__head__mode--paid {
        color: #000; }
    .ucc-record__head__apt-info {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__head__apt-info {
          display: inline-block;
          color: rgba(0, 0, 0, 0.9);
          font-size: 1rem;
          font-weight: 600;
          line-height: 1.5rem; }
          .ucc-record__head__apt-info > a {
            color: rgba(0, 0, 0, 0.9); } }
    .ucc-record__head__status {
      float: right;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.375rem; }
  .ucc-record__status {
    color: rgba(0, 0, 0, 0.6); }
    .ucc-record__status--green {
      color: #2ba471; }
  .ucc-record__main {
    padding: 0.5rem 0.75rem; }
    .ucc-record__main__image {
      width: 4.75rem;
      height: 2.875rem;
      margin-right: 0.5rem;
      float: left; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__image {
          width: 7.8125rem;
          height: 5.8125rem; } }
      .ucc-record__main__image > img {
        width: 100%;
        height: 100%;
        border-radius: 0.1875rem;
        -o-object-fit: cover;
           object-fit: cover; }
    @media only screen and (min-width: 1024px) {
      .ucc-record__main__content-container {
        padding-left: 8.125rem; } }
    .ucc-record__main__apt-info {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.375rem; }
      .ucc-record__main__apt-info > a {
        color: rgba(0, 0, 0, 0.9); }
    .ucc-record__main__head-info {
      min-height: 2.875rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .ucc-record__main__head-bottom-line {
      margin: 0.5rem 0;
      clear: both;
      border: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .ucc-record__main__info {
        display: flex; } }
    @media only screen and (min-width: 1024px) {
      .ucc-record__main__info > section {
        width: 50%; } }
    .ucc-record__main__info__container {
      display: flex;
      justify-content: space-between;
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__info__container {
          display: block;
          justify-content: unset; } }
    .ucc-record__main__info__relation-order {
      display: flex;
      justify-content: space-between;
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__info__relation-order {
          display: none; } }
    .ucc-record__main__info__to-order {
      margin-left: 0.5rem;
      color: #cc9e00;
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1.25rem; }
    .ucc-record__main__info__label {
      width: 3.75rem;
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__info__label {
          color: rgba(0, 0, 0, 0.6); } }
    .ucc-record__main__info__content {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      text-align: right; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__info__content {
          color: rgba(0, 0, 0, 0.9); } }
    .ucc-record__main__info__room-type {
      margin-left: 0.25rem;
      padding: 0.125rem 0.375rem;
      border: 0.5px solid #dcdcdc;
      border-radius: 3px;
      background: #f3f3f3;
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem; }
    .ucc-record__main__answer-count {
      border-radius: 0.375rem;
      background-color: rgba(243, 243, 243, 0.7);
      line-height: 2.5rem;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__answer-count {
          height: 5.8125rem;
          border-radius: 3px; } }
      .ucc-record__main__answer-count > p {
        display: inline-block;
        margin-left: 0.625rem;
        font-size: 0.75rem; }
        @media only screen and (min-width: 1024px) {
          .ucc-record__main__answer-count > p {
            display: block;
            font-size: 0.875rem; } }
      .ucc-record__main__answer-count--number {
        color: #ed7b2f; }
    .ucc-record__main__qna__footer-tip {
      margin-top: 0.25rem;
      padding: 0.375rem;
      border-radius: 0.375rem;
      background: #f3f3f3; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__main__qna__footer-tip {
          margin-top: 0.5rem;
          border: 1px solid #dcdcdc;
          border-radius: 3px;
          text-align: left; } }
  .ucc-record__timing-tips {
    padding: 0 1rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: right; }
    .ucc-record__timing-tips--footer {
      text-align: center; }
    .ucc-record__timing-tips--footer-free {
      display: inline-block;
      padding: 0;
      font-size: 0.625rem;
      text-align: left; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__timing-tips--footer-free {
          display: none; } }
  .ucc-record__inner-line {
    margin: 0.5rem 1rem 0;
    transform: scaleY(0.5);
    border: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .ucc-record__inner-line {
        transform: scaleY(1); } }
  .ucc-record__processing-footer-line {
    margin: 0.5rem 0;
    transform: scaleY(0.5);
    border: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .ucc-record__processing-footer-line {
        transform: scaleY(1); } }
  .ucc-record__footer-upgrade {
    padding: 0 0.5rem;
    float: right;
    border-radius: 0.375rem;
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      .ucc-record__footer-upgrade {
        display: none; } }
  .ucc-record__footer {
    padding: 0.5rem 0.75rem 0.875rem; }
    .ucc-record__footer__info {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__footer__info {
          display: inline-block;
          margin-right: 1rem;
          color: rgba(0, 0, 0, 0.6);
          font-size: 0.75rem;
          font-weight: 400;
          line-height: 2rem; } }
    .ucc-record__footer__btn {
      width: auto;
      margin-left: 0.5rem;
      padding: 0.5rem;
      float: right; }
    .ucc-record__footer__btn-border-grey {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      font-weight: 400; }
      .ucc-record__footer__btn-border-grey:hover {
        border: 1px solid #ffc500;
        color: #ffc500; }
    .ucc-record__footer__btn-orange {
      border-radius: 0.375rem;
      background: #FFC600;
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      font-weight: 400; }
      @media only screen and (min-width: 1024px) {
        .ucc-record__footer__btn-orange {
          border-radius: 0.1875rem; } }
      .ucc-record__footer__btn-orange:hover {
        background: #ffd957; }

@media only screen and (min-width: 1024px) {
  .ucc-comment-consultation__pc-invisible {
    display: none; } }

.ucc-comment-consultation__move-invisible {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .ucc-comment-consultation__move-invisible {
      display: inherit; } }

.ucc-comment-consultation__emotion {
  width: 7rem;
  margin: auto; }
  @media only screen and (min-width: 1024px) {
    .ucc-comment-consultation__emotion {
      width: 14.25rem; } }
  .ucc-comment-consultation__emotion > img {
    width: 100%;
    height: 100%; }

.ucc-comment-consultation__title {
  margin-top: 1.625rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center; }

.ucc-comment-consultation__tip {
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: center; }

.ucc-comment-consultation__head-line {
  margin-top: 1rem;
  border: 1px solid #e7e7e7; }

.ucc-comment-consultation__input > .input-field__input-container {
  margin-bottom: 0.5625rem; }

.ucc-comment-consultation__label {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem; }
  .ucc-comment-consultation__label-tip {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem; }

.ucc-comment-consultation__score-label {
  margin-right: 1rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem; }

.ucc-upgrade {
  position: relative;
  width: 80%;
  border-radius: 12px;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .ucc-upgrade {
      width: 35rem; } }
  @media only screen and (min-width: 1024px) {
    .ucc-upgrade__pc-invisible {
      display: none; } }
  .ucc-upgrade__move-invisible {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .ucc-upgrade__move-invisible {
        display: unset; } }
  .ucc-upgrade__title {
    margin-top: 1.375rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.625rem;
    text-align: center; }
  .ucc-upgrade__tips {
    margin-top: 0.5rem;
    padding: 0 1.5rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: justify; }
    @media only screen and (min-width: 1024px) {
      .ucc-upgrade__tips {
        font-size: 0.875rem; } }
  .ucc-upgrade__btn-container {
    width: 100%;
    margin-top: 1.5rem;
    padding: 0 1.5rem;
    text-align: center; }
  .ucc-upgrade__btn {
    display: inline-block;
    width: 48%; }
    @media only screen and (min-width: 1024px) {
      .ucc-upgrade__btn {
        width: 33%; } }
  .ucc-upgrade__btn-cancel {
    margin-right: 0.625rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.375rem;
    background: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center; }
  .ucc-upgrade__btn-confirm {
    border-radius: 6px;
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center; }
  .ucc-upgrade__policy {
    margin: 1.5rem;
    padding: 0.375rem;
    border-radius: 0.375rem;
    background: #f3f3f3;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: justify; }
    .ucc-upgrade__policy-link {
      color: #cc9e00;
      font-size: 0.75rem;
      font-weight: 500;
      line-height: 1.25rem;
      text-align: justify; }

.ucc-downgrade__before {
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: line-through; }

.ucc-downgrade__after {
  margin-top: 0.25rem;
  color: #d54941;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center; }

.ucc-downgrade__btn-container {
  margin-top: 0;
  margin-bottom: 1.5rem; }
  @media only screen and (min-width: 1024px) {
    .ucc-downgrade__btn-container {
      margin-bottom: 2rem; } }

.ucc-downgrade__reason {
  margin: 1rem 1.5rem 0; }
  @media only screen and (min-width: 1024px) {
    .ucc-downgrade__reason {
      width: 61%;
      margin: 1rem auto 0; } }

.ucc-success__emote {
  width: 9.75rem;
  margin: 0 auto 1.5rem; }
  .ucc-success__emote > img {
    width: 100%;
    height: 100%; }

.ucc-success__title {
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center; }

.ucc-success__summary {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem; }

.ucc-success__time {
  color: #e6b200;
  font-weight: 600; }

.ucc-success__weight {
  font-weight: 600; }

.ucc-success__button-text {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem; }

.ucc-success__button-middle {
  display: inline-block;
  width: 4%; }

.ucc-success__button-grey {
  border: 1px solid #dcdcdc;
  border-radius: 0.375rem;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .ucc-success__button-grey {
      border-radius: 0.1875rem; } }

.ucc-success__button-orange {
  border-radius: 0.375rem;
  background: #FFC600; }
  @media only screen and (min-width: 1024px) {
    .ucc-success__button-orange {
      border-radius: 0.1875rem; } }

.ucc-success__button-half {
  display: inline-block;
  width: 48%; }

.ucc-service-table {
  padding: 1.875rem 0.625rem;
  border-radius: 12px 12px 0 0; }
  .ucc-service-table-up {
    background-image: radial-gradient(circle at 50% 53%, rgba(255, 198, 0, 0.05) 0%, rgba(255, 198, 0, 0.3) 71%); }
  .ucc-service-table-down {
    background-image: radial-gradient(circle at 50% 53%, rgba(243, 243, 243, 0.49) 0%, #e7e4e4 50%); }
  .ucc-service-table__column {
    display: inline-block;
    text-align: center;
    vertical-align: top; }
    .ucc-service-table__column--opacity {
      opacity: 0; }
    .ucc-service-table__column-grade-content {
      margin: 0 0.1875rem;
      background-color: #fff; }
    .ucc-service-table__column-up {
      border-radius: 6px;
      background-image: linear-gradient(0deg, #ffdd66 0%, #FFC600 100%); }
    .ucc-service-table__column-down {
      border-radius: 6px;
      background-color: #dcdcdc; }
    .ucc-service-table__column-1 {
      width: 25%; }
    .ucc-service-table__column-2 {
      width: 30%; }
    .ucc-service-table__column-3 {
      width: 30%;
      margin-left: 1.25rem; }
  .ucc-service-table__row:last-child {
    margin-bottom: 0.1875rem;
    border-radius: 0 0 6px 6px; }
  .ucc-service-table__row-1 {
    height: 2.5rem;
    line-height: 2.5rem; }
  .ucc-service-table__row-2 {
    position: relative;
    height: 3.5rem;
    line-height: 3.5rem; }
  .ucc-service-table__row-3 {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    height: 6.25rem; }
  .ucc-service-table__row-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 4.875rem; }
  .ucc-service-table__arrow-up {
    position: absolute;
    right: -2.8125rem;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #FFC600;
    z-index: 1;
    scale: 0.7; }
    .ucc-service-table__arrow-up::before {
      display: block;
      position: absolute;
      right: 1.1875rem;
      width: 50px;
      height: 12px;
      margin-top: -0.375rem;
      background-image: linear-gradient(270deg, #FFC600 0%, transparent 100%);
      content: ''; }
  .ucc-service-table__arrow-down {
    position: absolute;
    right: -2rem;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #c8c8c8;
    z-index: 1;
    scale: 0.7; }
    @media only screen and (min-width: 1024px) {
      .ucc-service-table__arrow-down {
        right: -2.8125rem; } }
    .ucc-service-table__arrow-down::before {
      display: block;
      position: absolute;
      right: 1.1875rem;
      width: 50px;
      height: 12px;
      margin-top: -0.375rem;
      background-image: linear-gradient(270deg, #c8c8c8 0%, transparent 100%);
      content: ''; }
  .ucc-service-table__arrow-1 {
    top: 1rem; }
  .ucc-service-table__arrow-2 {
    top: -0.1875rem; }
  .ucc-service-table__arrow-3 {
    top: 0rem; }
  .ucc-service-table__line {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: -0.625rem;
    width: 116%;
    border-top: 1px solid #e7e7e7; }
  .ucc-service-table__mode {
    font-weight: 800; }
  .ucc-service-table__label {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem; }
  .ucc-service-table__content {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem; }
  .ucc-service-table__tips {
    margin: 0.5rem 0.5rem 0;
    color: #ed7b2f;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem; }
  .ucc-service-table__price {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem; }
    .ucc-service-table__price-origin {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      text-decoration: line-through; }

@media only screen and (min-width: 1024px) {
  .uc-question-list__pc-invisible {
    display: none; } }

.uc-question-list__move-invisible {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__move-invisible {
      display: unset; } }

.uc-question-list__tabs {
  border-bottom: 1px solid #e7e7e7;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__tabs {
      margin-top: 0.5rem; } }
  .uc-question-list__tabs > span {
    display: inline-block;
    position: relative;
    width: 50%;
    line-height: 3rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .uc-question-list__tabs > span {
        width: unset;
        padding: 0.875rem 1rem;
        line-height: unset; } }
  .uc-question-list__tabs--active {
    color: #cc9e00; }
    @media only screen and (min-width: 1024px) {
      .uc-question-list__tabs--active {
        border-bottom: 2px solid #cc9e00; } }

.uc-question-list__unfinish {
  padding: 0.5rem 0.625rem;
  background: #ffd9c2;
  background-image: linear-gradient(180deg, rgba(255, 198, 0, 0.5) 0%, rgba(255, 198, 0, 0) 100%); }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__unfinish {
      margin-top: 1rem;
      border-radius: 6px;
      background: #f9e0c7;
      background-image: unset; } }
  .uc-question-list__unfinish__head {
    padding: 0.375rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 22px; }
  .uc-question-list__unfinish__info-icon {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .uc-question-list__unfinish__info-icon {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        vertical-align: bottom; } }
  .uc-question-list__unfinish__close {
    float: right; }
    .uc-question-list__unfinish__close > svg {
      width: 0.75rem;
      height: 0.75rem; }
  .uc-question-list__unfinish__go-pay {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .uc-question-list__unfinish__go-pay {
        display: inline-block;
        margin-left: 0.5rem;
        color: #a68000;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 22px;
        text-align: center; } }
  .uc-question-list__unfinish__card {
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 0.5rem;
    padding: 0.75rem;
    border-radius: 12px;
    background: #fff;
    z-index: 3; }
  .uc-question-list__unfinish__card-list {
    position: relative; }
  .uc-question-list__unfinish__card-wrap {
    position: absolute;
    width: 100%;
    height: 4.375rem;
    padding: 0.75rem;
    border-radius: 0.75rem; }
    .uc-question-list__unfinish__card-wrap--0 {
      top: 0.625rem;
      scale: 0.95;
      background: rgba(255, 255, 255, 0.6);
      z-index: 1; }
    .uc-question-list__unfinish__card-wrap--1 {
      top: 1.125rem;
      scale: 0.9;
      background: rgba(255, 255, 255, 0.4); }
  .uc-question-list__unfinish__info {
    flex: 1;
    margin-right: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .uc-question-list__unfinish__info--apt {
      color: rgba(0, 0, 0, 0.9);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.375rem; }
    .uc-question-list__unfinish__info--time-label {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1.25rem; }
    .uc-question-list__unfinish__info--time {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1.25rem; }
  .uc-question-list__unfinish__image {
    display: inline-block;
    width: 4.75rem;
    height: 2.875rem;
    margin-right: 0.5625rem; }
    .uc-question-list__unfinish__image > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .uc-question-list__unfinish__btn > button {
    width: auto;
    border-radius: 0.375rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem; }
  .uc-question-list__unfinish__more {
    margin-top: 2rem;
    text-align: center; }
    .uc-question-list__unfinish__more > a {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.375rem; }

.uc-question-list__quick-payment {
  display: flex;
  position: fixed;
  top: 3.1875rem;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  background-color: #fff;
  z-index: 3; }
  @media only screen and (min-width: 768px) {
    .uc-question-list__quick-payment {
      top: 5rem; } }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__quick-payment {
      position: relative;
      top: 0; } }
  .uc-question-list__quick-payment__main {
    flex: 1;
    padding: 1rem 1.25rem;
    overflow-y: auto; }
  .uc-question-list__quick-payment__image {
    display: inline-block;
    width: 22%;
    height: 4.875rem;
    margin: 0.625rem 0.625rem 0 0; }
    @media only screen and (min-width: 768px) {
      .uc-question-list__quick-payment__image {
        width: 6.25rem;
        height: 6.25rem;
        margin-top: 0; } }
    .uc-question-list__quick-payment__image > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .uc-question-list__quick-payment__footer {
    padding: 0 1rem 1.25rem; }

.uc-question-list__quick-payment-success {
  position: fixed;
  top: 3.1875rem;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  background-color: #fff;
  z-index: 3;
  overflow-y: auto; }
  @media only screen and (min-width: 768px) {
    .uc-question-list__quick-payment-success {
      top: 5rem; } }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__quick-payment-success {
      display: none; } }

.uc-question-list__comment__back {
  padding: 0 2rem;
  border-bottom: 1px solid #e7e7e7;
  line-height: 2.5rem; }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__comment__back {
      display: none; } }
  .uc-question-list__comment__back > svg {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.5rem;
    transform: rotate(180deg);
    vertical-align: middle; }

.uc-question-list__comment__close {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__comment__close {
      display: inline-block;
      position: absolute;
      top: 1rem;
      right: 1rem; }
      .uc-question-list__comment__close > svg {
        width: 0.875rem;
        height: 0.875rem; } }

.uc-question-list__comment-modal {
  background-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__comment-modal {
      background-color: rgba(0, 0, 0, 0.5); } }

.uc-question-list__comment-conatainer {
  position: absolute;
  top: 3.1875rem;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__comment-conatainer {
      position: relative;
      top: 0;
      width: 35rem;
      border-radius: 0.5rem; } }

.uc-question-list__comment-content {
  padding: 2rem; }

.uc-question-list__comment-footer {
  display: flex;
  position: fixed;
  right: 2rem;
  bottom: 1.5rem;
  left: 2rem;
  justify-content: space-around;
  padding-top: 1.25rem;
  border-top: 1px solid #e7e7e7; }
  @media only screen and (min-width: 1024px) {
    .uc-question-list__comment-footer {
      position: relative;
      right: 0;
      bottom: 0;
      left: 0;
      padding-top: 2.0625rem;
      border-top: 0; } }

.uc-question-list__btn-continue {
  width: 48%;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center; }

.uc-question-list__btn-end {
  width: 48%;
  border-radius: 0.375rem;
  background: #FFC600;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center; }

.uc-question-detail {
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .uc-question-detail__pc-invisible {
      display: none; } }
  .uc-question-detail__move-invisible {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__move-invisible {
        display: unset; } }
  .uc-question-detail__title {
    margin: 0 0.625rem;
    padding: 1.25rem 0 0; }
    .uc-question-detail__title > a {
      color: rgba(0, 0, 0, 0.9); }
  .uc-question-detail__back > svg {
    width: 1rem;
    height: 0.75rem;
    margin-right: 0.5rem;
    transform: rotate(180deg); }
  .uc-question-detail__bg {
    position: absolute;
    width: 100%;
    height: 11.875rem;
    z-index: -1; }
    .uc-question-detail__bg--free {
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__bg {
        display: none; } }
  .uc-question-detail__record-card {
    border-radius: 0.75rem;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.05); }
  .uc-question-detail__record-head-info {
    white-space: unset; }
  .uc-question-detail__edit-container {
    position: fixed;
    top: 3.1875rem;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 1001; }
    @media only screen and (min-width: 768px) {
      .uc-question-detail__edit-container {
        top: 5rem; } }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__edit-container {
        position: relative;
        top: 0;
        margin: 1rem 0;
        padding: 0.375rem 1rem 1rem;
        border: 1px solid #dcdcdc;
        border-radius: 0.375rem;
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.05); } }
  .uc-question-detail__edit__textarea-field {
    min-height: 14.375rem;
    padding-bottom: 1.625rem; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__edit__textarea-field {
        min-height: auto;
        padding: 0;
        border: 0; } }
  .uc-question-detail__edit__back {
    width: 100%;
    padding: 0 1.25rem;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    line-height: 2.5rem; }
    .uc-question-detail__edit__back > svg {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.5rem;
      transform: rotate(180deg); }
  @media only screen and (min-width: 1024px) {
    .uc-question-detail__edit__head {
      display: none; } }
  .uc-question-detail__edit__form-container {
    padding: 0 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__edit__form-container {
        padding: 0 0 1rem; } }
  .uc-question-detail__edit__footer {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__edit__footer {
        position: relative;
        right: 0;
        bottom: 0;
        left: 0; } }
  .uc-question-detail__edit__word-limit {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: right; }
  @media only screen and (min-width: 1024px) {
    .uc-question-detail__edit__limit-text {
      display: none; } }
  .uc-question-detail__edit__btn {
    width: auto;
    padding: 0.5rem;
    float: right; }
  .uc-question-detail__edit__btn-cancel {
    width: 20%;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__edit__btn-cancel {
        width: auto; } }
  .uc-question-detail__edit__btn-submit {
    width: 77%;
    margin-left: 0.5rem;
    border-radius: 0.375rem;
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__edit__btn-submit {
        width: auto; } }
  .uc-question-detail__pc-add-line {
    display: none;
    clear: both; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__pc-add-line {
        display: inherit;
        border: 1px solid #e7e7e7; } }
  .uc-question-detail__pc-add__info {
    display: inline-block;
    margin-top: 1.625rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem; }
  .uc-question-detail__pc-add__button {
    position: relative;
    width: auto;
    margin: 1rem 0 0.75rem;
    float: right;
    border-radius: 3px;
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center; }
  .uc-question-detail__pc-add__tips {
    display: none;
    position: absolute;
    top: -2.25rem;
    left: -77%;
    padding: 0.3125rem 0.5rem;
    border-radius: 0.375rem;
    background: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    white-space: nowrap;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1); }
    .uc-question-detail__pc-add__tips::after {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -0.375rem;
      border-width: 0.5rem;
      border-style: solid;
      border-color: #fff transparent transparent;
      content: ''; }
  .uc-question-detail__upgrade-btn {
    width: auto;
    margin: 1rem 1rem 0.75rem 0;
    float: right;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: center; }
    .uc-question-detail__upgrade-btn:hover {
      border: 1px solid #ffc500;
      color: #ffc500; }
  .uc-question-detail__fold-all-btn {
    display: none;
    width: auto;
    margin: 1rem 0 0.75rem;
    float: right;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 22px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__fold-all-btn {
        display: inline-block; } }
  .uc-question-detail__sort {
    width: 12.5rem;
    margin-top: 1rem;
    margin-right: 1rem;
    float: right;
    background: #fff; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__sort {
        display: inline-block;
        float: unset; } }
    .uc-question-detail__sort > .select-field__container {
      margin-bottom: 0; }
    .uc-question-detail__sort-field {
      border: 1px solid #dcdcdc;
      border-radius: 0.1875rem; }
  .uc-question-detail__count {
    display: none;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__count {
        display: inline-block; } }
  .uc-question-detail__float-add {
    padding: 0.625rem;
    border-radius: 2.5rem;
    background-color: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.05); }
    .uc-question-detail__float-add__container {
      position: fixed;
      right: 0;
      bottom: 2rem;
      left: 0;
      text-align: center; }
    .uc-question-detail__float-add--disabled {
      background-color: #ffe899;
      color: rgba(0, 0, 0, 0.6); }
      .uc-question-detail__float-add--disabled:hover .uc-question-detail__pc-add__tips {
        display: inline-block; }
  .uc-question-detail__qna-list {
    margin: 0 10px; }
    @media only screen and (min-width: 1024px) {
      .uc-question-detail__qna-list {
        margin: 0; } }
    .uc-question-detail__qna-list__time {
      margin: 1.5rem 0 -1rem;
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 20px;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .uc-question-detail__qna-list__time > span {
          padding: 0 0.25rem;
          border-radius: 3px;
          background: #f3f3f3; } }
    .uc-question-detail__qna-list__item {
      margin-top: 1.5rem; }
    .uc-question-detail__qna-list__answer {
      background: #f3f3f3; }
  .uc-question-detail__qna-page__container {
    background-color: #f7f7f5;
    overflow-y: auto; }
  .uc-question-detail__qna__container {
    display: flex;
    margin-bottom: 0.5rem;
    padding: 1.25rem 1.25rem 1.25rem 0;
    background-color: #fff; }
    .uc-question-detail__qna__container > span {
      width: 3.5rem;
      text-align: center; }
    .uc-question-detail__qna__container > section {
      flex: 1; }
  .uc-question-detail__qna__question {
    margin-bottom: 1rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: justify;
    overflow-wrap: anywhere; }
  .uc-question-detail__qna__answer {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: justify;
    overflow-wrap: anywhere; }
  .uc-question-detail__qna__answer-head {
    font-size: 1rem;
    font-weight: 600; }
    .uc-question-detail__qna__answer-head > img {
      width: 2rem;
      margin-right: 0.5rem;
      vertical-align: middle; }
  .uc-question-detail__qna__time {
    margin-top: 1rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
  .uc-question-detail__qna__noreply {
    margin-top: 0.5rem;
    padding: 1.5rem 3.5rem;
    background-color: #fff;
    text-align: center; }
  .uc-question-detail__qna__is-helpful {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e7e7e7;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem; }
    .uc-question-detail__qna__is-helpful__answer {
      margin-left: 1rem;
      float: right;
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      text-align: center; }
      .uc-question-detail__qna__is-helpful__answer--active {
        color: #cc9e00; }
      .uc-question-detail__qna__is-helpful__answer--unhelpful {
        transform: scaleY(-1); }
  .uc-question-detail__success-container {
    padding: 1.875rem 1.25rem;
    overflow-y: auto; }
  .uc-question-detail__refuse-add-question {
    width: 80%;
    padding: 1.5rem;
    border-radius: 0.75rem;
    background-color: #fff; }
    .uc-question-detail__refuse-add-question > p {
      margin-bottom: 1.5rem;
      color: rgba(0, 0, 0, 0.6);
      font-size: 1rem;
      line-height: 1.5rem; }

@media only screen and (min-width: 1024px) {
  .uc-record-list__pc-invisible {
    display: none; } }

.uc-record-list__move-invisible {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .uc-record-list__move-invisible {
      display: unset; } }

.uc-record-list__tabs {
  border-bottom: 1px solid #e7e7e7;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer; }
  .uc-record-list__tabs > span {
    display: inline-block;
    position: relative;
    width: 33.3%;
    line-height: 3rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list__tabs > span {
        width: unset;
        padding: 0.875rem 1rem;
        line-height: unset; } }
  .uc-record-list__tabs--active {
    color: #cc9e00; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list__tabs--active {
        border-bottom: 2px solid #cc9e00; } }
  .uc-record-list__tabs__bubble {
    position: absolute;
    top: 0.625rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #E34D59; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list__tabs__bubble {
        display: none; } }
  .uc-record-list__tabs__text-bubble {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list__tabs__text-bubble {
        display: inline-block;
        position: absolute;
        top: 0.625rem;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background-color: #E34D59;
        color: #fff;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1rem; } }

.uc-record-list__card-container {
  margin: 10px; }
  @media only screen and (min-width: 1024px) {
    .uc-record-list__card-container {
      margin: 1rem 0 0; } }

.uc-record-list__header {
  display: none;
  margin-top: 1rem;
  border: 1px solid #dcdcdc;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .uc-record-list__header {
      display: block; } }
  .uc-record-list__header > span {
    display: inline-block;
    background-color: #f3f3f3;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.875rem; }
  .uc-record-list__header__detail {
    width: 49%; }
  .uc-record-list__header__price {
    width: 15%; }
  .uc-record-list__header__status {
    width: 17%; }
  .uc-record-list__header__operate {
    width: 19%; }

.uc-record-list__footer {
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .uc-record-list__footer {
      text-align: unset; } }
  .uc-record-list__footer__count {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.875rem; }
  .uc-record-list__footer__page {
    margin-top: 0.625rem; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list__footer__page {
        display: inline-block;
        float: right; } }

.uc-record-list-card {
  border-radius: 12px;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .uc-record-list-card {
      border: 1px solid #dcdcdc;
      border-radius: 6px; } }
  @media only screen and (min-width: 1024px) {
    .uc-record-list-card__pc-invisible {
      display: none; } }
  .uc-record-list-card__move-invisible {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list-card__move-invisible {
        display: unset; } }
  .uc-record-list-card__head {
    padding: 0.3125rem 0.75rem;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    line-height: 22px; }
    .uc-record-list-card__head__label {
      margin-right: 0.5rem;
      color: rgba(0, 0, 0, 0.9); }
    .uc-record-list-card__head__content {
      color: rgba(0, 0, 0, 0.6); }
    .uc-record-list-card__head__status {
      float: right; }
  .uc-record-list-card__content {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.75rem; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list-card__content {
        flex-direction: row; } }
    .uc-record-list-card__content__head {
      display: flex; }
      .uc-record-list-card__content__head__apt-info {
        display: inline-block;
        color: rgba(0, 0, 0, 0.9);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.375rem;
        vertical-align: top; }
        .uc-record-list-card__content__head__apt-info > a {
          color: rgba(0, 0, 0, 0.9); }
        @media only screen and (min-width: 1024px) {
          .uc-record-list-card__content__head__apt-info {
            display: none; } }
      .uc-record-list-card__content__head-bottom-line {
        margin: 0.5rem 0;
        clear: both;
        border: 1px solid #e7e7e7; }
    .uc-record-list-card__content__image {
      display: inline-block;
      width: 4.75rem;
      height: 2.875rem;
      margin-right: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .uc-record-list-card__content__image {
          width: 7.8125rem;
          height: 5.8125rem; } }
      .uc-record-list-card__content__image > img {
        width: 100%;
        height: 100%;
        border-radius: 0.1875rem;
        -o-object-fit: cover;
           object-fit: cover; }
    .uc-record-list-card__content__info {
      flex: 1; }
      .uc-record-list-card__content__info__apt-info {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .uc-record-list-card__content__info__apt-info {
            display: block;
            color: rgba(0, 0, 0, 0.9);
            font-size: 16px;
            font-weight: 600;
            line-height: 24px; }
            .uc-record-list-card__content__info__apt-info > a {
              color: rgba(0, 0, 0, 0.9); } }
      .uc-record-list-card__content__info__container {
        display: flex;
        justify-content: space-between;
        margin-top: 0.5rem; }
        @media only screen and (min-width: 1024px) {
          .uc-record-list-card__content__info__container {
            display: block;
            justify-content: unset;
            margin-top: 0.25rem; } }
      .uc-record-list-card__content__info__label {
        color: rgba(0, 0, 0, 0.9);
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
      .uc-record-list-card__content__info__content {
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        text-align: right; }
  .uc-record-list-card__status {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem;
    text-align: center; }
    .uc-record-list-card__status--to-be-paid {
      color: #ed7b2f; }
    .uc-record-list-card__status--processing {
      color: #00a870; }
    .uc-record-list-card__status--refund {
      color: #E34D59; }
  .uc-record-list-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    border-top: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .uc-record-list-card__footer {
        width: 40%;
        margin-top: 0;
        margin-right: 5%;
        border-top: 0; } }
    .uc-record-list-card__footer__price {
      min-width: 2.1875rem;
      color: rgba(0, 0, 0, 0.9);
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      text-align: center; }
    .uc-record-list-card__footer__status {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .uc-record-list-card__footer__status {
          display: inline; } }
    .uc-record-list-card__footer__status-info {
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      text-align: right; }
      @media only screen and (min-width: 1024px) {
        .uc-record-list-card__footer__status-info {
          display: none; } }
    .uc-record-list-card__footer__btn {
      display: inline-block; }
      @media only screen and (min-width: 1024px) {
        .uc-record-list-card__footer__btn {
          min-width: 4.5rem; } }
      .uc-record-list-card__footer__btn > button {
        width: auto; }
      .uc-record-list-card__footer__btn-pay {
        height: 2rem;
        margin-left: 0.5rem;
        padding-top: 0;
        padding-bottom: 0;
        float: right;
        border: 1px solid #FFC600;
        border-radius: 0.375rem;
        background: #FFC600;
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.375rem;
        text-align: center; }
        @media only screen and (min-width: 1024px) {
          .uc-record-list-card__footer__btn-pay {
            margin-bottom: 0.5rem;
            margin-left: 0;
            float: unset;
            border-radius: 0.1875rem; } }
      .uc-record-list-card__footer__btn-free {
        height: 2rem;
        padding-top: 0;
        padding-bottom: 0;
        border: 1px solid #dcdcdc;
        border-radius: 0.375rem;
        background: #fff;
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.375rem;
        text-align: center; }
        @media only screen and (min-width: 1024px) {
          .uc-record-list-card__footer__btn-free {
            border-radius: 0.1875rem; } }

@media only screen and (min-width: 768px) {
  .user-consultation {
    max-width: 48rem;
    margin: 1.5rem auto; } }

@media only screen and (min-width: 1024px) {
  .user-consultation {
    display: flex;
    max-width: 80rem; }
    .user-consultation::after {
      display: table;
      clear: both;
      content: ''; } }

.user-consultation > aside {
  display: none;
  margin-right: 1.5rem;
  border-right: 1px solid #e7e7e7; }
  @media only screen and (min-width: 1024px) {
    .user-consultation > aside {
      display: block;
      width: 12.5rem; } }
  .user-consultation > aside > div {
    position: relative;
    padding: 0.625rem 1.5rem; }

.user-consultation > section {
  flex: 1;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .user-consultation > section {
      width: 82%; } }

.user-consultation__router-box {
  display: block;
  padding: 0.75rem 1rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  font-weight: 400; }
  .user-consultation__router-box--active {
    color: #cc9e00; }

.user-consultation__bubble {
  width: 1rem;
  height: 1rem;
  float: right;
  border-radius: 50%;
  background-color: #E34D59;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center; }

.uro-related-personnel-info {
  max-width: 600px;
  margin: auto; }
  .uro-related-personnel-info__tab {
    display: flex;
    margin: 1.25rem; }
    .uro-related-personnel-info__tab__item {
      color: #666666;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 400;
      flex: 1;
      border: 0;
      outline: none;
      background-color: transparent; }
      .uro-related-personnel-info__tab__item--active {
        color: #333333;
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 600;
        position: relative; }
        .uro-related-personnel-info__tab__item--active::after {
          position: absolute;
          top: 1.625rem;
          left: 50%;
          width: 1.75rem;
          height: 0.1875rem;
          transform: translate(-50%);
          border-radius: 0.125rem;
          background-color: #FFC600;
          content: ''; }
  .uro-related-personnel-info__need {
    margin: 1.25rem; }

.checkout__back {
  display: inline-block;
  margin: 1rem; }

.checkout__back-icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5rem;
  transform: rotate(180deg);
  fill: #4c4c4c; }

.checkout__back-text {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block; }

.checkout__main {
  margin: 0 1rem 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.checkout__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0 0 1rem; }

.checkout__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.checkout__item {
  margin-bottom: 1rem; }
  .checkout__item::after {
    display: table;
    clear: both;
    content: ''; }
  .checkout__item__title {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: 70%;
    float: left; }
  .checkout__item__price {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    float: right; }

.checkout__count {
  padding: 1rem 0;
  border-top: 1px solid #c8c9cb; }
  .checkout__count::after {
    display: table;
    clear: both;
    content: ''; }
  .checkout__count__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    float: left; }
  .checkout__count__price {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    float: right; }

.checkout__icon-success {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  text-align: center;
  vertical-align: top; }

.checkout__success {
  color: #7bb32e;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-align: center; }

.checkout__icon-wechat {
  width: 1rem;
  height: 1rem;
  margin-right: 0.625rem;
  vertical-align: middle;
  fill: #fff; }

.checkout__pay-button {
  background-color: #7bb32e; }

.checkout__error-msg {
  color: #b84145;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  margin: 0.5rem 0 0; }

.checkout__policy {
  color: #9e9e9e;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 1.5rem 0 0;
  text-align: center; }

.rd {
  margin: 1rem; }
  .rd__section {
    margin: 0 0 1rem;
    border-radius: 2px; }
  .rd__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0;
    padding: 0 0 0.5rem; }
  .rd__intro {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    background-color: #f4efe1; }
    .rd__intro__content {
      padding-left: 1rem;
      text-align: center; }
    .rd__intro__heading {
      color: #b4a078;
      font-size: 2.5rem;
      line-height: 3.375rem;
      font-weight: 400;
      margin: 0; }
    .rd__intro__summary {
      color: #b4a078;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0; }
  .rd__icon-gift {
    width: 5rem;
    height: 5rem;
    fill: #b4a078; }
  .rd__icon-dollar {
    width: 5rem;
    height: 5rem;
    fill: #b4a078; }
  .rd__summary {
    display: flex;
    justify-content: space-between;
    background-color: #fff; }
  .rd__summary-item {
    width: 100%;
    padding: 0.5rem;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    text-align: center; }
    .rd__summary-item:last-child {
      border-right: 0; }
    .rd__summary-item--pending .rd__value {
      color: #ffcc00; }
    .rd__summary-item--completed .rd__value {
      color: #7bb32e; }
    .rd__summary-item--commission .rd__value {
      color: #e03b24; }
  .rd__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: block; }
  .rd__value {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    padding: 1rem 0 0; }
  .rd__content {
    padding: 0.5rem 0 0;
    background-color: #fff; }
  .rd__subtitle {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 0.5rem 0.5rem 0; }
  .rd__subtitle-link {
    color: #5687bb;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    padding: 0 0.5rem 0.5rem; }
  .rd__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .rd__item {
    position: relative;
    padding: 1rem 0.5rem;
    border-bottom: 1px solid #e7e7e7; }
    .rd__item:last-child {
      border-bottom: 0; }
    .rd__item__text {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem; }
    .rd__item__link {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 50; }
  .rd__icon-share {
    position: absolute;
    top: 0.875rem;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 10;
    fill: #b84145; }
  .rd__faq-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 2px;
    background-color: #fff; }
  .rd__faq-question {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    margin: 0;
    padding: 0.5rem;
    background-color: #f4efe1; }
  .rd__faq-answer {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0;
    padding: 0.5rem; }
  .rd .rds {
    display: block;
    margin: 0 0 1rem;
    text-align: center; }
    .rd .rds__primary {
      display: block;
      padding: 1rem;
      background-color: #a0c5db; }
    .rd .rds__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block; }
    .rd .rds__value {
      color: #4c4c4c;
      font-size: 2rem;
      line-height: 2.5rem;
      font-weight: 600;
      display: block;
      margin: 0;
      padding: 0.5rem 0 0; }
    .rd .rds__buttons {
      display: flex;
      justify-content: space-between;
      border: 1px solid #e7e7e7; }
    .rd .rds__button {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem;
      width: 50%;
      padding: 0.5rem 0;
      border: 0;
      border-radius: 0;
      outline: none;
      background-color: #fff;
      text-align: center;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .rd .rds__button:first-child {
        border-right: 1px solid #e7e7e7; }
      .rd .rds__button--disabled {
        background-color: #c8c9cb;
        color: #4c4c4c; }

.rw__back {
  display: inline-block;
  padding: 1rem; }

.rw__back-icon {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5rem;
  transform: rotate(180deg);
  fill: #4c4c4c; }

.rw__back-text {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block; }

.rw__form {
  margin: 0 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff; }

.rw__form-item {
  position: relative; }
  .rw__form-item:before {
    position: absolute;
    top: 2.25rem;
    left: 0.5rem;
    content: '¥'; }

.rw__form-input {
  width: 100%;
  margin: 0;
  padding: 1rem 1rem 1rem 2rem;
  border: 0;
  border-bottom: 2px solid #c8c9cb;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .rw__form-input--error {
    border-color: #b84145; }

.rw__form-label {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block; }

.rw__form-extra {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem; }

.rw__form-error {
  color: #b84145;
  font-size: 0.75rem;
  line-height: 1rem; }

.rw__form-info {
  color: #9e9e9e;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: right; }

.rw__form-button {
  margin: 1rem 0 0; }

.rw__records {
  margin: 1rem; }

.rw__records-title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem; }

.rw__records-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
  background-color: #fff; }

.rw__records-item {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: table-row; }

.rw__records-row, .rw__records-caption {
  display: table-cell;
  padding: 0.5rem; }
  .rw__records-row--apply, .rw__records-row--pending, .rw__records-row--processing, .rw__records-caption--apply, .rw__records-caption--pending, .rw__records-caption--processing {
    color: #ffcc00; }
  .rw__records-row--success, .rw__records-caption--success {
    color: #7bb32e; }
  .rw__records-row--failed, .rw__records-caption--failed {
    color: #b84145; }

.rw__records-row {
  border-top: 1px solid #e7e7e7; }

.rw__records-caption {
  font-weight: 600; }

.rw__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.4); }

.rw__modal-content {
  position: relative;
  top: 6.25rem;
  width: 70%;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  text-align: center; }

.rw__modal-icon {
  width: 3.5rem;
  height: 3.5rem; }
  .rw__modal-icon--success {
    fill: #7bb32e; }
  .rw__modal-icon--fail {
    fill: #e7e7e7; }

.rw__modal-heading {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 1rem 0; }

.rw__modal-summary {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 1rem; }

.referral {
  position: relative; }

@keyframes loading {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
  .referral__tutorial {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    padding: 0.25rem 0.75rem;
    border-radius: 2px;
    background-color: #b4a078;
    text-align: center; }
  .referral__application {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: #fff; }
  .referral__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem; }
  .referral__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }
  .referral__loading {
    margin: 1rem;
    padding: 1rem;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .referral__loading-icon {
    width: 5rem;
    height: 5rem;
    fill: #b84145;
    -webkit-animation: loading 2s ease-in-out infinite;
            animation: loading 2s ease-in-out infinite; }
  .referral__failed-icon {
    width: 4rem;
    height: 4rem;
    fill: #b84145; }
  .referral__loading-text {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0.5rem 0 0; }
  .referral__welcome {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 38.75rem;
    background: #5e53a1;
    background-size: 6.25rem;
    z-index: 1000; }
  .referral__welcome-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23.4375rem;
    transform: translate(-50%, -50%);
    outline: none; }
  .referral__welcome-image {
    display: block;
    width: 100%; }

.accelerate {
  position: relative;
  background-color: #a0c5db; }
  .accelerate::after {
    display: table;
    clear: both;
    content: ''; }
  .accelerate__logo {
    position: relative;
    height: 3.125rem;
    margin: 1rem 0 0 1.5rem;
    z-index: 10; }
  .accelerate__image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 0; }
  .accelerate__wrapper {
    position: relative;
    margin: 1.5rem;
    border-radius: 0.5rem;
    background-color: #fff;
    overflow: hidden;
    z-index: 10; }
  .accelerate__header {
    padding: 1rem;
    border-bottom: 1px dashed #ffcc00;
    background-color: #f4efe1; }
  .accelerate__warning {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0;
    text-align: center; }
  .accelerate__count-down {
    padding: 0.5rem 2.5rem 0; }
  .accelerate__content {
    padding: 2rem 1rem 1rem; }
  .accelerate__main {
    padding: 0 2rem; }
  .accelerate__user-avatar {
    display: block;
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1.5rem;
    border-radius: 3.125rem; }
  .accelerate__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0;
    text-align: center; }
  .accelerate__progress-bar {
    position: relative;
    padding: 2rem 0; }
  .accelerate__progress {
    display: block;
    width: 100%;
    height: 0.5rem;
    border-radius: 4px; }
    .accelerate__progress::-webkit-progress-bar {
      border-radius: 4px;
      background-color: #e7e7e7; }
    .accelerate__progress::-webkit-progress-value {
      border-radius: 4px;
      background: linear-gradient(90deg, #8aaaff, #fa8cff); }
  .accelerate__progress-value {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    position: absolute;
    bottom: 0.75rem;
    left: 0; }
  .accelerate__progress-total {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    position: absolute;
    right: 0;
    bottom: 0.75rem; }
  .accelerate__button {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 0.75rem 0 0;
    padding: 0.75rem;
    border: 0;
    border-radius: 2.5rem;
    outline: none;
    background-color: #b84145;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .accelerate__button--vote {
      transition: transform 0.2s ease;
      -webkit-animation: button-animation 0.5s ease-in-out infinite alternate;
              animation: button-animation 0.5s ease-in-out infinite alternate; }
  .accelerate__success {
    color: #7bb32e;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0;
    padding: 0.5rem 0 0;
    text-align: center; }
  .accelerate__coupon-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .accelerate__coupon-item {
    position: relative;
    margin: 2rem 0;
    padding: 0.5rem;
    border: 1px solid #ffcc00;
    border-radius: 2px;
    background-color: #f4efe1;
    text-align: center;
    box-shadow: 0 1px 0 0.5rem #f4efe1; }
    .accelerate__coupon-item__right {
      margin-left: 60%;
      padding: 0 0 0 1rem;
      border-left: 2px dashed #ffcc00; }
    .accelerate__coupon-item__name {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.5rem;
      font-weight: 600;
      display: block;
      position: absolute;
      top: 50%;
      right: calc(40% + 1rem);
      left: 1rem;
      transform: translateY(-50%);
      text-align: center; }
    .accelerate__coupon-item__value {
      color: #b84145;
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-weight: 600;
      display: block;
      margin: 0 0 0.5rem; }
  .accelerate__detail {
    position: relative;
    margin: 2rem 0 0;
    padding: 2rem 0 0;
    border-top: 1px solid #e7e7e7; }
    .accelerate__detail:before, .accelerate__detail:after {
      position: absolute;
      width: 1rem;
      height: 1rem;
      border-radius: 1rem;
      background-color: #a0c5db;
      content: ''; }
    .accelerate__detail:before {
      top: -0.5rem;
      left: -1.5rem; }
    .accelerate__detail:after {
      top: -0.5rem;
      right: -1.5rem; }
  .accelerate__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 600;
    margin: 0;
    padding: 1rem 0 0;
    background-color: #f4efe1;
    text-align: center; }
  .accelerate__list {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f4efe1; }
  .accelerate__item {
    padding: 1rem; }
    .accelerate__item::after {
      display: table;
      clear: both;
      content: ''; }
    .accelerate__item__avatar {
      display: inline-block;
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 1.25rem; }
    .accelerate__item__name {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem;
      display: inline-block;
      padding: 0 0 0 0.25rem;
      vertical-align: super; }
    .accelerate__item__time {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem;
      float: right; }

@keyframes button-animation {
  0% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.notice {
  padding: 1.5rem 1.25rem; }
  .notice__title {
    margin: 0 0 1rem;
    line-height: 1.5rem; }
  .notice__tips {
    text-align: center; }
  .notice__policy {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0 0 1rem; }
  .notice__content {
    margin-top: 0; }
    .notice__content__link {
      font-size: 0.875rem; }
    .notice__content__button {
      margin: 0.25rem 0; }
  .notice__guide {
    padding-left: 1.25rem; }
    .notice__guide__li {
      margin: 0.375rem 0; }

.set-pwd {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100000000; }
  .set-pwd__head {
    margin-bottom: 1.25rem;
    text-align: center; }
    .set-pwd__head__img {
      width: 8.75rem; }
  .set-pwd__form {
    width: 80%;
    margin: 0 auto; }
  .set-pwd__error {
    margin-bottom: 1.25rem;
    color: #d21e1f;
    font-size: 1rem;
    text-align: center; }

.apa {
  padding: 1.25rem; }
  .apa__advertise {
    margin-top: 1.25rem;
    text-align: center; }
    .apa__advertise__code {
      width: 10rem; }

.psi {
  padding: 1.25rem; }
  .psi__box {
    position: relative;
    min-height: calc(50vh);
    padding: 1.25rem;
    background-color: #fff;
    box-shadow: 0 0.125rem 1.25rem 0 #9e9e9e; }
  .psi__title {
    color: #4c4c4c;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 0.9375rem; }
  .psi__summary {
    color: #4c4c4c;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 2.1875rem; }
  .psi__button-container {
    margin-top: 3.125rem;
    text-align: center; }
  .psi__button {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 6.25rem;
    height: 1.875rem;
    border: 0;
    border-radius: 0.3125rem;
    background: #ffcc00; }
    .psi__button:last-child {
      margin-left: 3.4375rem;
      background: #9e9e9e; }
  .psi__success__title {
    color: #4c4c4c;
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    margin: 1.875rem 0;
    font-weight: 400;
    text-align: center; }
  .psi__success__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding-top: 1.25rem;
    text-align: center; }
    .psi__success__summary-active {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.5rem;
      margin-top: 2.1875rem;
      text-align: center; }
  .psi__error__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin: 3.125rem 0;
    text-align: center; }
  .psi__error__second {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.375rem;
    padding-top: 1.25rem;
    text-align: center; }
  .psi__link {
    font-size: 0.75rem;
    line-height: 1.375rem; }
  .psi__error-message {
    color: #d21e1f;
    font-size: 0.625rem;
    line-height: 0.875rem;
    display: block;
    margin: 0.625rem 0 0; }
  .psi__checkout-container {
    margin-top: 0.9375rem; }
  .psi__label {
    margin-left: 0.1875rem;
    font-size: 0.75rem;
    line-height: 1.375rem; }

.pts {
  padding: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .pts {
      width: 31.25rem;
      margin: auto; } }
  .pts__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 1.25rem 0 0;
    padding-bottom: 2.5rem;
    font-weight: 500;
    text-align: center; }
  .pts__content-container {
    margin-top: 2.5rem;
    padding: 0 1.25rem; }
  .pts__image {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1.25rem;
    vertical-align: top; }
  .pts__content {
    display: inline-block; }
  .pts__content__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500; }
  .pts__content__summary {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.625rem; }
  .pts__link {
    display: block;
    margin: 3.75rem 0 1.25rem;
    text-align: center; }
  .pts__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.5rem;
    width: 16.25rem;
    height: 2.5rem;
    border: 0;
    background-color: #FFC600; }

.rmw__form-item {
  margin: 0.625rem 0; }

.rmw__form__button-border {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.rmw__terms__valid {
  display: inline-block;
  position: relative; }

.rmw__terms__tips {
  position: absolute;
  bottom: 3.875rem;
  left: -0.625rem;
  width: 10.5rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: rgba(0, 0, 0, 0.8); }
  .rmw__terms__tips-content {
    color: #fff;
    font-size: 0.875rem;
    text-align: center; }
  .rmw__terms__tips-arrow {
    position: absolute;
    bottom: -0.625rem;
    left: 0.5rem;
    border-top: 0.625rem solid rgba(0, 0, 0, 0.8);
    border-right: 0.625rem solid transparent;
    border-left: 0.625rem solid transparent; }
  .rmw__terms__tips--invisible {
    display: none; }

.rmw__region-input {
  padding-top: 1.25rem; }

.rmw__list {
  padding: 0.875rem 0 0.9375rem; }

.rmw__item {
  position: relative;
  margin-bottom: 0.9375rem; }
  .rmw__item__checkbox {
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .rmw__item__checkbox:checked + .rmw__item-content:before {
      border-color: #FFC600;
      background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFC600' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
      background-size: 0.75rem; }
  .rmw__item-content {
    margin-left: 0.625rem;
    color: #4c4c4c;
    font-size: 0.875rem; }
    .rmw__item-content:before {
      display: inline-block;
      width: 1.25rem;
      height: 1.25rem;
      margin: 0 0.5rem 0 0;
      border: 1px solid #c8c9cb;
      border-radius: 2px;
      background: #fff;
      content: '';
      vertical-align: middle; }

.rmw__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-weight: 600; }

.rmw__input {
  -webkit-animation: input 2s infinite linear;
          animation: input 2s infinite linear; }

@keyframes input {
  0% {
    border-color: #fff; }
  100% {
    border-color: #ff3d46; } }

.rml__form__add-button {
  color: #007aff;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 1.25rem;
  text-align: right; }

.rml__form-item {
  margin: 0.625rem 0; }

.rml__form__buttom-border {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.rml__form__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-weight: 600; }

.rml__form__option-container {
  display: flex;
  margin: 0.9375rem 0; }

.rml__form__option {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  flex: 5;
  padding: 0.625rem;
  border: 1px solid #ececec;
  background-color: transparent;
  text-align: center; }
  .rml__form__option-active {
    background-color: #FFC600; }
  .rml__form__option:last-child {
    margin-left: 1.25rem; }

.rml__select-container {
  display: flex; }

.rml__select__content {
  flex: 1;
  margin: 0 0.625rem 0 1.25rem; }

.rml__price-setting__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.rml__price-setting__item {
  margin-top: 0.625rem; }

.rml__price-setting__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.75rem;
  display: block; }

.rml__price-setting__content-container {
  display: flex; }

.rml__price-setting__type {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.75rem;
  width: 7.5rem;
  margin: 0 0.625rem 0 0; }

.rml__price-setting__content {
  flex: 1; }

.rml__image-setting__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.rml__image-setting__item {
  margin-top: 0.625rem; }

.rml__image-setting__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.75rem; }

.rml__image-setting__type {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.75rem;
  width: 7.5rem;
  margin: 0 0.625rem; }

.rml__image-setting__content {
  flex: 1; }

.rml__room__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.rml__room__item__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 2.375rem; }

.rml__room__item__svg-container {
  margin-top: 0.5rem;
  float: right; }

.rml__room__item__svg {
  width: 1.25rem;
  height: 1.25rem; }

.rml__room__select-container {
  display: flex;
  flex: 1; }

.rml__room__select-1 {
  flex: 4.5; }

.rml__room__select-2, .rml__room__select-3 {
  flex: 2.75; }

.rml__price-container {
  display: flex; }

.rml__price__currency {
  display: inline-block;
  margin: 0.625rem 0 0 0.625rem; }

.rml__price__input {
  flex: 1; }
  .rml__price__input-field {
    padding: 0;
    text-align: center; }

.rms__form-item {
  margin-bottom: 1rem; }

.rms__label {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  display: block;
  margin: 0.25rem 0 1.25rem; }

.rms .sradio-field__container::after {
  display: table;
  clear: both;
  content: ''; }

.rms .sradio-field__item {
  width: 100%;
  height: 100%;
  margin-bottom: 0.625rem; }
  .rms .sradio-field__item-disable {
    background-color: #EBEBEB;
    pointer-events: none; }
    .rms .sradio-field__item-disable .sradio-field__attaction,
    .rms .sradio-field__item-disable .sradio-field__price,
    .rms .sradio-field__item-disable .sradio-field__title {
      color: #9e9e9e; }

.rms .sradio-field__input {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden; }
  .rms .sradio-field__input:checked ~ .sradio-field__label {
    border-color: #FFC600;
    background-color: rgba(255, 198, 0, 0.1); }
    .rms .sradio-field__input:checked ~ .sradio-field__label .sradio-field__tick-container {
      display: block;
      background-color: #FFC600; }

.rms .sradio-field__label {
  display: block;
  position: relative;
  height: 100%;
  padding: 1rem;
  border: 1px solid #EAEAEA;
  border-radius: 4px; }
  .rms .sradio-field__label__list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 80%;
    margin-top: 0.9375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .rms .sradio-field__label__item {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0.625rem; }
  .rms .sradio-field__label__images {
    width: 100%;
    height: 100%;
    border-radius: 50%; }

.rms .sradio-field__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  max-width: 80%;
  margin: 0 0 0.25rem; }

.rms .sradio-field__summary {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 70%;
  margin: 0; }
  .rms .sradio-field__summary-amount {
    color: #e03b24; }

.rms .sradio-field__price {
  color: #E02020;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  text-align: right; }
  .rms .sradio-field__price--original {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    display: block;
    text-decoration: line-through; }

.rms .sradio-field__tick-container {
  display: none;
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  background-color: #3fd6b5;
  text-align: center; }

.rms .sradio-field__tick {
  width: 0.75rem;
  height: 1.25rem;
  fill: #fff; }

.prs {
  padding: 1.5rem 0 0;
  text-align: center; }
  .prs__icon-success {
    width: 3.5rem;
    height: 3.5rem; }
  .prs__heading {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 1rem 0; }
  .prs__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0; }
  .prs__subscribe {
    margin: 1rem 0 0;
    padding: 1rem;
    border-radius: 2px;
    background-color: #e7e7e7;
    text-align: center; }
    .prs__subscribe::after {
      display: table;
      clear: both;
      content: ''; }
  .prs__subscribe-image {
    width: 6.25rem;
    float: left; }
  .prs__subscribe-label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1rem;
    display: inline-block;
    width: calc(100% - 7.25rem);
    margin: 1rem 0 0; }
  .prs__buttons {
    display: block;
    margin: 1rem; }

.rmp__heading {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem; }

.rmp__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.rmp__item {
  margin: 0 0 1rem; }
  .rmp__item::after {
    display: table;
    clear: both;
    content: ''; }

.rmp__item-title {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: 70%;
  float: left; }

.rmp__item-price {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  float: right; }

.rmp__promotion {
  padding-top: 1rem;
  border-top: 1px solid #c8c9cb; }
  .rmp__promotion::after {
    display: table;
    clear: both;
    content: ''; }

.rmp__total-price-wrapper {
  padding: 1rem 0 1.5rem;
  border-top: 1px solid #c8c9cb; }
  .rmp__total-price-wrapper::after {
    display: table;
    clear: both;
    content: ''; }

.rmp__total-price-title {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  float: left; }

.rmp__total-price {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  float: right; }

.room-mate {
  padding-bottom: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .room-mate {
      width: 31.25rem;
      margin: auto; } }
  .room-mate__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 2.5rem 0 1rem; }
    .room-mate__title::before {
      position: absolute;
      top: 14.75rem;
      right: 0;
      width: 100%;
      height: 0.625rem;
      background-color: #f8f8f6;
      content: ''; }
      @media only screen and (min-width: 1024px) {
        .room-mate__title::before {
          top: 16.5625rem; } }
    .room-mate__title--advertise {
      margin-top: 2.5rem; }
  .room-mate__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }
  .room-mate__step {
    display: none; }
    .room-mate__step--active {
      display: block; }
  .room-mate__container {
    padding: 0 1.25rem; }

.alg__form-item {
  margin: 0.625rem 0; }

.alg__form__button-border {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.alg__form__university-container > .search-field__input-container > .search-field__input > .ant-select-selection {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec;
  border-left: 0;
  border-radius: 0; }

.alg__form__university-container > .search-field__input-container > .ant-select-open > .ant-select-selection {
  border-bottom: 1px solid #4c4c4c;
  box-shadow: none; }

.alg__button {
  background-color: #FFC600;
  color: #4c4c4c;
  font-weight: 400; }

.alg__group-container {
  margin: 1.875rem 0; }

.aga__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.aga__form-item {
  margin: 0.625rem 0; }

.aga__form__label {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  display: block;
  margin-bottom: 1.25rem; }

.aga__form__footer-label {
  color: #666666;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  font-weight: 400;
  text-align: center; }

.aga__button {
  background-color: #FFC600;
  color: #4c4c4c;
  font-weight: 400; }

.aga__tips {
  color: #E02020;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  margin-top: 0.625rem; }

.ags {
  padding: 1.5rem 0 0;
  text-align: center; }
  .ags__icon-success {
    width: 3.5rem;
    height: 3.5rem; }
  .ags__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0; }
  .ags__subscribe {
    margin: 1rem 0 0;
    padding: 1rem;
    border-radius: 2px;
    background-color: #e7e7e7;
    text-align: center; }
    .ags__subscribe::after {
      display: table;
      clear: both;
      content: ''; }
  .ags__subscribe-image {
    width: 6.25rem; }

.pag {
  padding: 1.25rem;
  background-color: #fff; }
  .pag__tips {
    padding: 1.25rem;
    text-align: center; }
    .pag__tips__title {
      font-size: 1.1875rem; }
    .pag__tips__image {
      width: 18.75rem;
      height: 18.75rem;
      margin: 1.25rem 0; }
    .pag__tips__content {
      text-align: left; }
      .pag__tips__content:last-child {
        margin-top: 0.625rem; }

.pgc {
  padding: 1.25rem;
  background: #fff; }
  .pgc__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400; }
  .pgc__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 1.25rem; }
  .pgc__title-image {
    width: 1.375rem;
    height: 1.375rem;
    vertical-align: bottom; }
  .pgc__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-left: 0.625rem;
    font-weight: 400; }
  .pgc__image-container {
    margin-top: 1.25rem;
    text-align: center; }
  .pgc__image {
    width: 10rem;
    height: 10rem; }

.other-browser {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  padding: 1.5rem;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 1px 2px 1px rgba(76, 76, 76, 0.2); }
  .other-browser__logo {
    height: 3.75rem; }
  .other-browser__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 1rem 0; }
  .other-browser__summary {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 0 0 1rem; }
  .other-browser__qr {
    display: inline-block; }
  .other-browser__box {
    position: relative; }
  .other-browser__link-container {
    margin-top: 1.25rem; }
  .other-browser__no-margin {
    right: 0;
    left: 0; }

.site-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .site-listing {
      max-width: 48rem;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .site-listing {
      max-width: 80rem; }
      .site-listing::after {
        display: table;
        clear: both;
        content: ''; } }
  .site-listing__condition-arrow {
    position: relative;
    top: -0.0625rem;
    left: 1.8125rem; }
  .site-listing__aside {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 4rem;
    background: #fff;
    overflow: auto;
    z-index: 100; }
    @media only screen and (min-width: 1024px) {
      .site-listing__aside {
        display: inline-block;
        position: static;
        flex: 1;
        width: 22.125rem;
        margin: 0;
        background-color: transparent;
        overflow: visible;
        vertical-align: top; } }
    .site-listing__aside--active {
      display: block; }
  .site-listing__aside-heading {
    color: #fff;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.8125rem 0;
    background-color: #4c4c4c;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .site-listing__aside-heading {
        display: none; } }
  .site-listing__aside-buttons {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    padding: 1rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .site-listing__aside-buttons {
        display: none; } }
    .site-listing__aside-buttons__empty, .site-listing__aside-buttons__complete {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding: 0.625rem 0;
      border: 1px solid #FFC600;
      border-radius: 2px;
      background-color: #fff; }
    .site-listing__aside-buttons__complete {
      margin-left: 1.3125rem;
      border: 0;
      background-color: #FFC600; }
  .site-listing__main {
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      .site-listing__main {
        display: inline-block;
        position: relative;
        flex: 9;
        max-width: 56rem;
        margin-left: 1.875rem; } }
    @media only screen and (max-width: 768px) {
      .site-listing__main {
        padding: 0 1.5625rem 1.5625rem; } }
  .site-listing__functions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.625rem 0 1.25rem; }
    .site-listing__functions::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .site-listing__functions {
        display: block;
        margin: 0; } }
    @media only screen and (max-width: 768px) {
      .site-listing__functions {
        display: none; } }
  .site-listing__map-mode {
    float: right;
    line-height: 2rem; }
    @media only screen and (max-width: 768px) {
      .site-listing__map-mode {
        display: none; } }
    .site-listing__map-mode__icon {
      width: 1.25rem;
      height: 1.0625rem;
      margin: 0 0.1875rem 0 0;
      vertical-align: middle;
      fill: #9e9e9e; }
    .site-listing__map-mode__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.75rem;
      margin: 0;
      font-weight: 400; }
      @media only screen and (min-width: 1024px) {
        .site-listing__map-mode__title {
          margin-left: 2rem;
          line-height: 3rem; } }
  .site-listing__result-text, .site-listing__heading {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 1.3125rem; }
    @media only screen and (min-width: 1024px) {
      .site-listing__result-text, .site-listing__heading {
        color: #4c4c4c;
        font-size: 2rem;
        line-height: 3rem;
        position: absolute;
        top: 0;
        margin: 0;
        padding: 0; } }
  .site-listing__filters {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 10rem;
    height: 2.5625rem;
    margin-right: 0.9375rem;
    border: 0;
    background-color: #f8f8f6;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media only screen and (min-width: 1024px) {
      .site-listing__filters {
        display: none; } }
  .site-listing__icon-filter {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    fill: #b84145; }
  .site-listing__sort-container {
    width: 10rem;
    height: 2.5625rem;
    padding: 0.375rem 1.375rem 0 0;
    background-color: #f8f8f6; }
    @media only screen and (min-width: 768px) {
      .site-listing__sort-container {
        height: 100%;
        padding: 0;
        float: right;
        background-color: transparent; } }
    @media only screen and (max-width: 768px) {
      .site-listing__sort-container {
        display: none; } }
    .site-listing__sort-container .select-field__container {
      margin-bottom: 0; }
  .site-listing__sort {
    height: 2rem;
    padding-right: 1.625rem;
    border: 0;
    background-color: transparent;
    line-height: 2rem;
    -moz-text-align-last: right;
         text-align-last: right;
    direction: rtl; }
  .site-listing__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media only screen and (min-width: 1024px) {
      .site-listing__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0.9375rem; } }
    @media only screen and (max-width: 768px) {
      .site-listing__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; } }
  .site-listing__pagination {
    margin-top: 0.75rem;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .site-listing__pagination {
        margin-top: 1.5rem; } }
  .site-listing__count {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding: 0 0 0.9375rem; }
    @media only screen and (min-width: 768px) {
      .site-listing__count {
        padding: 0.9375rem 0; } }
  .site-listing__footer {
    margin: 0 0 1.25rem;
    text-align: center; }
    .site-listing__footer::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .site-listing__footer {
        margin: 0 0 1rem; } }
  .site-listing__box {
    position: absolute;
    z-index: 1; }
    .site-listing__box__images {
      width: 1.375rem;
      height: 1.375rem;
      margin-top: 0.625rem;
      margin-left: 0.625rem;
      float: right; }
      @media only screen and (max-width: 768px) {
        .site-listing__box__images {
          width: 1.25rem;
          height: 1.25rem;
          margin-top: 0; } }
    .site-listing__box__videos {
      color: #000000;
      font-size: 0.625rem;
      line-height: 1rem;
      display: inline-block;
      margin-top: 0.75rem;
      margin-left: 1.25rem;
      padding: 0.125rem;
      border-radius: 0.25rem;
      background-color: #FFC600; }
      @media only screen and (max-width: 768px) {
        .site-listing__box__videos {
          margin: 0; } }
  .site-listing .filter {
    margin: 0 0 1rem;
    padding: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .site-listing .filter {
        padding: 2.5rem 2.0625rem 2.125rem;
        border: 1px solid #EAEAEA; } }
    .site-listing .filter__item {
      margin: 1rem 0 0; }
      .site-listing .filter__item:first-of-type {
        margin: 0; }
      .site-listing .filter__item__gender-requirement > .select-field__container {
        margin-bottom: 0; }
    .site-listing .filter__title {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .site-listing .filter__content::after {
      display: table;
      clear: both;
      content: ''; }
    .site-listing .filter__content__image {
      position: relative;
      top: 1.5rem;
      right: 1rem;
      float: right;
      z-index: 1; }
    .site-listing .filter__date-picker--cover {
      z-index: 1; }
  .site-listing .listing-card {
    position: relative;
    min-height: 8.4375rem;
    margin: 0 0 1rem;
    background-color: #fff;
    overflow: hidden; }
    .site-listing .listing-card::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .site-listing .listing-card {
        display: block;
        width: 17.8125rem;
        padding: 0; } }
    @media only screen and (max-width: 768px) {
      .site-listing .listing-card {
        display: inline-block;
        width: 9.875rem;
        margin: 0 0 0.6875rem; } }
    .site-listing .listing-card__image-container {
      position: relative;
      width: 100%;
      height: 6.6875rem;
      background-color: #c8c9cb;
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__image-container {
          display: block;
          width: 17.8125rem;
          height: 12.385rem; } }
      @media only screen and (max-width: 768px) {
        .site-listing .listing-card__image-container {
          margin-bottom: 1.75rem;
          border-radius: 0.3125rem; } }
    .site-listing .listing-card__image {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%); }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__image {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translate(-50%, -50%); } }
    .site-listing .listing-card__biz-name {
      width: 2.5rem;
      height: 0.875rem;
      margin-right: 0.125rem;
      padding: 0.125rem 0.3125rem;
      font-size: 0.625rem;
      line-height: 0.9375rem;
      vertical-align: middle; }
      .site-listing .listing-card__biz-name-roommate {
        background: rgba(0, 149, 246, 0.12);
        color: #0095f6; }
      .site-listing .listing-card__biz-name-sublet {
        background: rgba(224, 32, 32, 0.12);
        color: #e02020; }
    .site-listing .listing-card__sold {
      position: absolute;
      top: 0;
      left: 0;
      width: 5rem;
      pointer-events: none; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__sold {
          width: 40%; } }
    @media only screen and (min-width: 1024px) {
      .site-listing .listing-card__content {
        margin: 0;
        padding-top: 0.625rem; } }
    .site-listing .listing-card__heading {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-weight: 600;
      margin: 0;
      vertical-align: text-top; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__heading {
          color: #4c4c4c;
          font-size: 1.125rem;
          line-height: 1.6875rem;
          display: inline; } }
      @media only screen and (max-width: 768px) {
        .site-listing .listing-card__heading {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; } }
    .site-listing .listing-card__heading-link {
      display: block;
      padding: 0 0 0.5rem; }
    .site-listing .listing-card__pill {
      color: #4c4c4c;
      font-size: 0.625rem;
      line-height: 1.125rem;
      display: inline-block;
      margin: 0 0.25rem 0 0;
      padding: 0.0625rem 0.125rem;
      border-radius: 1px;
      background-color: #7bb32e; }
      @media only screen and (max-width: 768px) {
        .site-listing .listing-card__pill {
          color: #4c4c4c;
          font-size: 0.5rem;
          line-height: 0.75rem;
          position: absolute;
          top: 5.125rem;
          right: 0.25rem; } }
      .site-listing .listing-card__pill--vip {
        background-color: #C50505;
        color: #fff; }
      .site-listing .listing-card__pill--latest {
        background-color: #ffcc00;
        color: #fff; }
      .site-listing .listing-card__pill--instant {
        background-color: #267876;
        color: #fff; }
      .site-listing .listing-card__pill--offer {
        background-color: #6454b5;
        color: #fff; }
        @media only screen and (max-width: 768px) {
          .site-listing .listing-card__pill--offer {
            background-color: #fff;
            color: #6454b5; } }
      .site-listing .listing-card__pill--discount {
        display: none; }
        @media only screen and (max-width: 768px) {
          .site-listing .listing-card__pill--discount {
            display: inline-block;
            width: 0.625rem;
            height: 0.5rem;
            vertical-align: middle; } }
    .site-listing .listing-card__desc {
      position: relative;
      top: -0.5rem;
      margin: 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__desc {
          top: 0;
          margin: 0 0 0.375rem; } }
    .site-listing .listing-card__symbol-item {
      margin-right: 0.375rem;
      padding: 0.125rem 0.375rem;
      border-radius: 0.125rem;
      background-color: #EAEAEA;
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 20px;
      text-align: center; }
    .site-listing .listing-card__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      padding: 0 0 0.5rem; }
    .site-listing .listing-card__text {
      color: #6D7278;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__text {
          color: #6D7278;
          font-size: 0.875rem;
          line-height: 1.3125rem; } }
    .site-listing .listing-card__icon--pc--time {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__icon--pc--time {
          display: inline-block;
          width: 0.6875rem;
          height: 0.6875rem;
          margin-right: 0.25rem; } }
    .site-listing .listing-card__icon--time {
      width: 0.8125rem;
      height: 0.8125rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__icon--time {
          display: none; } }
    .site-listing .listing-card__icon--pc--location {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__icon--pc--location {
          display: inline-block;
          width: 0.5625rem;
          height: 0.75rem;
          margin-right: 0.375rem; } }
    .site-listing .listing-card__icon--location {
      width: 0.5625rem;
      height: 0.8125rem;
      margin-right: 0.1875rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__icon--location {
          display: none; } }
    .site-listing .listing-card__price {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.5rem;
      font-weight: 600; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__price {
          color: #C50505;
          font-size: 1.375rem;
          line-height: 2.0625rem;
          margin-right: 0.3125rem; } }
      .site-listing .listing-card__price--discount {
        color: #9e9e9e;
        font-size: 0.625rem;
        line-height: 1.25rem;
        font-weight: 400;
        padding: 0 0.25rem;
        text-decoration: line-through; }
        @media only screen and (min-width: 1024px) {
          .site-listing .listing-card__price--discount {
            color: #9e9e9e;
            font-size: 0.875rem;
            line-height: 1.3125rem; } }
      .site-listing .listing-card__price-link {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .site-listing .listing-card__price-link {
            color: #4c4c4c;
            font-size: 0.75rem;
            line-height: 1.625rem;
            display: inline-block;
            position: absolute;
            top: 0.25rem;
            right: 0;
            width: 3.875rem;
            height: 1.625rem;
            border: 1px solid #EAEAEA;
            text-align: center;
            z-index: 50; }
            .site-listing .listing-card__price-link:hover {
              background-color: #FFC600; } }
    .site-listing .listing-card__billing {
      color: #4c4c4c;
      font-size: 0.625rem;
      line-height: 0.875rem;
      margin: 0 0.625rem 0 0.25rem; }
      .site-listing .listing-card__billing--cycle {
        margin: 0;
        color: #9e9e9e; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__billing {
          display: none; } }
      @media only screen and (max-width: 768px) {
        .site-listing .listing-card__billing {
          display: none; } }
    .site-listing .listing-card__price-container {
      position: relative; }
      @media only screen and (min-width: 1024px) {
        .site-listing .listing-card__price-container {
          margin-top: 2.25rem;
          margin-left: 0;
          padding: 0;
          border: 0; } }
      .site-listing .listing-card__price-container__icon {
        width: 0.875rem;
        height: 0.875rem;
        margin: 0 0.5rem 0 0;
        vertical-align: middle;
        fill: #9e9e9e; }
        @media only screen and (min-width: 1024px) {
          .site-listing .listing-card__price-container__icon {
            vertical-align: inherit; } }
      .site-listing .listing-card__price-container__link {
        color: transparent;
        font-size: 0.75rem;
        line-height: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10; }
        @media only screen and (min-width: 1024px) {
          .site-listing .listing-card__price-container__link {
            top: auto;
            right: 1rem;
            bottom: 1rem;
            left: auto;
            padding: 0.5rem 1rem;
            border: 0;
            border-radius: 2px;
            background-color: #b84145;
            color: #fff; } }
        .site-listing .listing-card__price-container__link--btn {
          display: none; }
          @media only screen and (min-width: 1024px) {
            .site-listing .listing-card__price-container__link--btn {
              color: transparent;
              font-size: 0.75rem;
              line-height: 1rem;
              display: block;
              position: absolute;
              top: auto;
              right: 1rem;
              bottom: 1rem;
              left: auto;
              padding: 0.5rem 1rem;
              border: 0;
              border-radius: 2px;
              background-color: #b84145;
              color: #fff;
              z-index: 10; } }
  .site-listing__card-radius {
    border-radius: 0.5rem; }
    @media only screen and (max-width: 768px) {
      .site-listing__card-radius {
        border-radius: 0; } }
  .site-listing__card__avatar {
    height: 1.5625rem; }
    @media only screen and (max-width: 768px) {
      .site-listing__card__avatar {
        position: absolute;
        top: 7.1875rem;
        left: -0.3125rem; } }
    .site-listing__card__avatar-img {
      position: relative;
      top: -1.5625rem;
      left: 0.625rem;
      width: 3.125rem;
      height: 3.125rem;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media only screen and (max-width: 768px) {
        .site-listing__card__avatar-img {
          width: 2.5rem;
          height: 2.5rem; } }
    .site-listing__card__avatar-tips {
      position: relative;
      top: -3.75rem; }
      @media only screen and (max-width: 768px) {
        .site-listing__card__avatar-tips {
          top: -3.125rem; } }
    .site-listing__card__avatar--valid {
      position: relative;
      width: 1rem;
      height: 1.125rem; }
      @media only screen and (max-width: 768px) {
        .site-listing__card__avatar--valid {
          width: 0.875rem;
          height: 1rem; } }
  .site-listing__card__price-container {
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .site-listing__card__price-container {
        margin-left: 0;
        padding: 0;
        border: 0; } }
  .site-listing__card__button {
    display: flex;
    justify-content: space-between;
    margin-top: 0.625rem; }
  .site-listing__card__price-link {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .site-listing__card__price-link {
        color: #4c4c4c;
        font-size: 0.75rem;
        line-height: 1.625rem;
        display: inline-block;
        width: 48%;
        height: 1.625rem;
        border: 1px solid #EAEAEA;
        text-align: center;
        z-index: 50; }
        .site-listing__card__price-link:hover {
          background-color: #FFC600; } }
  .site-listing__card__interested {
    color: #767676;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.3125rem;
    right: 0; }
    @media only screen and (max-width: 768px) {
      .site-listing__card__interested {
        color: #767676;
        font-size: 0.625rem;
        line-height: 0.875rem; } }
  .site-listing .no-result {
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 1024px) {
      .site-listing .no-result {
        padding: 4rem;
        text-align: left; } }
    .site-listing .no-result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
      @media only screen and (min-width: 1024px) {
        .site-listing .no-result__icon {
          width: 4rem;
          height: 4rem;
          float: left; } }
    .site-listing .no-result__content {
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .site-listing .no-result__content {
          margin: 0 0 0 6.25rem; } }
    .site-listing .no-result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .site-listing .no-result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .site-listing .no-result__buttons {
      display: inline-block; }
  .site-listing .apply-button {
    width: 100%;
    margin: 0 0 1rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff; }
    .site-listing .apply-button::after {
      display: table;
      clear: both;
      content: ''; }
    .site-listing .apply-button__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .site-listing .apply-button__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0; }
    .site-listing .apply-button__qr {
      width: 5rem;
      height: 5rem;
      float: right; }
  .site-listing .promotion-banner {
    display: none; }
    @media only screen and (min-width: 768px) {
      .site-listing .promotion-banner {
        display: block;
        margin-bottom: 1rem; } }
    .site-listing .promotion-banner__image {
      width: 100%; }
  .site-listing__title {
    display: inline-block; }
  .site-listing__button {
    margin-top: 0.3125rem;
    float: right;
    border: 0;
    background: transparent;
    cursor: pointer; }
  .site-listing__svg {
    width: 0.9375rem;
    height: 0.9375rem; }
  .site-listing__svg--hidden {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out; }
  .site-listing__input-container {
    width: 100%; }
  .site-listing__move__aside-container {
    display: flex;
    margin-top: 0.625rem; }
  .site-listing__move__aside {
    display: flex;
    position: relative;
    height: 2.25rem;
    border-radius: 1.5625rem;
    background-color: #f4f4f4; }
    @media only screen and (min-width: 768px) {
      .site-listing__move__aside {
        display: none; } }
    .site-listing__move__aside__like {
      margin-right: 0.625rem;
      line-height: 2.25rem; }
      @media only screen and (min-width: 768px) {
        .site-listing__move__aside__like {
          display: none; } }
      .site-listing__move__aside__like:last-child {
        margin-right: 0;
        margin-left: 0.625rem; }
    .site-listing__move__aside__city {
      display: inline-block;
      position: relative;
      flex: 2;
      height: 100%;
      white-space: nowrap;
      vertical-align: bottom; }
      .site-listing__move__aside__city::after {
        position: absolute;
        top: 0.625rem;
        right: 0;
        width: 0.0625rem;
        height: 0.9375rem;
        background-color: #dfdee0;
        content: ''; }
      .site-listing__move__aside__city--border {
        height: 100%;
        border: 0;
        background-color: transparent;
        font-size: 0.75rem;
        line-height: 2.25rem; }
      .site-listing__move__aside__city--box {
        width: calc(75vw); }
    .site-listing__move__aside__select-box {
      position: static;
      flex: 6; }
    .site-listing__move__aside__input {
      width: auto;
      margin-left: 1.6875rem;
      font-size: 0.75rem;
      line-height: 2.25rem; }
    .site-listing__move__aside__time {
      display: inline-block !important;
      flex: 2;
      line-height: 2.25rem !important; }
      .site-listing__move__aside__time > div > input {
        width: 100%;
        border: 0;
        background-color: transparent;
        font-size: 0.75rem; }
      .site-listing__move__aside__time > div > i {
        display: none; }
    .site-listing__move__aside__dropdown {
      top: 6.375rem !important;
      left: 50% !important;
      transform: translateX(-50%); }
    .site-listing__move__aside__map-icon {
      width: 1rem;
      height: 1.25rem;
      vertical-align: middle; }
    .site-listing__move__aside__back-arrow {
      width: 1rem;
      height: 1rem;
      transform: rotate(180deg); }
    .site-listing__move__aside__field-box {
      top: 2.3125rem;
      left: 0;
      width: 100%;
      height: calc(50vh);
      box-shadow: 0 0.625rem 1.125rem 0 rgba(0, 0, 0, 0.06); }
  .site-listing__screen-container {
    position: relative; }
    @media only screen and (min-width: 768px) {
      .site-listing__screen-container {
        display: none; } }
  .site-listing__screen__list {
    display: flex;
    position: relative;
    width: calc(88vw);
    margin: 1.25rem 0;
    white-space: nowrap;
    overflow-x: scroll; }
  .site-listing__screen__item {
    position: relative;
    padding: 0 0.9375rem; }
    .site-listing__screen__item__title {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.25rem; }
  .site-listing__screen__image {
    width: 0.375rem;
    height: 0.25rem;
    margin-left: 0.375rem;
    vertical-align: middle; }
  .site-listing__screen__image__sort {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 0.375rem;
    transform: translateY(-50%); }
    .site-listing__screen__image__sort--ancillary {
      right: -0.75rem; }
  .site-listing__screen__eject-container {
    display: block;
    position: absolute;
    top: 1.125rem;
    right: -1.5625rem;
    bottom: 0;
    left: -1.5625rem;
    height: calc(100vh);
    background-color: rgba(76, 76, 76, 0.8);
    z-index: 10; }
  .site-listing__screen__eject {
    width: 100%;
    padding: 1.5625rem;
    background: #fff; }
  .site-listing__screen__button-container {
    text-align: right; }
  .site-listing__screen__button {
    color: #222222;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 7.25rem;
    height: 2.125rem;
    padding: 0;
    border: 0.0625rem solid #EAEAEA;
    border-radius: 0.375rem;
    background-color: #fff;
    font-weight: 400; }
    .site-listing__screen__button:last-child {
      margin-left: 0.9375rem;
      border: 0;
      background-color: #FFC600; }
  .site-listing__screen__other-box {
    height: 18.75rem;
    overflow: scroll; }
  .site-listing__screen__sort-container {
    margin: 0; }
  .site-listing__screen__sort {
    width: 5rem;
    height: auto;
    padding: 0;
    border: 0;
    background-color: transparent; }
  .site-listing__screen__sort--icon {
    display: none; }
  .site-listing__nav {
    width: 100%;
    margin: 1rem; }
    @media only screen and (min-width: 1024px) {
      .site-listing__nav {
        display: block;
        margin: 1rem 0; } }
  .site-listing__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .site-listing__nav-item {
    display: inline;
    padding: 0 0.5rem 0 0; }
    .site-listing__nav-item:after {
      margin: 0 0 0 0.5rem;
      content: '>'; }
    .site-listing__nav-item:last-child:after {
      display: none; }
  .site-listing__nav-1 {
    color: #9e9e9e !important; }
  .site-listing__nav-link {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    border: 0;
    background-color: transparent;
    cursor: pointer; }
    .site-listing__nav-link:hover, .site-listing__nav-link:focus {
      color: #3b64a6; }
    @media only screen and (min-width: 1024px) {
      .site-listing__nav-link {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .site-detail {
    max-width: 48rem;
    margin: 1.5rem auto; } }

@media only screen and (min-width: 1024px) {
  .site-detail {
    max-width: 80rem; }
    .site-detail::after {
      display: table;
      clear: both;
      content: ''; } }

@media only screen and (min-width: 768px) {
  .site-detail__main {
    background-color: #fff; } }

.site-detail__nav {
  display: none;
  margin: 1rem; }
  @media only screen and (min-width: 1024px) {
    .site-detail__nav {
      display: block;
      margin: 1rem 0; } }

.site-detail__nav-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.site-detail__nav-item {
  display: inline;
  padding: 0 0.5rem 0 0; }
  .site-detail__nav-item:after {
    margin: 0 0 0 0.5rem;
    content: '>'; }
  .site-detail__nav-item:last-child:after {
    display: none; }

.site-detail__nav-1 {
  color: #9e9e9e !important; }

.site-detail__nav-link {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1.0625rem; }
  .site-detail__nav-link:hover, .site-detail__nav-link:focus {
    color: #3b64a6; }
  @media only screen and (min-width: 1024px) {
    .site-detail__nav-link {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; } }

.site-detail__content {
  padding: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .site-detail__content {
      max-width: 80rem;
      padding: 0; } }

@media only screen and (min-width: 1024px) {
  .site-detail__aside {
    margin-top: 1.875rem;
    padding: 0; } }

.site-detail__aside-heading {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.6875rem; }
  .site-detail__aside-heading-similar {
    top: 50%;
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
  .site-detail__aside-heading__image {
    width: 18.75rem;
    height: auto; }
  @media only screen and (min-width: 1024px) {
    .site-detail__aside-heading {
      color: #4c4c4c;
      font-size: 1.5rem;
      line-height: 2.25rem;
      font-weight: 600;
      margin: 0 0 1.875rem;
      text-align: center; } }

.site-detail__aside-section {
  padding: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .site-detail__aside-section {
      margin-bottom: 1.875rem;
      padding: 0; }
      .site-detail__aside-section:last-child {
        margin: 0; } }

.site-detail .sl {
  position: relative; }
  .site-detail .sl__sold {
    position: absolute;
    top: 2rem;
    right: auto;
    left: 50%;
    width: 40%;
    transform: translateX(-50%);
    opacity: 0.7;
    z-index: 10;
    pointer-events: none; }
    @media only screen and (min-width: 1024px) {
      .site-detail .sl__sold {
        top: 15rem; } }
  .site-detail .sl__subtitle {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 0 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .site-detail .sl__subtitle {
        color: #4c4c4c;
        font-size: 1.5rem;
        line-height: 2.25rem;
        margin: 1.25rem 0; } }
  .site-detail .sl__feature {
    margin-bottom: 0.875rem; }
    .site-detail .sl__feature::after {
      display: table;
      clear: both;
      content: ''; }
    .site-detail .sl__feature:nth-child(1) {
      margin: 0; }
    @media only screen and (min-width: 768px) {
      .site-detail .sl__feature:last-child {
        margin-bottom: 2.1875rem;
        border-bottom: 0; } }
  .site-detail .sl__feature-image {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .site-detail .sl__feature-image {
        display: inline-block;
        width: 1.875rem;
        height: 1.875rem;
        margin-right: 0.25rem;
        vertical-align: sub; } }
  .site-detail .sl__feature-label {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 20%; }
    @media only screen and (min-width: 1024px) {
      .site-detail .sl__feature-label {
        color: #4c4c4c;
        font-size: 1.5rem;
        line-height: 2.25rem;
        width: auto;
        margin: 0;
        font-weight: 500; } }
  .site-detail .sl__feature-text {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.25rem;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN; }
    @media only screen and (min-width: 1024px) {
      .site-detail .sl__feature-text {
        display: block;
        margin: 0; } }
  .site-detail .sl__feature-link {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block; }
  .site-detail .sl__image {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }

.site-detail .apply-sublease {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .site-detail .apply-sublease {
      display: none; } }
  .site-detail .apply-sublease__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem; }
  .site-detail .apply-sublease__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 13.875rem; }
  .site-detail .apply-sublease__qr {
    width: 6.25rem;
    height: 6.25rem;
    float: right; }

.site-detail .promotion-banner__image {
  width: 100%; }

.site-detail__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 2.5rem;
  background-color: rgba(76, 76, 76, 0.8);
  overflow: auto;
  z-index: 10000000; }
  .site-detail__modal--next, .site-detail__modal--prev {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 3.125rem;
    height: 25rem;
    margin: 0 2.8125rem;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    font-family: swiper-icons;
    z-index: 100; }
    .site-detail__modal--next::after, .site-detail__modal--prev::after {
      color: #fff;
      font-size: 1.875rem;
      line-height: 25rem;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      content: 'prev'; }
    @media only screen and (max-width: 768px) {
      .site-detail__modal--next, .site-detail__modal--prev {
        display: none; } }
  .site-detail__modal--next {
    right: 0;
    left: auto; }
    .site-detail__modal--next::after {
      color: #fff;
      font-size: 1.875rem;
      line-height: 25rem;
      content: 'next'; }

.site-detail__modal-content {
  transform: scaleX(0.9);
  border-radius: 2px;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .site-detail__modal-content {
      transform: none;
      background-color: transparent;
      text-align: center; } }

@media only screen and (max-width: 768px) {
  .site-detail__modal-video {
    height: calc(100vh) !important; } }

.site-detail__modal-item {
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .site-detail__modal-item {
      padding: 0.5rem; } }

.site-detail__modal-image {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .site-detail__modal-image {
      width: auto;
      height: calc(80vh); } }

.site-detail__modal-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  outline: none;
  background-color: transparent;
  z-index: 10;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.site-detail__icon-close {
  width: 1rem;
  height: 1rem;
  fill: #fff; }

.site-detail__modal-container {
  position: absolute;
  top: 2.625rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50000000; }
  .site-detail__modal-container__button {
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-left: 1.0625rem;
    border: 0;
    background: transparent; }
    .site-detail__modal-container__button--active {
      color: #faae04;
      font-size: 1.125rem;
      font-weight: 500; }
      @media only screen and (max-width: 768px) {
        .site-detail__modal-container__button--active {
          font-size: 1rem; } }
    @media only screen and (max-width: 768px) {
      .site-detail__modal-container__button {
        min-width: 5.25rem;
        margin: 0; } }
  @media only screen and (max-width: 768px) {
    .site-detail__modal-container {
      display: flex;
      position: fixed;
      width: 100%;
      overflow: scroll; }
      .site-detail__modal-container::-webkit-scrollbar {
        display: none; } }

.site-detail__modal__quantity {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  text-align: center;
  z-index: 1; }

.site-detail__modal__swiper-container {
  margin-top: 2.5625rem; }

.site-sublet-detail__infomation {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 1.25rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__infomation {
      width: 68%;
      margin-bottom: 0;
      padding: 1.5rem 1rem 0 0;
      border: 0; } }
  .site-sublet-detail__infomation__list > li {
    display: flex;
    margin-top: 0.75rem; }
  .site-sublet-detail__infomation__title {
    margin: 0 1rem 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem;
    white-space: nowrap; }
  .site-sublet-detail__infomation__content-type {
    display: inline-block;
    height: 1.25rem;
    margin-right: 0.25rem;
    padding: 0 0.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 1.25rem;
    box-sizing: content-box; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__infomation__content-type {
        height: 1.5rem;
        margin-right: 0.5rem;
        font-size: 0.75rem;
        line-height: 1.375rem;
        box-sizing: border-box; } }
  .site-sublet-detail__infomation__room-type {
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background-color: #dcdcdc;
    color: rgba(0, 0, 0, 0.9);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px; }
    .site-sublet-detail__infomation__room-type--renttype {
      padding: 0 4px; }
    .site-sublet-detail__infomation__room-type--room {
      display: inline-block;
      padding: 0 4px;
      border-radius: 0 3px 3px 0;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.9);
      font-size: 12px;
      font-weight: 400;
      line-height: 20px; }
  .site-sublet-detail__infomation__head-info {
    padding-bottom: 1rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 10px;
    line-height: 1rem; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__infomation__head-info {
        border-bottom: 1px solid #e7e7e7;
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        line-height: 1.25rem; } }
    .site-sublet-detail__infomation__head-info__item {
      display: inline-block;
      margin-right: 1rem; }

.site-sublet-detail__tags-container {
  margin-bottom: 0.25rem; }

.site-sublet-detail__mobile-want-rent {
  display: flex;
  justify-content: space-between;
  width: inherit;
  padding: 16px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__mobile-want-rent {
      display: none; } }
  .site-sublet-detail__mobile-want-rent > p {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem; }

.site-sublet-detail__user-info {
  min-height: 2.6875rem;
  padding: 0.875rem 0 1rem; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__user-info {
      display: none; } }

.site-sublet-detail__web-card {
  margin: 0.25rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 0.375rem;
  background: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12); }
  .site-sublet-detail__web-card__container {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__web-card__container {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 1.5rem;
        width: 32%;
        margin-top: 1.5rem;
        float: right;
        background-color: unset; } }
  .site-sublet-detail__web-card__price {
    color: #c50305;
    font-size: 2.25rem;
    line-height: 2.75rem;
    vertical-align: middle; }
    .site-sublet-detail__web-card__price-cycle {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      display: inline-block;
      margin-left: 0.25rem; }
    .site-sublet-detail__web-card__price-origin {
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.875rem;
      line-height: 1.5rem; }
      .site-sublet-detail__web-card__price-origin-line {
        margin: 0 0.25rem 0 1.5rem;
        text-decoration: line-through; }
  .site-sublet-detail__web-card__tips {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
    text-align: center; }
  .site-sublet-detail__web-card__contact {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 0;
    border-radius: 6px;
    background: radial-gradient(54% 77% at 9% 50%, #ffe794 0%, #FFC600 100%);
    font-weight: 600; }

.site-sublet-detail__user-card {
  padding: 1rem 0; }
  .site-sublet-detail__user-card-web {
    margin-top: 0.5rem;
    box-shadow: inset 0 1px 0 0 #e7e7e7; }
  .site-sublet-detail__user-card-info {
    display: inline-block;
    margin-left: 0.75rem;
    vertical-align: top; }
  .site-sublet-detail__user-card-tips {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
    text-align: center; }
  .site-sublet-detail__user-card-stu {
    color: #e6b200;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    font-weight: 600; }
  .site-sublet-detail__user-card-name {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    display: inline-block; }

.site-sublet-detail__basic-info {
  padding: 1rem 0;
  clear: both; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__basic-info {
      clear: initial;
      box-shadow: inset 0 -1px 0 0 #e7e7e7; } }
  .site-sublet-detail__basic-info__title {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__basic-info__title {
        display: block; } }

.site-sublet-detail__pc-status-container {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__pc-status-container {
      display: block; } }

@media only screen and (min-width: 1024px) {
  .site-sublet-detail__mobile-status-container {
    display: none; } }

.site-sublet-detail__post-ad-tips-container {
  padding: 0.75rem;
  background: #fdecee; }

.site-sublet-detail__post-ad-tips__text {
  font-size: 0.875rem;
  font-weight: 600; }

.site-sublet-detail__post-ad-tips__link {
  font-size: 0.875rem; }

.site-sublet-detail__post-ad-tips__animation {
  -webkit-animation: tipsScale 1s ease-in-out forwards;
          animation: tipsScale 1s ease-in-out forwards; }

@-webkit-keyframes tipsScale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

@keyframes tipsScale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.site-sublet-detail__transl {
  width: auto;
  font-size: 0.875rem; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__transl {
      margin-top: 1.25rem; } }
  .site-sublet-detail__transl--icon {
    width: 1.25rem;
    margin-right: 0.5rem;
    margin-left: 1.25rem;
    vertical-align: middle; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__transl--icon {
        margin-left: 0; } }

.site-sublet-detail__part-container {
  width: 100%;
  padding: 1.5rem 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__part-container {
      width: 68%;
      padding: 1.5rem 1rem 1.5rem 0; } }

.site-sublet-detail__part-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 600; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__part-title {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      line-height: 1.75rem; } }

.site-sublet-detail__part-line {
  height: 1px;
  margin: 0 1.25rem;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__part-line {
      width: calc(68% - 16px);
      margin: 0; }
      .site-sublet-detail__part-line:last-child {
        width: 100%; } }

.site-sublet-detail__normal-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 0.5rem;
  font-weight: 400;
  white-space: break-spaces; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__normal-text {
      color: rgba(0, 0, 0, 0.6);
      font-size: 1rem;
      line-height: 1.5rem;
      margin-top: 1rem; } }

.site-sublet-detail__facilities {
  display: inline-block; }
  .site-sublet-detail__facilities-contaianer {
    color: #767676;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-top: 0.5rem; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__facilities-contaianer {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 1rem; } }
  .site-sublet-detail__facilities-tips {
    margin-top: 1.25rem; }
  .site-sublet-detail__facilities__icon-mark {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0.625rem 0.3125rem 0;
    vertical-align: middle;
    fill: #FFC600; }

.site-sublet-detail__map {
  position: relative;
  width: 100%;
  padding: 1.5rem 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__map {
      max-width: 80rem;
      padding: 1.5rem 0;
      background-color: transparent; } }
  .site-sublet-detail__map-title {
    display: inline-block;
    margin-bottom: 0.5rem; }
    @media only screen and (min-width: 1024px) {
      .site-sublet-detail__map-title {
        margin-bottom: 1.5rem; } }

.site-sublet-detail__bottom-v2 {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.75rem 1.25rem;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  z-index: 402; }
  @media only screen and (min-width: 1024px) {
    .site-sublet-detail__bottom-v2 {
      display: none; } }
  .site-sublet-detail__bottom-v2__price {
    color: #c50305;
    font-size: 1.75rem;
    line-height: 2.25rem; }
    .site-sublet-detail__bottom-v2__price-container {
      flex: 1; }
    .site-sublet-detail__bottom-v2__price-cycle {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem;
      display: inline-block;
      margin-left: 0.25rem;
      vertical-align: middle; }
    .site-sublet-detail__bottom-v2__price__discount {
      color: #078d5c;
      font-size: 0.75rem;
      line-height: 1.25rem;
      display: inline-block;
      margin-top: 0.25rem;
      padding: 0 0.25rem;
      border-radius: 3px;
      background: #e8f8f2; }
  .site-sublet-detail__bottom-v2__user {
    height: 2.5rem;
    margin-right: 1rem; }
  .site-sublet-detail__bottom-v2__button {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.5rem;
    width: 8rem;
    padding: 0.5rem 0;
    border-radius: 6px;
    background: radial-gradient(54% 77% at 9% 50%, #ffe794 0%, #FFC600 100%); }
  .site-sublet-detail__bottom-v2__online-tips {
    color: #e6b200;
    font-size: 0.625rem;
    line-height: 1rem;
    margin-top: 0.25rem;
    padding-right: 0.25rem;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(90deg, rgba(255, 198, 0, 0) 0%, rgba(255, 198, 0, 0.22) 100%);
    text-align: right; }

.swiper-button-prev,
.swiper-button-next {
  color: #fff;
  font-size: 0.875rem;
  line-height: 6.5625rem;
  top: 20%;
  right: 0;
  left: 0;
  width: 1.75rem;
  height: 6.5625rem;
  border-radius: 4px 0 0 4px;
  background: rgba(0, 0, 0, 0.4); }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    color: #fff;
    font-size: 0.875rem;
    line-height: 6.5625rem; }

.swiper-button-next {
  right: 0;
  left: auto; }

.sublet-slide-active::after {
  background-color: transparent !important; }

.swiper-wrapper {
  height: auto !important; }

.to-let {
  position: relative;
  margin-top: 10rem;
  padding: 0 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .to-let {
      max-width: 48rem;
      margin: 11.875rem auto 0;
      padding: unset; } }
  @media only screen and (min-width: 1024px) {
    .to-let {
      max-width: 80rem;
      padding: unset; }
      .to-let::after {
        display: table;
        clear: both;
        content: ''; } }
  .to-let--loading {
    padding: 9.375rem;
    text-align: center; }
    .to-let--loading__icon {
      width: 3.125rem;
      height: 3.125rem;
      -webkit-animation: loading 0.8s infinite linear;
              animation: loading 0.8s infinite linear; }

@keyframes loading {
  100% {
    transform: rotate(360deg); } }
  .to-let__list {
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 18.75rem; }
    .to-let__list__item {
      margin-bottom: 2.5rem; }
  .to-let__nav {
    display: none;
    width: 100%;
    margin: 1rem; }
    @media only screen and (min-width: 1024px) {
      .to-let__nav {
        display: block;
        margin: 1rem 0; } }
  .to-let__nav-move {
    display: block;
    width: 100%;
    margin: 0.625rem 0; }
    @media only screen and (min-width: 1024px) {
      .to-let__nav-move {
        display: none; } }
  @media only screen and (max-width: 768px) {
    .to-let .card-web {
      display: none; } }
  .to-let .card-web__vip {
    color: #fff;
    font-size: 0.625rem;
    line-height: 1.25rem;
    display: inline-block;
    height: 1.25rem;
    margin-left: 0.25rem;
    padding: 0 0.375rem;
    border-radius: 1px;
    background-color: #C50505;
    vertical-align: middle; }
  .to-let .card-web__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.625rem; }
    .to-let .card-web__header__city {
      color: #4c4c4c;
      font-size: 1.125rem;
      line-height: 2.625rem;
      font-weight: 600; }
    .to-let .card-web__header__price-image, .to-let .card-web__header__date-image {
      width: 1rem;
      margin-right: 0.625rem;
      vertical-align: sub; }
  .to-let .card-web__content__headimg {
    width: 20%;
    height: 11.25rem;
    margin-right: 1.25rem;
    float: left;
    border-radius: 0.5rem;
    overflow: hidden; }
    .to-let .card-web__content__headimg-img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .to-let .card-web__content__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 77%;
    min-height: 11.25rem;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB; }
  .to-let .card-web__content__info {
    flex: 1;
    padding: 0.9375rem 0; }
    .to-let .card-web__content__info-title {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.5625rem;
      font-weight: 600; }
    .to-let .card-web__content__info-introduce {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 400; }
    .to-let .card-web__content__info-tag {
      color: #999999;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: inline-block;
      margin: 0 0.625rem 0.625rem 0;
      margin-right: 0.625rem;
      padding: 0.3125rem 0.5rem;
      border-radius: 0.125rem;
      background-color: #f8f8f6; }
  .to-let .card-web__content__button {
    margin-top: 2.5rem;
    text-align: right; }
    .to-let .card-web__content__button-contact {
      display: inline-block;
      width: 9.875rem;
      background-color: #FFC600;
      color: #4c4c4c; }
    .to-let .card-web__content__button-collect {
      display: inline-block;
      width: 9.875rem;
      color: #4c4c4c;
      box-shadow: none; }
  .to-let .card-web__content__date-container {
    margin: 0.9375rem 0; }
  .to-let .card-web__content__date {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.3125rem; }
  .to-let .card-web__content__price {
    color: #C50505;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    font-weight: 600; }
  .to-let .card-web__media {
    margin-top: 0.625rem;
    white-space: nowrap;
    overflow-x: auto; }
    .to-let .card-web__media__item {
      display: inline-block;
      width: 18%;
      height: 8.75rem;
      margin-right: 1.0625rem;
      overflow: hidden; }
    .to-let .card-web__media__image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  @media only screen and (min-width: 768px) {
    .to-let .card-phone {
      display: none; } }
  .to-let .card-phone__vip {
    color: #fff;
    font-size: 0.625rem;
    line-height: 1.125rem;
    display: inline-block;
    height: 1.125rem;
    margin-right: 0.375rem;
    padding: 0 0.375rem;
    border-radius: 1px;
    background-color: #C50505;
    vertical-align: middle; }
  .to-let .card-phone__header {
    display: flex;
    width: 100%; }
    .to-let .card-phone__header__img {
      width: 2.5rem;
      height: 2.5rem;
      margin-right: 0.625rem;
      border-radius: 50%;
      overflow: hidden; }
      .to-let .card-phone__header__img-item {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .to-let .card-phone__header__user {
      flex: 1; }
      .to-let .card-phone__header__user-name {
        color: #000;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600; }
      .to-let .card-phone__header__user-university {
        white-space: nowrap; }
      .to-let .card-phone__header__user__sex {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        vertical-align: middle; }
    .to-let .card-phone__header__info {
      margin-left: 1rem;
      text-align: right; }
      .to-let .card-phone__header__info-price {
        color: #C50505;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600; }
      .to-let .card-phone__header__info-date {
        color: #767676;
        font-size: 0.625rem;
        line-height: 1.25rem; }
  .to-let .card-phone__content__tag {
    color: #999999;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    display: inline-block;
    margin-right: 0.625rem;
    padding: 0.3125rem 0.5rem;
    border-radius: 0.125rem;
    background-color: #f8f8f6; }
  .to-let .card-phone__content__introduce {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin: 0.625rem 0; }
  .to-let .card-phone__content__city {
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0.625rem 0; }
  .to-let .card-phone__media {
    margin-bottom: 1.25rem;
    white-space: nowrap;
    overflow-x: auto; }
    .to-let .card-phone__media__item {
      display: inline-block;
      width: 30%;
      height: 4.0625rem;
      margin-right: 1.0625rem;
      overflow: hidden; }
    .to-let .card-phone__media__image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .to-let .card-phone__button {
    text-align: right; }
    .to-let .card-phone__button-collect {
      display: inline-block;
      width: 5.625rem;
      color: #767676;
      box-shadow: inset 0 0 0 1px #D8D8D8; }
    .to-let .card-phone__button-contact {
      display: inline-block;
      width: 5.625rem;
      margin-left: 0.625rem;
      background-color: #FFC600;
      color: #4c4c4c; }
    .to-let .card-phone__button-img-collect {
      width: 1rem;
      height: 1rem;
      margin-right: 0.375rem;
      vertical-align: middle; }
  .to-let__filters {
    position: relative;
    width: 100%;
    margin: 0; }
  .to-let .no-result {
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 1024px) {
      .to-let .no-result {
        padding: 4rem;
        text-align: left; } }
    .to-let .no-result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
      @media only screen and (min-width: 1024px) {
        .to-let .no-result__icon {
          width: 4rem;
          height: 4rem;
          float: left; } }
    .to-let .no-result__content {
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .to-let .no-result__content {
          margin: 0 0 0 6.25rem; } }
    .to-let .no-result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .to-let .no-result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .to-let .no-result__buttons {
      display: inline-block; }

.to-let-v2 {
  position: relative;
  margin-top: 10.0625rem;
  padding: 0 1.25rem; }
  @media only screen and (min-width: 768px) {
    .to-let-v2 {
      max-width: 48rem;
      margin: 11.25rem auto 0;
      padding: 0; } }
  @media only screen and (min-width: 1024px) {
    .to-let-v2 {
      max-width: 80rem;
      margin: 10.9375rem auto 0; }
      .to-let-v2::after {
        display: table;
        clear: both;
        content: ''; } }
  .to-let-v2__heading {
    width: 100%;
    padding-top: 1rem; }
  .to-let-v2__no-result {
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 1024px) {
      .to-let-v2__no-result {
        padding: 4rem;
        text-align: left; } }
    .to-let-v2__no-result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
      @media only screen and (min-width: 1024px) {
        .to-let-v2__no-result__icon {
          width: 4rem;
          height: 4rem;
          float: left; } }
    .to-let-v2__no-result__content {
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .to-let-v2__no-result__content {
          margin: 0 0 0 6.25rem; } }
    .to-let-v2__no-result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .to-let-v2__no-result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .to-let-v2__no-result__buttons {
      display: inline-block; }
  .to-let-v2__search {
    position: fixed;
    top: 4.125rem;
    width: 100%;
    padding-right: 1.25rem;
    z-index: 4; }
    @media only screen and (min-width: 768px) {
      .to-let-v2__search {
        top: 5.3125rem; } }
    @media only screen and (min-width: 1024px) {
      .to-let-v2__search {
        top: 0;
        right: 47%;
        max-width: 29.4375rem;
        padding-right: 1.25rem; } }
    .to-let-v2__search__back {
      display: inline-block;
      width: 6%; }
      @media only screen and (min-width: 1024px) {
        .to-let-v2__search__back {
          display: none; } }
      .to-let-v2__search__back-arrow {
        width: 1rem;
        height: 1rem;
        transform: rotate(180deg);
        vertical-align: middle; }
    .to-let-v2__search__middle {
      display: inline-block;
      width: 88%; }
      @media only screen and (min-width: 1024px) {
        .to-let-v2__search__middle {
          margin-top: 1.25rem; } }
  .to-let-v2__fixed-head {
    position: relative;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .to-let-v2__fixed-head {
        padding: 0 1.25rem; } }
    @media only screen and (min-width: 768px) {
      .to-let-v2__fixed-head {
        max-width: 48rem; } }
    @media only screen and (min-width: 1024px) {
      .to-let-v2__fixed-head {
        max-width: 80rem; } }
    .to-let-v2__fixed-head__container {
      position: fixed;
      top: 3.1875rem;
      right: 0;
      left: 0;
      padding-top: 4.125rem;
      background-color: #fff;
      z-index: 3; }
      @media only screen and (min-width: 768px) {
        .to-let-v2__fixed-head__container {
          top: 4.375rem; } }
      @media only screen and (min-width: 1024px) {
        .to-let-v2__fixed-head__container {
          top: 5rem;
          padding-top: 0; } }

.tolet-list-card__mobile__list-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 16px; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__mobile__list-container {
      display: none; } }

.tolet-list-card__mobile__item-container {
  margin-bottom: 8px;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden; }

.tolet-list-card__web__list-container {
  display: none; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__web__list-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; } }

.tolet-list-card__web__item-container {
  width: 14.6875rem;
  margin-bottom: 24px;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden; }
  .tolet-list-card__web__item-container:hover {
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1); }

.tolet-list-card__web__occupy {
  width: 14.6875rem; }

.tolet-list-card__content {
  padding: 8px; }

.tolet-list-card__image-container {
  position: relative;
  overflow: hidden; }

.tolet-list-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.tolet-list-card__location {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  padding: 2px 4px 2px 2px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.625rem; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__location {
      padding: 2px 8px 2px 4px;
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.25rem; } }
  .tolet-list-card__location-icon {
    width: 10px;
    height: 10px;
    margin-right: 2px;
    vertical-align: bottom;
    fill: #fff; }
    @media only screen and (min-width: 768px) {
      .tolet-list-card__location-icon {
        width: 16px;
        height: 14px;
        vertical-align: sub; } }

.tolet-list-card__weight-title {
  display: -webkit-box;
  max-height: 2.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__weight-title {
      min-height: 3rem;
      font-size: 1rem;
      line-height: 1.5rem; } }

.tolet-list-card__grey-text {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__grey-text {
      font-size: 0.75rem;
      line-height: 1.25rem; } }

.tolet-list-card__price {
  color: #d54941;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__price {
      font-size: 24px;
      line-height: 32px; } }

.tolet-list-card__billing-cycle {
  display: none; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__billing-cycle {
      display: inline;
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      font-weight: 400; } }

.tolet-list-card__user-info-container {
  display: flex;
  align-items: center;
  margin-top: 0.5rem; }

.tolet-list-card__avatar {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  border-radius: 50%; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__avatar {
      width: 1.5rem;
      height: 1.5rem; } }

.tolet-list-card__user-name {
  flex: 1;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1rem; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__user-name {
      font-size: 0.75rem;
      line-height: 1.25rem; } }

.tolet-list-card__collect-img {
  width: 1rem; }
  @media only screen and (min-width: 768px) {
    .tolet-list-card__collect-img {
      width: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .tolet-detail {
    max-width: 48rem;
    margin: 1.5rem auto; } }

@media only screen and (min-width: 1024px) {
  .tolet-detail {
    max-width: 80rem; }
    .tolet-detail::after {
      display: table;
      clear: both;
      content: ''; } }

.tolet-detail__nav {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail__nav {
      display: block;
      padding: 1rem 0;
      background-color: transparent;
      font-size: 0.875rem;
      line-height: 1.375rem; } }
  .tolet-detail__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .tolet-detail__nav-item {
    display: inline;
    padding: 0 0.5rem 0 0; }
    .tolet-detail__nav-item:after {
      margin: 0 0 0 0.5rem;
      color: rgba(0, 0, 0, 0.4);
      content: '>'; }
    .tolet-detail__nav-item:last-child:after {
      display: none; }
    @media only screen and (max-width: 768px) {
      .tolet-detail__nav-item:last-child {
        display: none; }
      .tolet-detail__nav-item:nth-last-child(2):after {
        display: none; } }
  .tolet-detail__nav-front {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }
  .tolet-detail__nav-last {
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }

.tolet-detail__sold {
  position: absolute;
  right: 1rem;
  width: 7.5rem;
  opacity: 0.7;
  z-index: 10;
  pointer-events: none; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail__sold {
      top: 15rem;
      right: auto;
      left: 50%;
      width: 40%;
      transform: translateX(-50%); } }

.tolet-detail__transl {
  width: auto;
  font-size: 0.875rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail__transl {
      margin-top: 1.25rem; } }
  .tolet-detail__transl--icon {
    width: 1.25rem;
    margin-right: 0.5rem;
    margin-left: 1.25rem;
    vertical-align: middle; }
    @media only screen and (min-width: 1024px) {
      .tolet-detail__transl--icon {
        margin-left: 0; } }

.tolet-detail__phone {
  position: relative;
  margin-bottom: 1.25rem;
  padding: 0 1.25rem;
  background-color: #fff; }
  .tolet-detail__phone__collect {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 2rem;
    text-align: center;
    z-index: 2; }
    .tolet-detail__phone__collect-item {
      width: 1rem;
      height: 1rem; }
  .tolet-detail__phone-head {
    display: flex;
    position: relative;
    top: -1.25rem;
    padding: 0.375rem 0.875rem 0;
    border-radius: 1.5rem;
    background-color: #fff;
    z-index: 1; }
    .tolet-detail__phone-head__image {
      width: 3.75rem;
      height: 3.75rem;
      margin-right: 0.625rem; }
      .tolet-detail__phone-head__image-field {
        width: 100%;
        border-radius: 50%; }
    .tolet-detail__phone-head__info__name {
      color: #000;
      font-size: 1rem;
      line-height: 1.375rem; }
    .tolet-detail__phone-head__info__tags {
      margin-top: 0.875rem; }
      .tolet-detail__phone-head__info__tags-item {
        color: #fff;
        font-size: 0.5rem;
        line-height: 0.6875rem;
        margin-right: 0.3125rem;
        padding: 0.125rem 0.5rem;
        border-radius: 1rem; }
      .tolet-detail__phone-head__info__tags--identity {
        background-color: #4c4c4c; }
      .tolet-detail__phone-head__info__tags--university {
        background-color: #6454b5; }
    .tolet-detail__phone-head__info__sex {
      display: inline-block;
      width: 1rem;
      height: 1rem;
      margin-left: 0.625rem;
      vertical-align: middle; }
  @media only screen and (min-width: 768px) {
    .tolet-detail__phone-hidden {
      display: none; } }
  .tolet-detail__phone-footer {
    color: #b2b2b2;
    font-size: 0.625rem;
    line-height: 1.25rem;
    text-align: right; }

.tolet-detail__aside {
  margin-top: 1rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail__aside {
      margin-top: 1.875rem;
      padding: 0; } }
  .tolet-detail__aside-section {
    padding: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .tolet-detail__aside-section {
        margin-bottom: 1.875rem;
        padding: 0; }
        .tolet-detail__aside-section:last-child {
          margin: 0; } }

.tolet-detail-v2__container {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__container {
      max-width: 80rem;
      margin: 0 auto; } }

.tolet-detail-v2__bg {
  position: absolute;
  width: 100%;
  height: 166px;
  background: linear-gradient(0, #f7f8fa 0%, #ffe899 100%);
  z-index: 0; }
  .tolet-detail-v2__bg-1 {
    width: 30%;
    height: 6.1875rem;
    background: radial-gradient(ellipse 55% 54% at center, rgba(255, 201, 11, 0.29) 0%, rgba(255, 198, 1, 0) 100%); }

.tolet-detail-v2__top {
  padding: 1rem 1.25rem 0;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__top {
      display: none; } }
  .tolet-detail-v2__top__back {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem; }
  .tolet-detail-v2__top-line {
    width: 100%;
    height: 1px;
    margin-top: 1.25rem;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }

.tolet-detail-v2__info-container {
  padding: 1.5rem 1.25rem;
  border-radius: 0.375rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__info-container {
      display: inline-block;
      width: 66%; } }

.tolet-detail-v2__info__headline {
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.625rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__info__headline {
      margin-bottom: 1rem;
      font-size: 1.25rem;
      line-height: 1.75rem; } }

.tolet-detail-v2__info__user-info {
  height: 2.5625rem;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__info__user-info {
      height: 4rem; } }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__info__user-info__right {
      padding-top: 0.375rem; } }
  .tolet-detail-v2__info__user-info__name {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem; }
    @media only screen and (min-width: 1024px) {
      .tolet-detail-v2__info__user-info__name {
        margin-bottom: 0.25rem;
        font-size: 1.25rem;
        line-height: 1.75rem; } }
  .tolet-detail-v2__info__user-info__tags {
    display: inline-block;
    margin-right: 0.25rem;
    padding: 0 0.25rem;
    border-radius: 3px;
    font-size: 0.625rem;
    line-height: 1rem; }
    @media only screen and (min-width: 1024px) {
      .tolet-detail-v2__info__user-info__tags {
        font-size: 0.75rem;
        line-height: 1.25rem; } }
    .tolet-detail-v2__info__user-info__tags--identity {
      background: #4c4c4c;
      color: #fff;
      font-weight: 600; }
    .tolet-detail-v2__info__user-info__tags--university {
      max-width: 11.25rem;
      background: #6554b5;
      color: rgba(255, 255, 255, 0.9);
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: bottom;
      overflow-x: hidden; }
      @media only screen and (min-width: 1024px) {
        .tolet-detail-v2__info__user-info__tags--university {
          max-width: 12.5rem; } }

.tolet-detail-v2__info__avatar {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  float: left;
  border-radius: 50%; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__info__avatar {
      width: 4rem;
      height: 4rem;
      margin-right: 1rem; } }

.tolet-detail-v2__info__head-label {
  margin: 1.5rem 0 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.625rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__info__head-label {
      margin: 2rem 0 0.5rem;
      font-size: 1.25rem;
      line-height: 1.75rem; } }

.tolet-detail-v2__info__content {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  white-space: break-spaces; }
  .tolet-detail-v2__info__content-item {
    margin-bottom: 1rem; }
    .tolet-detail-v2__info__content-item:last-child {
      margin-bottom: 0; }

.tolet-detail-v2__info__images-container {
  margin-top: 1.5rem;
  text-align: center; }

.tolet-detail-v2__info__images-item {
  max-width: 100%; }
  @media only screen and (min-width: 768px) {
    .tolet-detail-v2__info__images-item {
      max-width: 37.5rem; } }

.tolet-detail-v2__sublet-ad {
  margin-top: 0.5rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__sublet-ad {
      display: none; } }

.tolet-detail-v2__aside-container {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__aside-container {
      display: inline-block;
      width: 34%;
      padding-left: 1.5rem;
      vertical-align: top; } }

.tolet-detail-v2__aside-info {
  padding: 24px 20px;
  border-radius: 0.375rem;
  background-color: #fff; }
  .tolet-detail-v2__aside-info__line {
    width: 100%;
    height: 1px;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }
  .tolet-detail-v2__aside-info__avatar {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    float: left;
    border-radius: 50%; }
  .tolet-detail-v2__aside-info__contact-btn {
    width: calc(100% - 40px - 16px);
    height: 40px;
    padding: 0;
    border-radius: 6px;
    background: #02d168;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }

.tolet-detail-v2__aside-sublet-ad {
  margin-top: 1.5rem;
  border-radius: 0.375rem; }

.tolet-detail-v2__promotion-banner__image {
  width: 100%; }

.tolet-detail-v2__bottom {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  z-index: 5; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__bottom {
      display: none; } }
  .tolet-detail-v2__bottom__user {
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .tolet-detail-v2__bottom__user-avatar {
      width: 2.5rem;
      height: 2.5rem;
      margin-right: 0.5rem;
      float: left;
      border-radius: 50%; }
    .tolet-detail-v2__bottom__user-name {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .tolet-detail-v2__bottom__contact {
    width: 12.5rem;
    height: 40px;
    padding: 0;
    border-radius: 6px;
    background: #02d168;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }

.tolet-detail-v2__similar__web-title {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__similar__web-title {
      display: block;
      margin-top: 1.5rem;
      padding: 1.5rem 0 1rem;
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.75rem;
      box-shadow: inset 0 1px 0 0 #e7e7e7; } }

.tolet-detail-v2__similar__phone-title {
  padding: 1.5rem 1.25rem 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.625rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__similar__phone-title {
      display: none; } }

.tolet-detail-v2__similar__list-container {
  margin: 0 0.5rem; }
  @media only screen and (min-width: 1024px) {
    .tolet-detail-v2__similar__list-container {
      margin: 0; } }

.tolet-detail-v2__sys-user-qrcode__container {
  top: 10%; }

.tolet-detail-v2__sys-user-qrcode__content {
  width: 80%;
  max-width: 280px;
  margin: auto; }

.tolet-detail-v2__sys-user-qrcode__img {
  width: 100%; }

.tld-info-table__container {
  border: 1px solid #dcdcdc;
  border-radius: 3px; }

.tld-info-table__cloumn {
  display: inline-block;
  width: 50%;
  padding: 0.5rem 0.75rem; }
  .tld-info-table__cloumn--city {
    box-shadow: inset -1px 0 0 0 #e7e7e7; }

.tld-info-table__row {
  padding: 0.5rem 0.75rem;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }

.tld-info-table__label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1rem; }
  @media only screen and (min-width: 1024px) {
    .tld-info-table__label {
      font-size: 0.75rem;
      line-height: 1.25rem; } }

.tld-info-table__content {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem; }
  @media only screen and (min-width: 1024px) {
    .tld-info-table__content {
      font-size: 0.875rem;
      line-height: 1.375rem; } }

.tld-main-info__line1-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 1024px) {
    .tld-main-info__line1-container {
      margin-bottom: 0.75rem; } }

.tld-main-info__line2-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between; }

.tld-main-info__title {
  flex: 1;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem; }

.tld-main-info__price {
  flex: 1;
  color: #d54941;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem; }
  .tld-main-info__price__billing-cycle {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .tld-main-info__price__billing-cycle {
        font-size: 0.875rem;
        line-height: 1.375rem; } }

.tld-main-info__collect {
  width: 4.125rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  text-align: right; }
  @media only screen and (min-width: 1024px) {
    .tld-main-info__collect {
      font-weight: 400; } }
  .tld-main-info__collect-img {
    width: 1.125rem;
    margin-right: 0.25rem;
    vertical-align: sub; }

.tld-main-info__id {
  color: rgba(0, 0, 0, 0.26);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  text-align: right; }
  @media only screen and (min-width: 1024px) {
    .tld-main-info__id {
      font-size: 0.875rem;
      line-height: 1.25rem; } }

.tld-sublet-ad {
  padding: 1.5rem 1.25rem;
  background-color: #fff; }
  .tld-sublet-ad__head-title {
    margin-bottom: 0.5rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.625rem; }
    @media only screen and (min-width: 1024px) {
      .tld-sublet-ad__head-title {
        font-size: 1.25rem;
        line-height: 1.75rem; } }
  .tld-sublet-ad__summary {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem; }
  .tld-sublet-ad__qr {
    width: 5.625rem;
    height: 5.625rem;
    margin-top: 0.3125rem;
    margin-left: 2.125rem;
    float: right; }
    @media only screen and (min-width: 1024px) {
      .tld-sublet-ad__qr {
        width: 5.75rem;
        height: 5.75rem; } }

.market-card {
  position: relative;
  padding: 0 0 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .market-card::after {
    display: table;
    clear: both;
    content: ''; }
  .market-card__image-container {
    position: relative;
    height: 12.5rem;
    background-color: #c8c9cb;
    overflow: hidden; }
  .market-card__image {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .market-card__sold {
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    pointer-events: none; }
    @media only screen and (min-width: 1024px) {
      .market-card__sold {
        width: 22%; } }
  .market-card__content {
    padding: 1rem 1rem 0; }
  .market-card__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: block;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .market-card__pills {
    position: absolute;
    top: 11.875rem;
    left: 1rem; }
  .market-card__pill {
    color: #4c4c4c;
    font-size: 0.625rem;
    line-height: 0.875rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0.25rem 0.5rem;
    border-radius: 2px;
    background-color: #7bb32e;
    vertical-align: text-bottom; }
    .market-card__pill--latest {
      background-color: #ffcc00; }
    .market-card__pill--new {
      background-color: #b84145;
      color: #fff; }
  .market-card__price-container {
    margin: 0.5rem 0; }
  .market-card__price {
    color: #b84145;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600; }
    .market-card__price--discount {
      color: #9e9e9e;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 400;
      padding: 0 0 0 0.25rem;
      text-decoration: line-through; }
  .market-card__user::after {
    display: table;
    clear: both;
    content: ''; }
  .market-card__user-avatar {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0.5rem 0 0;
    border-radius: 1.25rem; }
  .market-card__user-nickname {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    vertical-align: super; }
  .market-card__location {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    float: right; }
  .market-card__icon-location {
    width: 1rem;
    height: 1.25rem;
    margin: 0 0.25rem 0 0;
    fill: #9e9e9e; }
  .market-card__city {
    vertical-align: top; }

.sml__banner {
  position: relative;
  height: 18.75rem;
  background-color: #fff;
  text-align: center;
  overflow: hidden; }
  @media only screen and (min-width: 1024px) {
    .sml__banner {
      height: 25rem; } }
  .sml__banner__image {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%); }
  .sml__banner__image-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 9.375rem;
    pointer-events: none; }
    .sml__banner__image-line--right {
      right: 0;
      left: auto; }
  .sml__banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
    @media only screen and (min-width: 1024px) {
      .sml__banner__content {
        top: 45%; } }
  .sml__banner__heading {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0;
    padding: 0 0 1rem;
    text-shadow: 1px 1px 4px #fff; }
    @media only screen and (min-width: 1024px) {
      .sml__banner__heading {
        color: #4c4c4c;
        font-size: 2rem;
        line-height: 2.5rem; } }
  .sml__banner__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0;
    text-shadow: 1px 1px 4px #fff; }
    @media only screen and (min-width: 1024px) {
      .sml__banner__summary {
        color: #4c4c4c;
        font-size: 1.25rem;
        line-height: 1.75rem; } }
  .sml__banner__buttons {
    margin: 1rem 0 0; }
    .sml__banner__buttons::after {
      display: table;
      clear: both;
      content: ''; }
    .sml__banner__buttons .button {
      width: 12.5rem;
      margin-bottom: 1rem;
      padding: 0.5rem;
      font-size: 0.75rem;
      line-height: 1rem; }
      @media only screen and (min-width: 1024px) {
        .sml__banner__buttons .button {
          color: #fff;
          font-size: 0.875rem;
          line-height: 1.25rem;
          display: inline-block;
          margin-bottom: 0;
          padding: 0.625rem 1.25rem; }
          .sml__banner__buttons .button:first-child {
            margin-right: 1rem; } }

@media only screen and (min-width: 768px) {
  .sml__main {
    max-width: 48rem;
    margin: 0 auto; } }

@media only screen and (min-width: 1024px) {
  .sml__main {
    max-width: 64rem; }
    .sml__main::after {
      display: table;
      clear: both;
      content: ''; } }

.sml__section {
  padding: 2rem 0; }
  .sml__section__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .sml__section__title {
        color: #4c4c4c;
        font-size: 1.5rem;
        line-height: 2rem; } }
  .sml__section__footer-button {
    text-align: center; }
    .sml__section__footer-button .button {
      display: inline-block;
      width: 12.5rem; }

.sml__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.sml__item {
  display: inline-block;
  position: relative;
  background-color: #e7e7e7;
  overflow: hidden; }
  .sml__item:first-child {
    margin-left: 0; }
  .sml__item--pots {
    background-color: #beb391; }
  .sml__item--clothes {
    background-color: #87a58a; }
  .sml__item--electronic {
    background-color: #bb8d80; }
  .sml__item--makeup {
    background-color: #7fa6ae; }
  .sml__item--stationery {
    background-color: #a29c9c; }
  @media only screen and (min-width: 1024px) {
    .sml__item--mobile {
      display: none; } }
  .sml__item--desktop {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sml__item--desktop {
        display: inline-block; } }
  .sml__item--2:before, .sml__item--popular:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
    z-index: 10; }
  .sml__item--2 {
    width: 100%;
    height: 12.5rem; }
    @media only screen and (min-width: 768px) {
      .sml__item--2 {
        width: calc(50% - 0.75rem);
        height: 18.75rem;
        margin-left: 1.5rem; } }
  .sml__item--popular {
    width: 100%;
    height: 12.5rem; }
    @media only screen and (min-width: 768px) {
      .sml__item--popular {
        width: calc(20% - 1.5625rem);
        margin-left: 1.5rem; } }
  .sml__item--goods {
    width: 100%;
    height: auto;
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 768px) {
      .sml__item--goods {
        width: calc(33.3333333% - 1rem);
        margin-left: 1.5rem; }
        .sml__item--goods:nth-child(3n + 1) {
          margin-left: 0; } }
    @media only screen and (min-width: 1024px) {
      .sml__item--goods {
        width: calc(25% - 1.125rem);
        margin-left: 1.5rem; }
        .sml__item--goods:nth-child(3n + 1) {
          margin-left: 1.5rem; }
        .sml__item--goods:nth-child(4n + 1) {
          margin-left: 0; } }
  .sml__item__image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 768px) {
      .sml__item__image {
        top: 0;
        left: 50%;
        width: auto;
        height: 100%;
        transform: translateX(-50%) scale(1.2); } }
  .sml__item__full-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .sml__item__middle-text {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0 0.5rem;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 1px #000;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none; }
  .sml__item__left {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden; }
  .sml__item__right {
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    padding: 1rem;
    transform: translateY(-50%);
    z-index: 10; }
  .sml__item__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .sml__item__heading {
        color: #4c4c4c;
        font-size: 1.25rem;
        line-height: 1.5rem; } }
  .sml__item__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .sml__item__summary {
        color: #4c4c4c;
        font-size: 1rem;
        line-height: 1.25rem; } }

@media only screen and (min-width: 1024px) {
  .market-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.market-list__item {
  margin: 0 0 1rem; }
  @media only screen and (min-width: 1024px) {
    .market-list__item {
      width: 48%; } }

.smd {
  position: relative; }
  .smd__sold {
    position: absolute;
    top: -0.75rem;
    right: 1rem;
    width: 7.5rem;
    opacity: 0.7;
    z-index: 10;
    pointer-events: none; }
    @media only screen and (min-width: 1024px) {
      .smd__sold {
        top: 4.25rem;
        right: 2.375rem;
        width: 40%; } }
  .smd__heading {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;
    display: block;
    position: relative;
    flex: 8.5;
    margin: 0;
    padding: 0 0 0.5rem; }
    @media only screen and (min-width: 1024px) {
      .smd__heading {
        color: #4c4c4c;
        font-size: 2rem;
        line-height: 2.5rem; } }
    .smd__heading__collect {
      display: inline-block;
      max-width: 5rem;
      height: 1.4375rem;
      margin-top: 0.125rem;
      margin-left: 0.375rem;
      padding: 0rem 0.25rem;
      border: 1px solid #D8D8D8;
      border-radius: 15px;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        .smd__heading__collect {
          height: 1.875rem;
          margin-top: 0.625rem;
          padding: 0.0625rem 0.25rem; } }
      .smd__heading__collect:focus {
        outline: none; }
    .smd__heading__collect > span {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.375rem;
      display: inline-block;
      height: 1.375rem;
      margin-right: 0.125rem;
      margin-left: 0.25rem;
      text-align: center;
      vertical-align: bottom; }
      @media only screen and (min-width: 768px) {
        .smd__heading__collect > span {
          color: #4c4c4c;
          font-size: 1.125rem;
          line-height: 1.625rem;
          height: 1.625rem; } }
    .smd__heading__collect > svg {
      width: 1.0625rem;
      height: 1rem; }
      @media only screen and (min-width: 768px) {
        .smd__heading__collect > svg {
          width: 1.375rem;
          height: 1.3125rem; } }
  .smd__header {
    min-height: 5.75rem;
    margin: 0.5rem 0 1rem;
    padding: 1rem;
    background-color: #f4efe1; }
  .smd__head-img {
    width: 3.75rem;
    height: 3.75rem;
    float: left;
    border-radius: 3.75rem; }
  .smd__user {
    margin: 0 0 0 4.5rem; }
    .smd__user__nickname {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block; }
    .smd__user__info {
      color: #9e9e9e;
      font-size: 0.75rem;
      line-height: 1.25rem; }
  .smd__price-container {
    margin: 0; }
  .smd__price {
    color: #b84145;
    font-size: 1.25rem;
    line-height: 1.5rem; }
    .smd__price--discounted-price {
      color: #9e9e9e;
      font-size: 1rem;
      line-height: 1.5rem;
      padding-left: 0.5rem;
      text-decoration: line-through; }
  .smd__labels {
    display: block;
    margin: 0 0 0.5rem; }
  .smd__label {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0.25rem 1rem;
    border-radius: 2px; }
    .smd__label--blue {
      background-color: #5687bb; }
    .smd__label--green {
      background-color: #64a338; }
  .smd__subtitle {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.5rem; }
  .smd__description {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem; }
  .smd__image-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .smd__image-item {
    margin-bottom: 0.5rem;
    padding: 0; }
  .smd__image {
    width: 100%; }
  .smd__hide {
    position: relative; }
  .smd__hide-content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13.75rem;
    padding: 1rem;
    transform: translate(-50%, -50%);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(76, 76, 76, 0.7); }
  .smd__hide-button {
    margin-top: 1rem; }

.market-navigation {
  display: none;
  position: relative;
  border-top: 1px solid #e7e7e7;
  background-color: #f4efe1; }
  @media only screen and (min-width: 1024px) {
    .market-navigation {
      display: block; } }
  .market-navigation .mnc {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media only screen and (min-width: 768px) {
      .market-navigation .mnc {
        max-width: 48rem;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) {
      .market-navigation .mnc {
        max-width: 64rem; }
        .market-navigation .mnc::after {
          display: table;
          clear: both;
          content: ''; } }
    .market-navigation .mnc__item {
      display: inline-block;
      padding: 0.25rem 1.5rem;
      cursor: pointer; }
      .market-navigation .mnc__item:hover .mnc__heading {
        font-weight: 600; }
      .market-navigation .mnc__item:hover .mnct {
        display: block; }
    .market-navigation .mnc__heading {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem; }
  .market-navigation .mnct {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 1rem;
    background-color: #fff;
    text-align: center;
    z-index: 50; }
    .market-navigation .mnct__list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: inline-block;
      max-width: 31.25rem;
      text-align: left;
      vertical-align: top; }
    .market-navigation .mnct__item {
      display: inline-block;
      padding: 0 1.5rem;
      vertical-align: top; }
      .market-navigation .mnct__item--product {
        width: 12.5rem; }
    .market-navigation .mnct__heading {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 2rem;
      font-weight: 600; }
    .market-navigation .mnct__banner {
      display: inline-block;
      width: 300px;
      height: 200px;
      margin: 0 0 0 7.5rem;
      background-color: #e7e7e7; }
      .market-navigation .mnct__banner__image {
        width: 100%;
        height: 100%; }
  .market-navigation .mnp {
    margin: 0;
    padding: 0;
    list-style: none; }
    .market-navigation .mnp__item {
      padding: 0 0 0.5rem; }
    .market-navigation .mnp__link {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 2rem; }

.site-market {
  background-color: #f8f8f6; }
  .site-market__head {
    position: relative; }
    @media only screen and (min-width: 768px) {
      .site-market__head {
        max-width: 48rem;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) {
      .site-market__head {
        max-width: 64rem; }
        .site-market__head::after {
          display: table;
          clear: both;
          content: ''; } }
  .site-market .market-search {
    position: relative;
    padding: 0.5rem;
    background-color: #f8f8f6;
    z-index: 100; }
    @media only screen and (min-width: 1024px) {
      .site-market .market-search {
        position: absolute;
        top: -3.75rem;
        right: 0;
        width: 43.75rem;
        padding: 0; } }
    .site-market .market-search__button {
      position: absolute;
      top: 9px;
      right: 9px;
      width: 3rem;
      height: 2.375rem;
      padding: 0.625rem 0.875rem; }
      @media only screen and (min-width: 1024px) {
        .site-market .market-search__button {
          top: 1px;
          right: 1px;
          background-color: #e7e7e7; } }
    .site-market .market-search__icon-search {
      width: 1.25rem;
      height: 1.25rem;
      fill: #b84145; }
    .site-market .market-search .input-field__input-container {
      margin-bottom: 0; }

.home__banner {
  position: relative;
  min-height: 33.125rem; }
  .home__banner__image {
    min-width: 100%;
    min-height: 100%; }
    .home__banner__image-wrapper {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 33.125rem;
      overflow: hidden;
      z-index: -1; }
    .home__banner__image-web {
      display: none; }
      @media only screen and (min-width: 768px) {
        .home__banner__image-web {
          display: block; } }
    .home__banner__image-mobile {
      display: block; }
      @media only screen and (min-width: 768px) {
        .home__banner__image-mobile {
          display: none; } }
  .home__banner__help {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 0.3125rem 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.27);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.875rem;
    text-align: center; }
    .home__banner__help-container {
      padding-top: 3.5rem; }
  .home__banner__slogan {
    margin-top: 1.5rem;
    padding: 0 0.875rem;
    color: #fff;
    font-size: 2.625rem;
    font-weight: bold;
    line-height: 2.625rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .home__banner__slogan {
        font-size: 4.4375rem;
        line-height: 4.5rem; } }
  .home__banner__sub-slogan {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1.5rem auto 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .home__banner__sub-slogan {
        font-size: 1.25rem;
        line-height: 1.75rem; } }
  .home__banner .homesearch {
    height: 8.375rem;
    padding: 0.625rem;
    border-radius: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .home__banner .homesearch {
        display: flex;
        height: 4.5rem; } }
    .home__banner .homesearch__outside-container {
      width: calc(100% - 40px);
      max-width: 24.375rem;
      margin: 2.5rem auto 0; }
      @media only screen and (min-width: 1024px) {
        .home__banner .homesearch__outside-container {
          width: 80%;
          max-width: 48rem;
          margin-top: 3rem; } }
    .home__banner .homesearch__input-container {
      display: flex;
      align-items: center;
      height: 3.25rem;
      margin: auto;
      padding: 0.9375rem 1.25rem; }
      @media only screen and (min-width: 1024px) {
        .home__banner .homesearch__input-container {
          flex: 1;
          margin: 0; } }
    .home__banner .homesearch__input-icon {
      width: 1rem;
      height: 1rem;
      margin-right: 1rem;
      stroke: rgba(0, 0, 0, 0.4);
      stroke-width: 4; }
    .home__banner .homesearch__input-field {
      width: 100%;
      height: 1.375rem;
      border: 0;
      outline: none;
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.375rem;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }
    .home__banner .homesearch__btn {
      height: 3.25rem;
      margin: 0.625rem auto 0;
      border-radius: 0.75rem;
      background-color: #ffbd2c;
      color: #000;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.25rem;
      text-align: center;
      white-space: nowrap;
      box-shadow: 0 2px 6px 0 rgba(255, 189, 44, 0.4); }
      @media only screen and (min-width: 1024px) {
        .home__banner .homesearch__btn {
          width: 11.25rem;
          margin: 0 0 0 0.625rem; } }
    .home__banner .homesearch__result-container {
      width: 100%; }
    .home__banner .homesearch__city-field {
      top: 0;
      left: 0;
      width: 101%;
      z-index: 1; }
      @media only screen and (min-width: 1024px) {
        .home__banner .homesearch__city-field {
          top: 0.75rem;
          left: 4.375rem; } }
    .home__banner .homesearch__city-container {
      right: 4.375rem; }
  .home__banner__search {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 1.1875rem;
    background: rgba(255, 255, 255, 0.27);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    text-align: center; }
    .home__banner__search-container {
      display: none;
      margin-top: 1rem; }
      @media only screen and (min-width: 1024px) {
        .home__banner__search-container {
          display: block; } }
    .home__banner__search-text {
      padding-left: 0.75rem;
      vertical-align: middle; }
    .home__banner__search-filter {
      font-weight: 400; }
    .home__banner__search-icon {
      display: inline-block;
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 0.5rem;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.38);
      text-align: center;
      vertical-align: middle; }
      .home__banner__search-icon > svg {
        width: 0.3125rem;
        height: 1.875rem;
        fill: #fff; }

@media only screen and (min-width: 1024px) {
  .home__group-center {
    max-width: 80rem;
    margin: 0 auto; } }

.home__group-route {
  position: relative;
  top: -2.75rem; }
  @media only screen and (min-width: 1024px) {
    .home__group-route {
      padding-bottom: 4.75rem; } }

.home__tour-list-container {
  margin: 0 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .home__tour-list-container {
      display: flex;
      justify-content: space-between;
      margin: 0;
      row-gap: 2.5rem; } }

.home__tour-list__item {
  position: relative;
  flex: 1;
  max-width: 24.375rem;
  margin: 1rem auto 0;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background-color: #fff;
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
  .home__tour-list__item:first-child {
    margin-top: 0; }
  @media only screen and (min-width: 1024px) {
    .home__tour-list__item {
      max-width: 25rem;
      min-height: 20.9375rem;
      margin: 0;
      padding: 2.5rem;
      border-radius: 2.5rem;
      box-shadow: none; }
      .home__tour-list__item:hover {
        top: -0.625rem;
        box-shadow: 0 8px 40px 5px rgba(0, 0, 0, 0.03), 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
        .home__tour-list__item:hover .home__tour-list__item__title-icon--green {
          box-shadow: 0 4px 11px 0 rgba(63, 194, 168, 0.3); }
        .home__tour-list__item:hover .home__tour-list__item__title-icon--orange {
          box-shadow: 0 4px 11px 0 rgba(255, 189, 44, 0.3); }
        .home__tour-list__item:hover .home__tour-list__item__title-icon--blue {
          box-shadow: 0 4px 11px 0 rgba(56, 189, 248, 0.3); }
        .home__tour-list__item:hover .home__tour-list__item__title-icon--default {
          display: none; }
        .home__tour-list__item:hover .home__tour-list__item__title-icon--hover {
          display: block; } }
  .home__tour-list__item__title {
    display: flex; }
    @media only screen and (min-width: 1024px) {
      .home__tour-list__item__title {
        display: block; } }
    .home__tour-list__item__title-icon {
      width: 2.5rem;
      height: 2.5rem;
      margin-right: 1rem; }
      @media only screen and (min-width: 1024px) {
        .home__tour-list__item__title-icon {
          display: block;
          width: 5rem;
          height: 5rem;
          border-radius: 1.5rem; } }
      .home__tour-list__item__title-icon--default {
        display: block; }
      .home__tour-list__item__title-icon--hover {
        display: none; }
    .home__tour-list__item__title-text {
      margin-top: 0.375rem;
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.75rem;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }
      @media only screen and (min-width: 1024px) {
        .home__tour-list__item__title-text {
          margin-top: 1.5rem;
          font-size: 1.5rem;
          line-height: 1.8125rem; } }
  .home__tour-list__item__desc {
    margin-top: 1rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    overflow-wrap: break-word; }
    @media only screen and (min-width: 1024px) {
      .home__tour-list__item__desc {
        margin-top: 0.5rem;
        font-size: 0.875rem;
        line-height: 1.375rem; } }
  .home__tour-list__item__btn {
    display: block;
    margin-top: 1.5rem;
    padding: 0.4375rem 0;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    white-space: nowrap; }
    @media only screen and (min-width: 1024px) {
      .home__tour-list__item__btn {
        display: none; } }
    .home__tour-list__item__btn--green {
      border: 1px solid rgba(63, 194, 168, 0.2);
      background: rgba(63, 194, 168, 0.1);
      color: #3fc2a8; }
    .home__tour-list__item__btn--orange {
      border: 1px solid rgba(255, 189, 44, 0.2);
      background: rgba(255, 189, 44, 0.1);
      color: #ffbd2c; }
    .home__tour-list__item__btn--blue {
      border: 1px solid rgba(56, 189, 248, 0.2);
      background: rgba(56, 189, 248, 0.1);
      color: #38bdf8; }
  .home__tour-list__item__link {
    display: none;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .home__tour-list__item__link {
        display: block;
        position: absolute;
        bottom: 2.5rem; } }
    .home__tour-list__item__link-icon {
      display: inline-block;
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 1rem;
      border-radius: 50%;
      background-color: rgba(63, 194, 168, 0.1);
      text-align: center;
      vertical-align: middle; }
      .home__tour-list__item__link-icon > svg {
        width: 0.3125rem;
        height: 1.875rem; }
      .home__tour-list__item__link-icon--green {
        background-color: rgba(63, 194, 168, 0.1); }
        .home__tour-list__item__link-icon--green > svg {
          fill: #3fc2a8; }
      .home__tour-list__item__link-icon--orange {
        background-color: rgba(255, 189, 44, 0.1); }
        .home__tour-list__item__link-icon--orange > svg {
          fill: #ffbd2c; }
      .home__tour-list__item__link-icon--blue {
        background-color: rgba(56, 189, 248, 0.1); }
        .home__tour-list__item__link-icon--blue > svg {
          fill: #38bdf8; }
    .home__tour-list__item__link--green {
      color: #3fc2a8; }
    .home__tour-list__item__link--orange {
      color: #ffbd2c; }
    .home__tour-list__item__link--blue {
      color: #38bdf8; }

@media only screen and (min-width: 1024px) {
  .home__recent-search {
    margin-top: 5.625rem;
    border-radius: 2.5rem;
    background: #fff;
    box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); } }

.home__recent-search__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 3rem 1.25rem 0; }
  @media only screen and (min-width: 1024px) {
    .home__recent-search__title {
      margin: 0;
      padding: 2.125rem 2rem 0; } }
  .home__recent-search__title-text {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: left;
    white-space: nowrap;
    overflow-wrap: break-word; }
    @media only screen and (min-width: 1024px) {
      .home__recent-search__title-text {
        line-height: 1.5rem; } }
  .home__recent-search__title-clean {
    margin-top: 0.125rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    overflow-wrap: break-word; }

.home__recent-search__list {
  display: flex;
  margin: 1rem 0 0;
  overflow-x: auto; }
  @media only screen and (min-width: 1024px) {
    .home__recent-search__list {
      margin: 0; } }
  .home__recent-search__list-container {
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .home__recent-search__list-container::before {
        position: absolute;
        top: 1.5rem;
        left: 0;
        width: 4rem;
        height: 8.125rem;
        background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0) 100%);
        content: '';
        z-index: 1; }
      .home__recent-search__list-container::after {
        position: absolute;
        top: 1.5rem;
        right: 0;
        width: 4rem;
        height: 8.125rem;
        background: linear-gradient(270deg, #fff 50%, rgba(255, 255, 255, 0) 100%);
        content: ''; }
      .home__recent-search__list-container--hide-left::before, .home__recent-search__list-container--hide-right::after {
        opacity: 0; } }
  .home__recent-search__list-item {
    display: flex;
    flex-direction: row;
    width: 16.25rem;
    min-height: 6.25rem;
    margin-right: 0.5rem;
    padding: 0.625rem;
    border: 1px solid #f3f3f3;
    border-radius: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .home__recent-search__list-item {
        width: 18.75rem;
        margin: 1.5rem 1.5rem 2.375rem 0;
        padding: 1.25rem; }
        .home__recent-search__list-item:hover {
          box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); } }
    .home__recent-search__list-item:first-child {
      margin-left: 1.25rem; }
      @media only screen and (min-width: 1024px) {
        .home__recent-search__list-item:first-child {
          margin-left: 2rem; } }
    .home__recent-search__list-item:last-child {
      margin-right: 1.25rem; }
      @media only screen and (min-width: 1024px) {
        .home__recent-search__list-item:last-child {
          margin-right: 2rem; } }
  .home__recent-search__list-img {
    width: 5rem;
    height: 5rem;
    margin-right: 0.625rem;
    border-radius: 0.625rem; }
    @media only screen and (min-width: 1024px) {
      .home__recent-search__list-img {
        width: 5.5rem;
        height: 5.5rem;
        margin-right: 1rem; } }
  .home__recent-search__list__content {
    position: relative;
    flex: 1;
    overflow: hidden; }
    .home__recent-search__list__content-name {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.375rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      overflow-wrap: break-word; }
      @media only screen and (min-width: 1024px) {
        .home__recent-search__list__content-name {
          font-size: 1.125rem;
          line-height: 1.5625rem; } }
    .home__recent-search__list__content-date {
      margin-top: 0.3125rem;
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 1.0625rem;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }
      @media only screen and (min-width: 1024px) {
        .home__recent-search__list__content-date {
          margin-top: 0.25rem;
          font-size: 0.875rem;
          line-height: 1.25rem; } }
    .home__recent-search__list__content-price {
      position: absolute;
      bottom: 0;
      color: #3fc2a8;
      font-size: 1.125rem;
      font-weight: 600;
      line-height: 1.5625rem;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }
    .home__recent-search__list__content-cycle {
      color: #3fc2a8;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.5625rem;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }
    .home__recent-search__list__content-country {
      position: absolute;
      right: 0;
      bottom: 0;
      margin-left: 4px;
      padding: 0 0.25rem;
      border-radius: 0.25rem;
      background: #f3f3f3;
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.75rem;
      line-height: 16px;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }

.home__top-city {
  padding: 2.625rem 0 3rem; }
  @media only screen and (min-width: 1024px) {
    .home__top-city {
      padding: 7.5rem 0; } }
  .home__top-city__title-group {
    margin: 0 1.25rem; }
  .home__top-city__title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.375rem;
    text-align: left;
    white-space: nowrap;
    overflow-wrap: break-word; }
    @media only screen and (min-width: 1024px) {
      .home__top-city__title {
        font-size: 2.1875rem;
        line-height: 2.6875rem; } }
  .home__top-city__sub-title {
    margin-top: 1rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
    overflow-wrap: break-word; }
    @media only screen and (min-width: 1024px) {
      .home__top-city__sub-title {
        font-size: 1rem;
        line-height: 1.5rem; } }
  .home__top-city__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 1.25rem 0;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1rem; }
    @media only screen and (min-width: 1024px) {
      .home__top-city__list {
        row-gap: 3.125rem; } }
    .home__top-city__list-item {
      position: relative;
      flex: 0 0 calc(50% - 8px);
      width: 11.6875rem;
      height: 12.875rem;
      border-radius: 20px;
      box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .home__top-city__list-item {
          flex: unset;
          width: 18.125rem;
          height: 20rem; }
          .home__top-city__list-item:hover {
            top: -0.625rem;
            box-shadow: 0 6px 32px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.07); }
            .home__top-city__list-item:hover .home__top-city__list__img {
              width: 104%;
              height: 104%; } }
    .home__top-city__list__count {
      position: absolute;
      top: 0.625rem;
      left: 0.625rem;
      padding: 0.25rem 0.625rem;
      border-radius: 1.625rem;
      background-color: #ffbd2c;
      color: #000;
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.25rem;
      text-align: left;
      white-space: nowrap;
      overflow-wrap: break-word; }
      @media only screen and (min-width: 1024px) {
        .home__top-city__list__count {
          top: 1.25rem;
          left: 1.25rem;
          padding: 0.375rem 0.75rem;
          font-size: 0.875rem;
          line-height: 1.25rem; } }
    .home__top-city__list__img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      .home__top-city__list__img-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 100%);
        content: ''; }
    .home__top-city__list__city {
      position: absolute;
      bottom: 1.25rem;
      left: 1.25rem;
      color: #fff;
      font-size: 1.75rem;
      font-weight: 600;
      line-height: 2.125rem; }
  .home__top-city__web-more__text {
    display: none;
    float: right;
    color: #3fc2a8;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .home__top-city__web-more__text {
        display: block; } }
  .home__top-city__web-more__icon {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-left: 1rem;
    border-radius: 50%;
    background-color: rgba(63, 194, 168, 0.1);
    text-align: center;
    vertical-align: middle; }
    .home__top-city__web-more__icon > svg {
      width: 0.3125rem;
      height: 1.875rem;
      fill: #3fc2a8; }
  .home__top-city__mobile-more__text {
    margin: 2rem 1.25rem 0;
    color: #3fc2a8;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .home__top-city__mobile-more__text {
        display: none; } }
  .home__top-city__mobile-more__icon {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-left: 16px;
    border-radius: 50%;
    background-color: rgba(63, 194, 168, 0.1);
    text-align: center;
    vertical-align: middle; }
    .home__top-city__mobile-more__icon > svg {
      width: 0.3125rem;
      height: 1.875rem;
      fill: #3fc2a8; }

.home__group-why {
  display: flex;
  padding: 3rem 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .home__group-why {
      padding: 7.5rem 0; } }
  .home__group-why__web-visible {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .home__group-why__web-visible {
        display: unset; } }
  .home__group-why__right {
    flex: 1;
    max-width: 38.75rem; }
    @media only screen and (min-width: 1024px) {
      .home__group-why__right {
        max-width: 100%; } }
  .home__group-why__middle {
    flex: 0.1; }
  .home__group-why__column-1 {
    flex: 0.21;
    margin: 0.6875rem 1.5rem 0 0; }
    .home__group-why__column-1-1 {
      width: 16.25rem;
      height: 17.0625rem;
      margin: 2.375rem 0 1.5rem;
      border-radius: 2.5rem;
      box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
    .home__group-why__column-1-2 {
      position: relative;
      width: 16.25rem;
      height: 15.25rem;
      padding: 2rem;
      border-radius: 2.5rem;
      background: #fff;
      box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
      .home__group-why__column-1-2-headimg {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
        border-radius: 1.25rem;
        vertical-align: middle; }
      .home__group-why__column-1-2-name {
        color: rgba(0, 0, 0, 0.9);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
        vertical-align: middle; }
      .home__group-why__column-1-2-comment {
        margin-top: 1rem;
        color: rgba(0, 0, 0, 0.4);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.25rem; }
      .home__group-why__column-1-2-more {
        position: absolute;
        right: 2rem;
        bottom: 2rem; }
  .home__group-why__column-2 {
    flex: 0.21;
    margin-top: 0.6875rem; }
    .home__group-why__column-2-1 {
      width: 16.25rem;
      height: 9.25rem;
      border-radius: 2.5rem;
      background: #3fc2a8;
      text-align: center;
      box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }
      .home__group-why__column-2-1-line1 {
        padding-top: 2.6875rem;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        line-height: 2rem; }
      .home__group-why__column-2-1-line2 {
        margin-top: 0.3125rem;
        color: #fff;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 2rem; }
    .home__group-why__column-2-2 {
      width: 16.25rem;
      height: 21rem;
      margin: 1.5rem 0 4.4375rem;
      border-radius: 2.5rem;
      box-shadow: 0 16px 24px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05); }

.home__why-use__title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.375rem; }
  @media only screen and (min-width: 1024px) {
    .home__why-use__title {
      font-size: 2.9375rem;
      line-height: 3.625rem; } }

.home__why-use__summary {
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .home__why-use__summary {
      font-size: 1rem;
      line-height: 1.1875rem; } }

.home__why-use__list {
  margin-top: 2rem; }

.home__why-use__card {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px); }
  @media only screen and (min-width: 1024px) {
    .home__why-use__card {
      margin-top: 1.5rem;
      padding: 1.9375rem 2rem; }
      .home__why-use__card:hover {
        box-shadow: 0 16px 12px 5px rgba(0, 0, 0, 0.02), 0 8px 5px -6px rgba(0, 0, 0, 0.05); } }
  .home__why-use__card:first-child {
    margin-top: 2rem; }
    @media only screen and (min-width: 1024px) {
      .home__why-use__card:first-child {
        margin-top: 2.5rem; } }
  .home__why-use__card-img {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    border-radius: 0.5rem; }
    .home__why-use__card-img > svg {
      width: 100%;
      height: 100%; }
    @media only screen and (min-width: 1024px) {
      .home__why-use__card-img {
        width: 3.75rem;
        height: 3.75rem;
        margin-right: 1.5rem; } }
  .home__why-use__card-content {
    flex: 1; }
  .home__why-use__card-title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .home__why-use__card-title {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
  .home__why-use__card-summary {
    margin-top: 0.5rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .home__why-use__card-summary {
        margin-top: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.25rem; } }

.blog-list__head {
  padding: 2rem 0;
  background-color: #2e353d; }
  @media only screen and (min-width: 768px) {
    .blog-list__head {
      padding: 2.8125rem 0 6.25rem; } }
  @media only screen and (min-width: 1024px) {
    .blog-list__head {
      padding: 3.75rem 0 7.5rem; } }

@media only screen and (min-width: 768px) {
  .blog-list__heading-wrapper {
    max-width: 48rem;
    margin: 0 auto; } }

@media only screen and (min-width: 1024px) {
  .blog-list__heading-wrapper {
    max-width: 64rem; }
    .blog-list__heading-wrapper::after {
      display: table;
      clear: both;
      content: ''; } }

.blog-list__heading {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0 0 0.5rem 2rem; }
  @media only screen and (min-width: 768px) {
    .blog-list__heading {
      color: #fff;
      font-size: 1.5rem;
      line-height: 2rem; } }

.blog-list__summary {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 0 0 2rem; }
  @media only screen and (min-width: 768px) {
    .blog-list__summary {
      color: #fff;
      font-size: 0.875rem;
      line-height: 1.5rem; } }

.blog-list__content {
  margin: 1.5rem 0 0; }
  @media only screen and (min-width: 768px) {
    .blog-list__content {
      max-width: 48rem;
      margin: -3.375rem auto 0; } }
  @media only screen and (min-width: 1024px) {
    .blog-list__content {
      max-width: 64rem; }
      .blog-list__content::after {
        display: table;
        clear: both;
        content: ''; } }

.blog-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (min-width: 768px) {
    .blog-list__list {
      margin-top: -3.375rem; } }

.blog-list__item {
  width: 100%;
  margin: 0 0 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .blog-list__item {
      width: 32%; } }
  @media only screen and (min-width: 1024px) {
    .blog-list__item {
      width: 24%; } }

.blog-card {
  position: relative;
  height: 100%;
  padding: 0 0 3.875rem;
  background-color: #fff; }
  .blog-card__image-wrapper {
    position: relative;
    height: 9.375rem;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .blog-card__image-wrapper {
        height: 6.75rem; } }
  .blog-card__thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%); }
  .blog-card__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 1rem 1rem 0.25rem; }
  .blog-card__summary {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0 1rem; }
  .blog-card__info {
    position: absolute;
    right: 1rem;
    bottom: 0;
    left: 1rem;
    padding: 1rem 0;
    border-top: 1px solid #e7e7e7; }
    .blog-card__info::after {
      display: table;
      clear: both;
      content: ''; }
  .blog-card__views {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 0.875rem;
    float: left; }
  .blog-card__publish-time {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 0.875rem;
    float: right; }

@media only screen and (min-width: 768px) {
  .blog-detail {
    max-width: 48rem;
    margin: 1.5rem auto; } }

@media only screen and (min-width: 1024px) {
  .blog-detail {
    max-width: 64rem; } }

.blog-detail__nav {
  margin: 1rem; }
  @media only screen and (min-width: 768px) {
    .blog-detail__nav {
      margin: 1rem 0; } }
  .blog-detail__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .blog-detail__nav-item {
    display: inline;
    padding: 0 0.5rem 0 0; }
    .blog-detail__nav-item:after {
      margin: 0 0 0 0.5rem;
      content: '>'; }
    .blog-detail__nav-item:last-child:after {
      display: none; }
  .blog-detail__nav-link {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem; }

.blog-detail__main {
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden; }

.blog-detail__content {
  position: relative;
  padding: 1rem;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .blog-detail__content {
      padding: 2rem; } }
  @media only screen and (min-width: 1024px) {
    .blog-detail__content {
      display: inline-block;
      width: 37.5rem; } }

.blog-detail__collect {
  display: inline-block;
  max-width: 5rem;
  height: 1.25rem;
  margin-left: 0.375rem;
  padding: 0.0625rem 0.25rem;
  border: 1px solid #D8D8D8;
  border-radius: 15px;
  cursor: pointer; }
  .blog-detail__collect > svg {
    width: 1rem;
    height: 1rem; }
  .blog-detail__collect > span {
    display: inline-block;
    height: 1.25rem;
    margin-right: 0.125rem;
    margin-left: 0.25rem;
    color: #4c4c4c;
    text-align: center;
    vertical-align: bottom; }
    @media only screen and (min-width: 768px) {
      .blog-detail__collect > span {
        height: 1.25rem; } }
  .blog-detail__collect:focus {
    outline: none; }

.blog-detail__aside {
  padding: 1rem;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .blog-detail__aside {
      padding-top: 2rem; } }
  @media only screen and (min-width: 1024px) {
    .blog-detail__aside {
      display: inline-block;
      width: 25rem;
      float: right;
      vertical-align: top; } }
  .blog-detail__aside-section {
    margin: 0 0 1rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #e7e7e7; }
    .blog-detail__aside-section:last-child {
      border-bottom: 0; }
  .blog-detail__aside-heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem; }
    .blog-detail__aside-heading__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0 7.5rem 0 0; }

.blog-detail__apply-sublease__qr {
  width: 6.25rem;
  height: 6.25rem;
  float: right; }

.blog-detail__promotion-banner__image {
  width: 100%; }

.blog-detail .min-blog__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.blog-detail .min-blog__item {
  position: relative;
  margin: 0 0 1rem; }

.blog-detail .min-blog__image {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%); }

.blog-detail .min-blog__image-container {
  display: block;
  position: relative;
  width: 3.125rem;
  height: 3.125rem;
  float: left;
  border-radius: 2px;
  overflow: hidden; }

.blog-detail .min-blog__description {
  margin-left: 3.75rem; }
  .blog-detail .min-blog__description--no-image {
    margin-left: 0; }

.blog-detail .min-blog__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1rem;
  display: inline-block;
  margin: 0 0 0.25rem; }

.blog-detail .min-blog__price {
  color: #b84145;
  font-size: 0.875rem;
  line-height: 1rem; }

.blog-detail .min-blog__price--discount {
  padding: 0 0.25rem 0 0;
  color: #9e9e9e;
  text-decoration: line-through; }

.blog-detail .min-blog__tenancy {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1rem; }

.blog-detail .min-blog__new-item {
  margin: 0 0 2rem; }

.blog-detail__footer-container {
  margin: 1.25rem 0 0;
  padding: 0 0 1.25rem;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .blog-detail__footer-container {
      display: none; } }

.blog-detail__footer__item {
  display: inline-block; }
  .blog-detail__footer__item:last-child {
    margin-left: 1.5625rem; }
  .blog-detail__footer__item__link {
    margin-left: 1.25rem; }

.blog-detail__box {
  background-color: #f8f8f6; }

.bl {
  position: relative; }
  .bl__heading {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;
    display: block;
    margin: 0;
    padding: 0 0 0.5rem; }
    @media only screen and (min-width: 1024px) {
      .bl__heading {
        color: #4c4c4c;
        font-size: 2rem;
        line-height: 2.5rem; } }
  .bl__info {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0.5rem 0 1rem;
    padding: 0.5rem 1rem;
    background-color: #f4efe1; }
    .bl__info__views {
      flex: 1;
      margin: 0;
      line-height: 1.25rem; }
    .bl__info__created {
      flex: 1;
      margin: 0;
      line-height: 1.25rem; }
  .bl__blogcategories {
    display: flex;
    flex-wrap: wrap;
    margin: -5px; }
  .bl__blogcategories > * {
    margin: 5px; }
  .bl__blog__category__box {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    cursor: default; }
  .bl__cover__blog__image {
    width: 100%; }
  .bl__blog__image1 {
    display: flex;
    justify-content: center; }
  .bl__tags__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 2rem; }
  .bl__tags__container > * {
    margin: 5px; }
  .bl__tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap; }
  .bl__tag > * {
    margin-left: 4px; }
  .bl__tag > *:last-child {
    margin-right: 0; }
  .bl__tag__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding-top: 1.7px;
    border-radius: 100%;
    background-color: #1890ff;
    color: #fff; }

.rich-media {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem; }
  .rich-media * {
    max-width: 100% !important;
    word-wrap: break-word !important; }
  .rich-media p {
    min-height: 1rem;
    margin: 0;
    clear: both; }

.sfd-consult {
  display: flex;
  position: fixed;
  top: 3.1875rem;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  background: #fff;
  overflow-y: auto; }
  @media only screen and (min-width: 768px) {
    .sfd-consult {
      top: 5rem; } }
  @media only screen and (min-width: 1024px) {
    .sfd-consult {
      position: relative;
      top: 0;
      width: 96%;
      height: 38.3125rem;
      margin: auto;
      padding: 1.5rem 0.25rem;
      border: 1px solid #dcdcdc;
      box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 6px -3px rgba(0, 0, 0, 0.1); } }
  .sfd-consult__content__main {
    flex: 1;
    padding: 0 1.25rem;
    overflow-y: auto; }
  .sfd-consult__back {
    width: 100%;
    margin-bottom: 1rem;
    padding: 0 1.25rem;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    line-height: 2.5rem; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__back {
        display: none;
        position: unset; } }
    .sfd-consult__back > svg {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.5rem;
      transform: rotate(180deg); }
  .sfd-consult__mobile-invisible {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__mobile-invisible {
        display: inline-block; } }
  .sfd-consult__first-name {
    margin-bottom: 0.125rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__first-name {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem; } }
  .sfd-consult__second-name {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1rem; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__second-name {
        margin-bottom: 0.25rem;
        font-size: 0.75rem;
        line-height: 1.25rem; } }
  .sfd-consult__price {
    margin-bottom: 0.5rem;
    font-weight: 600; }
    .sfd-consult__price--weekly {
      color: #b84145;
      font-size: 1.75rem;
      line-height: 2.25rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .sfd-consult__price--weekly {
          color: #b84145;
          font-size: 2.25rem;
          line-height: 2.75rem; } }
    .sfd-consult__price--cycle {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      margin-right: 1.25rem; }
    .sfd-consult__price--monthly {
      color: #b84145;
      font-size: 1rem;
      line-height: 1.5rem; }
  .sfd-consult__apt-info__area {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 0.5rem;
    padding: 0.125rem 0.5rem;
    border-radius: 3px;
    background: #f3f3f3; }
    .sfd-consult__apt-info__area > span {
      float: right; }
    .sfd-consult__apt-info__area--icon {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .sfd-consult__apt-info__area--icon {
          display: inline-block;
          width: 0.875rem;
          height: 0.875rem;
          margin-left: 0.375rem;
          vertical-align: sub; } }
  .sfd-consult__apt-info__tips {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 1.9375rem;
    right: -0.5rem;
    min-width: 14.5rem;
    padding: 0.625rem;
    border-radius: 0.25rem;
    background-color: rgba(158, 158, 158, 0.9); }
    .sfd-consult__apt-info__tips::before {
      position: absolute;
      top: -0.5rem;
      right: 0.375rem;
      border-right: 0.5rem solid transparent;
      border-bottom: 0.5rem solid rgba(158, 158, 158, 0.9);
      border-left: 0.5rem solid transparent;
      content: ''; }
  .sfd-consult__apt-info__list {
    max-height: 17.125rem;
    padding: 0.5rem 0.75rem;
    clear: both;
    border: 1px solid #e7e7e7;
    border-radius: 0.1875rem;
    overflow-y: auto; }
  .sfd-consult__apt-info__item {
    display: flex; }
  .sfd-consult__apt-info__date {
    width: 46%; }
  .sfd-consult__apt-info__billing {
    flex: 1; }
  .sfd-consult__apt-info__head {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 0.5rem; }
  .sfd-consult__apt-info__room {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 0.25rem; }
  .sfd-consult__apt-info__unfold {
    padding: 0.625rem 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__apt-info__unfold {
        border-top: unset;
        text-align: center; } }
    .sfd-consult__apt-info__unfold > svg {
      width: 0.5625rem;
      height: 0.5625rem;
      margin-left: 0.75rem;
      float: right;
      transform: rotate(90deg);
      vertical-align: middle;
      fill: rgba(0, 0, 0, 0.6); }
      @media only screen and (min-width: 1024px) {
        .sfd-consult__apt-info__unfold > svg {
          float: unset; } }
  .sfd-consult__apt-info__fold {
    padding: 0.625rem 0;
    border-bottom: 1px solid #e7e7e7;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    text-align: center;
    cursor: pointer; }
    .sfd-consult__apt-info__fold > svg {
      width: 0.5625rem;
      height: 0.5625rem;
      margin-left: 0.75rem;
      transform: rotate(-90deg);
      fill: rgba(0, 0, 0, 0.6); }
  .sfd-consult__form-line {
    position: absolute;
    right: -1.25rem;
    left: -1.25rem;
    height: 8px;
    background: #f3f3f3; }
    .sfd-consult__form-line-container {
      position: relative;
      height: 0.5rem;
      margin-bottom: 1.5rem; }
      @media only screen and (min-width: 1024px) {
        .sfd-consult__form-line-container {
          display: none; } }
  .sfd-consult__form {
    margin-top: 1rem; }
    .sfd-consult__form__head-title {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.125rem;
      line-height: 1.625rem;
      margin-bottom: 0.5rem;
      font-weight: 600; }
      @media only screen and (min-width: 1024px) {
        .sfd-consult__form__head-title {
          color: rgba(0, 0, 0, 0.9);
          font-size: 1rem;
          line-height: 1.5rem; } }
    .sfd-consult__form__field-title {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin-bottom: 0.25rem; }
    .sfd-consult__form__area-code {
      display: inline-block;
      width: 30%;
      vertical-align: bottom; }
    .sfd-consult__form__phone {
      display: inline-block;
      width: 65%; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__form__phone-container {
        display: inline-block;
        width: 42%; }
      .sfd-consult__form__contact-middle {
        display: inline-block;
        width: 8%; }
      .sfd-consult__form__wechat-container {
        display: inline-block;
        width: 50%; } }
    .sfd-consult__form__input {
      position: relative;
      margin-top: 0.625rem;
      margin-bottom: 1rem; }
      .sfd-consult__form__input > .input-field--textarea > .input-field__input-container {
        margin-bottom: 0; }
      .sfd-consult__form__input-limit {
        position: absolute;
        top: 12.6875rem;
        right: 1px;
        left: 1px;
        margin-bottom: 1.5rem;
        padding: 0.3125rem 0.75rem;
        background: #fff;
        color: rgba(0, 0, 0, 0.4);
        font-size: 0.875rem;
        text-align: right; }
      .sfd-consult__form__input-field::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.4); }
      .sfd-consult__form__input-field::-moz-placeholder {
        color: rgba(0, 0, 0, 0.4); }
      .sfd-consult__form__input-field:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.4); }
      .sfd-consult__form__input-field::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.4); }
      .sfd-consult__form__input-field::placeholder {
        color: rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 768px) {
      .sfd-consult__form__upload-title {
        display: none; } }
    .sfd-consult__form__file {
      display: none; }
    .sfd-consult__form__image {
      display: inline-block;
      position: relative;
      width: 22%;
      height: 4.875rem;
      margin: 0.625rem 0.625rem 0 0; }
      @media only screen and (max-width: 768px) {
        .sfd-consult__form__image:nth-child(4n + 1) {
          margin-right: 0; } }
      @media only screen and (min-width: 768px) {
        .sfd-consult__form__image {
          width: 6.25rem;
          height: 6.25rem;
          margin-top: 0; } }
      .sfd-consult__form__image > img {
        width: 100%;
        height: 100%;
        border-radius: 0.375rem;
        -o-object-fit: cover;
           object-fit: cover; }
      .sfd-consult__form__image-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 0 0.375rem;
        background-color: rgba(0, 0, 0, 0.4);
        text-align: center; }
        @media only screen and (min-width: 1024px) {
          .sfd-consult__form__image-close {
            display: none; } }
        .sfd-consult__form__image-close > svg {
          width: 0.5rem;
          height: 0.5rem;
          fill: #fff; }
      .sfd-consult__form__image-delete {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .sfd-consult__form__image-delete {
            display: inline-block;
            position: absolute;
            right: 1.625rem;
            bottom: 0.125rem;
            width: 1.25rem;
            height: 1.25rem;
            text-align: center; } }
        .sfd-consult__form__image-delete > svg {
          width: 1rem;
          height: 1rem;
          fill: #fff; }
      .sfd-consult__form__image-enlarge {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .sfd-consult__form__image-enlarge {
            display: inline-block;
            position: absolute;
            right: 0.25rem;
            bottom: 0.375rem;
            width: 1rem;
            height: 1rem; } }
        .sfd-consult__form__image-enlarge > svg {
          width: 0.875rem;
          height: 0.875rem; }
      .sfd-consult__form__image-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .sfd-consult__form__image-container {
            display: block;
            flex-wrap: nowrap;
            white-space: nowrap;
            overflow-x: auto; } }
      .sfd-consult__form__image-upload-icon {
        width: 0.875rem;
        height: 0.875rem; }
      .sfd-consult__form__image-upload-text {
        color: rgba(0, 0, 0, 0.4);
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.25rem; }
      .sfd-consult__form__image-upload--mobile {
        border-radius: 6px;
        background: #f3f3f3;
        line-height: 4.875rem;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .sfd-consult__form__image-upload--mobile {
            display: none; } }
      .sfd-consult__form__image-upload--pc {
        position: relative;
        border: 1px dashed #dcdcdc;
        border-radius: 3px;
        background: #eeeeee;
        cursor: pointer; }
        @media only screen and (max-width: 768px) {
          .sfd-consult__form__image-upload--pc {
            display: none; } }
      .sfd-consult__form__image-upload--content {
        position: absolute;
        top: 32%;
        width: 100%;
        text-align: center; }
        .sfd-consult__form__image-upload--content > svg {
          width: 0.875rem;
          height: 0.875rem; }
      @media only screen and (min-width: 1024px) {
        .sfd-consult__form__image-upload-title {
          display: none; } }
      .sfd-consult__form__image__operate-container {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .sfd-consult__form__image__operate-container {
            display: unset;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 2.9375rem;
            height: 1.625rem;
            border-radius: 0.375rem 0;
            background-color: rgba(0, 0, 0, 0.4); } }
  .sfd-consult__form__apt-input-field {
    min-height: 14.375rem;
    padding-bottom: 1.625rem; }
  @media only screen and (min-width: 1024px) {
    .sfd-consult__service__title-mobile {
      display: none; } }
  .sfd-consult__service__title-web {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__service__title-web {
        display: unset; } }
    .sfd-consult__service__title-web > svg {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.75rem;
      transform: rotate(180deg); }
  .sfd-consult__service-item__container {
    position: relative;
    margin: 1rem 0; }
  .sfd-consult__service-item__input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden; }
    .sfd-consult__service-item__input:checked ~ .sfd-consult__service-item__label {
      border: 2px solid #FFC600;
      box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 6px -3px rgba(0, 0, 0, 0.1); }
  .sfd-consult__service-item__label {
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 3px; }
  .sfd-consult__service-item__head {
    padding: 0.25rem 1rem;
    border-radius: 2px 2px 0 0;
    background: #eeeeee;
    font-size: 1rem;
    font-style: italic;
    font-weight: bolder;
    line-height: 1.5rem; }
    .sfd-consult__service-item__head--paid {
      background-image: linear-gradient(270deg, rgba(255, 198, 0, 0.5) 0%, #FFC600 100%); }
  .sfd-consult__service-item__price {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 0.75rem; }
    .sfd-consult__service-item__price--origin {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      text-decoration: line-through; }
  .sfd-consult__service-item__info-title {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem;
    display: inline-block;
    margin: 0.5rem 0.5rem 0; }
  .sfd-consult__service-item__info-content {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem; }
  .sfd-consult__service-item__count-tips {
    color: #ed7b2f;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-left: 0.375rem; }
  .sfd-consult__service-item__content {
    padding: 0.75rem 1rem; }
  .sfd-consult__selected-card__pc {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__selected-card__pc {
        display: block;
        margin-top: 0.875rem;
        padding: 0.75rem 1rem;
        border: 1px solid #e7e7e7;
        border-radius: 0.1875rem; } }
  @media only screen and (min-width: 1024px) {
    .sfd-consult__selected-card__list {
      display: block; } }
  .sfd-consult__selected-card__list__room-type {
    width: 17%;
    margin-right: 1rem; }
  .sfd-consult__selected-card__list__minduration {
    width: 16%;
    margin-right: 1rem; }
  .sfd-consult__selected-card__list__date {
    flex: 1;
    margin-right: 1rem; }
  .sfd-consult__selected-card__list__price {
    width: 23%; }
    .sfd-consult__selected-card__list__price-content {
      color: #C50505; }
  .sfd-consult__selected-card__roomname {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }
  .sfd-consult__selected-card__content {
    padding: 0.5rem 0.75rem; }
  .sfd-consult__selected-card__mobile {
    margin-top: 0.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12); }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__selected-card__mobile {
        display: none; } }
  .sfd-consult__footer {
    padding: 0 1.25rem 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__footer {
        padding-bottom: 0; } }
  .sfd-consult__policy {
    padding: 0.625rem;
    border-radius: 3px;
    background: #f3f3f3;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
    .sfd-consult__policy > span {
      color: #cc9e00; }
  .sfd-consult__btn-container {
    display: flex; }
  .sfd-consult__btn-border {
    margin: 1rem 0;
    border-top: 1px solid #e7e7e7; }
  .sfd-consult__btn-free {
    border-radius: 0.375rem;
    background-color: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__btn-free {
        border-radius: 0.1875rem; } }
  .sfd-consult__btn-cancel {
    width: auto;
    margin-right: 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.375rem;
    background-color: #fff;
    color: #000;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__btn-cancel {
        border-radius: 0.1875rem; } }
  @media only screen and (min-width: 1024px) {
    .sfd-consult__btn-prev {
      display: none; } }
  .sfd-consult__btn-next {
    flex: 1;
    border-radius: 0.375rem;
    background-color: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .sfd-consult__btn-next {
        border-radius: 0.1875rem; } }

.sfd-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1004; }
  .sfd-modal__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 500px;
    height: 100%;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .sfd-modal__container {
        width: 21.25rem; } }

.sfd-rooms-sl {
  width: 96%;
  margin: 1.5rem auto 0;
  padding: 1.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box; }
  .sfd-rooms-sl__header {
    position: relative; }
    .sfd-rooms-sl__header__title {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 600; }
    .sfd-rooms-sl__header__summary {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      font-weight: 400; }
    .sfd-rooms-sl__header__tosublet {
      color: #cc9e00;
      font-size: 0.875rem;
      line-height: 1.375rem;
      position: absolute;
      top: 0;
      right: 0;
      font-weight: 400; }
  .sfd-rooms-sl__list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: calc(100vh - 450px);
    margin-top: 0.25rem;
    overflow-y: auto; }
    .sfd-rooms-sl__list-item {
      height: 9.125rem;
      padding: 0.75rem 0;
      box-shadow: inset 0 1px 0 #e7e7e7;
      overflow: hidden; }
      .sfd-rooms-sl__list-item:first-child {
        box-shadow: none; }
      .sfd-rooms-sl__list-item:last-child {
        height: 8.375rem;
        padding-bottom: 0; }
    .sfd-rooms-sl__list-content {
      display: inline-block;
      width: calc(100% - 90px);
      height: 7.625rem;
      padding-left: 16px;
      vertical-align: top; }
    .sfd-rooms-sl__list-img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      .sfd-rooms-sl__list-img-container {
        display: inline-block;
        width: 90px;
        height: 7.625rem; }
    .sfd-rooms-sl__list__flat-name {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      margin-bottom: 0.5rem;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden; }
    .sfd-rooms-sl__list__info {
      margin-bottom: 1.25rem; }
      .sfd-rooms-sl__list__info-left {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.75rem;
        line-height: 1.25rem;
        display: inline-block;
        font-weight: 400; }
      .sfd-rooms-sl__list__info-right {
        float: right;
        text-align: right; }
      .sfd-rooms-sl__list__info__price {
        color: rgba(0, 0, 0, 0.9);
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 600; }
        .sfd-rooms-sl__list__info__price-discount {
          color: rgba(0, 0, 0, 0.6);
          font-size: 0.75rem;
          line-height: 1.25rem;
          font-weight: 400;
          text-decoration: line-through; }
    .sfd-rooms-sl__list__userinfo {
      display: flex;
      align-items: center; }
      .sfd-rooms-sl__list__userinfo-img {
        width: 100%;
        border-radius: 4px; }
        .sfd-rooms-sl__list__userinfo-img-container {
          position: relative;
          width: 32px;
          height: 32px;
          vertical-align: middle; }
      .sfd-rooms-sl__list__userinfo-name {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.75rem;
        line-height: 1.25rem;
        flex: 1;
        margin-left: 0.5rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-x: hidden; }
      .sfd-rooms-sl__list__userinfo__wechat {
        color: #fff;
        font-size: 0.75rem;
        line-height: 1.375rem;
        width: auto;
        height: 2rem;
        padding: 0.3125rem 0.875rem;
        float: right;
        border-radius: 3px;
        background: #02d168;
        vertical-align: middle; }

.sfd-checkin-fee {
  background: #fff; }
  .sfd-checkin-fee__head {
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer; }
  .sfd-checkin-fee__head-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.625rem;
    background: #f3f3f3; }
  .sfd-checkin-fee__head-info {
    flex: 1;
    min-width: 0;
    margin-left: 0.75rem; }
  .sfd-checkin-fee__head-title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500; }
  .sfd-checkin-fee__head-rent {
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.125rem; }
  .sfd-checkin-fee__head-formula {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-top: 0.125rem; }
  .sfd-checkin-fee__head-arrow {
    flex-shrink: 0;
    margin: 0.75rem 0 0 0.5rem;
    transform: rotate(90deg);
    transition: transform 0.2s; }
    .sfd-checkin-fee__head-arrow--collapsed {
      transform: rotate(0deg); }
  .sfd-checkin-fee__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 1rem;
    box-shadow: inset 0 1px 0 0 #e7e7e7; }
  .sfd-checkin-fee__item {
    position: relative;
    padding: 1rem 0 1rem 2.75rem;
    border-bottom: 1px dotted #e7e7e7; }
    .sfd-checkin-fee__item::after {
      position: absolute;
      top: 2.75rem;
      bottom: -0.75rem;
      left: 0.6875rem;
      width: 1px;
      background: #e7e7e7;
      content: ''; }
    .sfd-checkin-fee__item:last-child {
      border-bottom: 0; }
      .sfd-checkin-fee__item:last-child::after {
        display: none; }
  .sfd-checkin-fee__item-num {
    color: #fff;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    position: absolute;
    top: 1rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.9);
    font-weight: 600;
    text-align: center; }
    .sfd-checkin-fee__item-num--guarantee {
      background: rgba(0, 0, 0, 0.4); }
  .sfd-checkin-fee__item-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between; }
  .sfd-checkin-fee__item-title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500; }
  .sfd-checkin-fee__checkbox {
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .sfd-checkin-fee__checkbox:checked + .sfd-checkin-fee__checkbox-label:before {
      border-color: rgba(0, 0, 0, 0.9);
      background: rgba(0, 0, 0, 0.9) url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
      background-size: 0.5rem; }
  .sfd-checkin-fee__checkbox-label {
    display: inline-block;
    margin-left: 0.375rem;
    cursor: pointer; }
    .sfd-checkin-fee__checkbox-label:before {
      display: inline-block;
      width: 1rem;
      height: 1rem;
      border: 1px solid #c8c9cb;
      border-radius: 0.25rem;
      background: #fff;
      content: '';
      vertical-align: -0.125rem; }
  .sfd-checkin-fee__item-price {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    line-height: 1.375rem;
    margin-left: 0.75rem;
    font-weight: 600;
    white-space: nowrap; }
    .sfd-checkin-fee__item-price--line {
      color: rgba(0, 0, 0, 0.4);
      text-decoration: line-through; }
  .sfd-checkin-fee__item-desc {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.8125rem;
    line-height: 1.1875rem;
    margin-top: 0.375rem; }
  .sfd-checkin-fee__item-note {
    color: #e0862c;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
    margin-top: 0.375rem; }
    .sfd-checkin-fee__item-note--green {
      color: #078d5c; }
  .sfd-checkin-fee__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25rem;
    padding: 1rem 1.25rem;
    background: #16162e; }
  .sfd-checkin-fee__total-label {
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    font-weight: 600; }
  .sfd-checkin-fee__total-note {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.6875rem;
    line-height: 1rem;
    margin-top: 0.25rem; }
  .sfd-checkin-fee__total-price {
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.75rem;
    margin-left: 0.75rem;
    font-weight: 700;
    white-space: nowrap; }
  .sfd-checkin-fee__disclaimer {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 0.75rem 1rem 1rem; }

.sfd-room-price-history__title {
  display: flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer; }

.sfd-room-price-history__title-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #f3f3f3; }

.sfd-room-price-history__title-info {
  flex: 1;
  min-width: 0;
  margin-left: 0.75rem; }

.sfd-room-price-history__title-text {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500; }

.sfd-room-price-history__title-arrow {
  flex-shrink: 0;
  transform: rotate(90deg);
  transition: transform 0.2s; }
  .sfd-room-price-history__title-arrow--collapsed {
    transform: rotate(0deg); }

.sfd-room-price-history__head {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: grid;
  margin-top: 1rem;
  font-weight: 500;
  grid-template-columns: 7.5rem 5rem 1fr 1fr; }

.sfd-room-price-history__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.sfd-room-price-history__row {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: grid;
  align-items: center;
  height: 4.125rem;
  grid-template-columns: 7.5rem 5rem 1fr 1fr; }

.sfd-room-price-history__cell-line {
  position: relative;
  height: 100%; }
  .sfd-room-price-history__cell-line::before {
    position: absolute;
    top: 0;
    left: 1.25rem;
    width: 1px;
    height: 100%;
    transform: translateX(-50%);
    background: #e7e7e7;
    content: ''; }

.sfd-room-price-history__row:first-child .sfd-room-price-history__cell-line::before {
  top: 50%;
  height: 50%; }

.sfd-room-price-history__row:last-child .sfd-room-price-history__cell-line::before {
  height: 50%; }

.sfd-room-price-history__row:only-child .sfd-room-price-history__cell-line::before {
  display: none; }

.sfd-room-price-history__dot {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  width: 0.875rem;
  height: 0.875rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #FFC600;
  z-index: 1; }

.sfd-room-price-history__change {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  position: absolute;
  top: 100%;
  left: 2rem;
  transform: translateY(-50%);
  white-space: nowrap; }

.sfd-room-price-history__property-combined {
  display: none; }

.sfd-room-price-history__note {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-top: 1rem;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 1024px) {
    .sfd-room-price-history__note {
      padding-bottom: 0; } }

.sfd-rooms__part-head {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600; }

.sfd-rooms__part-head-v2 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 600; }

.sfd-rooms__part-half {
  display: inline-block;
  width: 50%;
  margin-bottom: 0.5rem; }
  .sfd-rooms__part-half:last-child, .sfd-rooms__part-half:nth-last-child(2) {
    margin-bottom: 0; }

.sfd-rooms__over-more-btn {
  color: #cc9e00;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 0.5rem;
  font-weight: 600;
  text-decoration: none; }

.sfd-rooms__basic-info__label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem; }

.sfd-rooms__basic-info__content {
  display: inline-block;
  min-height: 1.125rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem; }

.sfd-rooms__basic-info__price {
  color: #C50505;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem; }
  .sfd-rooms__basic-info__price-total {
    color: #C50505;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem; }

.sfd-rooms__facility {
  margin: 0;
  padding: 0;
  list-style: none; }
  .sfd-rooms__facility-item {
    display: inline-block;
    position: relative;
    width: 50%;
    padding: 0.125rem 0 0.125rem 0.75rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
    .sfd-rooms__facility-item::before {
      display: inline-block;
      position: absolute;
      left: 0;
      font-size: 0.625rem;
      content: '•'; }

.sfd-rooms-info-modal-container {
  position: relative;
  width: 100%;
  max-width: 66rem;
  min-height: 40.5rem;
  max-height: 80%;
  padding: 1.5rem;
  border-radius: 9px;
  background: #fff; }

.sfd-rooms-info-modal__empty {
  text-align: center; }

.sfd-rooms-info-modal__head {
  margin-right: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e7e7e7;
  white-space: nowrap;
  overflow-x: auto; }

.sfd-rooms-info-modal__close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  font-size: 1.125rem;
  cursor: pointer; }

.sfd-rooms-info-modal__headv2 {
  position: absolute;
  right: 1.5rem;
  left: 1.5rem;
  height: 3.625rem;
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }

.sfd-rooms-info-modal__closev2 {
  position: absolute;
  top: 0rem;
  right: 0rem;
  font-size: 1.125rem;
  cursor: pointer; }

.sfd-rooms-info-modal__copy {
  position: absolute;
  right: 0rem;
  bottom: 0.625rem;
  font-size: 0.875rem;
  cursor: pointer; }

.sfd-rooms-info-modal__scroll-content {
  height: calc(100% - 58px);
  margin-top: 3.625rem;
  padding-top: 24px;
  overflow-y: auto; }

.sfd-rooms-info-modal__roomname {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 600; }

.sfd-rooms-info-modal__list-item {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 0.625rem 1.5rem;
  border-bottom: 1px solid #e7e7e7; }
  .sfd-rooms-info-modal__list-item:last-child {
    border-bottom: 0; }

.sfd-rooms-info-modal__image {
  width: 100%;
  height: 207px;
  margin-bottom: 1rem;
  -o-object-fit: cover;
     object-fit: cover; }

.sfd-rooms-info-modal__media {
  display: inline-block;
  width: 60%; }
  .sfd-rooms-info-modal__media-swiper {
    position: relative;
    background-color: #e7e7e7; }
    .sfd-rooms-info-modal__media-swiper-container {
      height: 21.25rem;
      text-align: center; }
    .sfd-rooms-info-modal__media-swiper-image {
      max-width: 100%;
      max-height: 100%; }
    .sfd-rooms-info-modal__media-swiper--next, .sfd-rooms-info-modal__media-swiper--prev {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      width: 1.5rem;
      height: 1.5rem;
      margin: 0 1rem;
      transform: translateY(-50%);
      border-radius: 0.1875rem;
      background: rgba(255, 255, 255, 0.9);
      font-family: swiper-icons;
      z-index: 100; }
      .sfd-rooms-info-modal__media-swiper--next::after, .sfd-rooms-info-modal__media-swiper--prev::after {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.625rem;
        line-height: 1.5rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        content: 'prev'; }
      @media only screen and (max-width: 768px) {
        .sfd-rooms-info-modal__media-swiper--next, .sfd-rooms-info-modal__media-swiper--prev {
          display: none; } }
    .sfd-rooms-info-modal__media-swiper--next {
      right: 0;
      left: auto; }
      .sfd-rooms-info-modal__media-swiper--next::after {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.625rem;
        line-height: 1.5rem;
        content: 'next'; }

.sfd-rooms-info-modal__media-tab__container {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  height: 1.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background-color: #fff;
  z-index: 1; }

.sfd-rooms-info-modal__media-tab__item {
  padding: 0 0.25rem;
  border-right: 1px solid #e7e7e7;
  font-size: 0.75rem;
  line-height: 1.5rem; }
  .sfd-rooms-info-modal__media-tab__item:last-child {
    border-right: 0; }

.sfd-rooms-info-modal__preview-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-height: 9.0625rem;
  margin-top: 0.5rem;
  overflow-y: auto; }
  .sfd-rooms-info-modal__preview-list::-webkit-scrollbar {
    display: none; }
  .sfd-rooms-info-modal__preview-list__bg {
    display: inline-block;
    width: 4.25rem;
    height: 4.25rem;
    margin-bottom: 0.5rem;
    border-radius: 3px;
    background-color: #000; }
    .sfd-rooms-info-modal__preview-list__bg:nth-child(8n) {
      margin-right: 0; }
  .sfd-rooms-info-modal__preview-list__image, .sfd-rooms-info-modal__preview-list__video {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    vertical-align: top;
    -o-object-fit: cover;
       object-fit: cover; }
  .sfd-rooms-info-modal__preview-list--active {
    border: 2px solid #FFC600;
    border-radius: 3px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
    opacity: 1; }

.sfd-rooms-info-modal__info {
  width: 40%;
  padding-bottom: 1.125rem;
  padding-left: 1.5rem;
  float: right; }
  .sfd-rooms-info-modal__info::after {
    display: inline-block;
    clear: both;
    content: ''; }
  .sfd-rooms-info-modal__info__more-btn {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 0.5rem;
    font-weight: 400;
    text-decoration: none; }

.sfd-rooms-info-modal__list-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 1.125rem 0 0.5rem;
  padding-top: 1.5rem;
  clear: both;
  font-weight: 600;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }

.sfd-flat-tab {
  overflow: hidden; }
  .sfd-flat-tab__list {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    overflow: auto; }
  .sfd-flat-tab__item {
    display: inline-block;
    position: relative;
    cursor: pointer; }
  .sfd-flat-tab__pop-ad {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd-flat-tab__pop-ad {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.75rem;
        line-height: 1.25rem;
        display: inline-block;
        position: absolute;
        top: 2px;
        padding: 0 0.375rem;
        border-radius: 10px 10px 10px 0;
        background: #e34d59;
        font-weight: 600; } }

.sfd-rooms-mobile-card__container {
  margin-bottom: 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12); }

.sfd-rooms-mobile-card__banner {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 135px;
  padding: 0.75rem; }
  .sfd-rooms-mobile-card__banner-image {
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
    -o-object-fit: cover;
       object-fit: cover; }
  @media only screen and (min-width: 1024px) {
    .sfd-rooms-mobile-card__banner__video-icon {
      width: 2rem;
      height: 2rem;
      background-size: 50%; } }

.sfd-rooms-mobile-card__empty {
  width: 3.125rem; }

.sfd-rooms-mobile-card__media-typetab {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  z-index: 1; }

.sfd-rooms-mobile-card__topleft-container {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem; }

.sfd-rooms-mobile-card__topleft__flat-vip-icon {
  width: 2.3125rem;
  height: 1.25rem;
  margin-right: 4px;
  border-radius: 0.1875rem;
  vertical-align: middle; }

.sfd-rooms-mobile-card__topleft__sublet-icon {
  display: inline-block;
  padding: 0 6px;
  border-radius: 3px;
  background: #FFC600;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px; }

.sfd-rooms-mobile-card__head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0.75rem;
  overflow: hidden; }
  .sfd-rooms-mobile-card__head__roomname {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    line-height: 1.5rem;
    flex-shrink: 1;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .sfd-rooms-mobile-card__head__lastest {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-left: auto;
    float: right;
    white-space: nowrap; }

.sfd-rooms-mobile-card__text-button {
  color: #cc9e00;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-decoration: none; }

.sfd-rooms-mobile-card__groupinfo {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin: 0.25rem 0.75rem 0;
  font-weight: 600; }
  .sfd-rooms-mobile-card__groupinfo__price {
    float: right; }
    .sfd-rooms-mobile-card__groupinfo__price-curr {
      color: #c50305;
      font-size: 1rem; }

.sfd-rooms-mobile-card__info {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0.25rem 0.75rem 0; }

.sfd-rooms-mobile-card__detail-btn {
  width: auto;
  margin: 0.5rem 0.75rem 1rem; }

.sfd-rooms-mobile-card__all-btn {
  padding: 0.75rem 0 1rem;
  text-align: center;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }

.sfd-rooms-mobile-card__list-item {
  margin: 0 0.75rem;
  padding: 1rem 0;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }
  .sfd-rooms-mobile-card__list-item::after {
    display: block;
    clear: both;
    content: ''; }
  .sfd-rooms-mobile-card__list-item:first-child {
    box-shadow: inset 0 1px 0 0 #e7e7e7; }
  .sfd-rooms-mobile-card__list-item:last-child {
    box-shadow: 0; }

.sfd-rooms-mobile-card__list__left {
  display: inline-block; }

.sfd-rooms-mobile-card__list__right {
  float: right;
  text-align: right; }

.sfd-rooms-mobile-card__list__minduration {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  font-weight: 600; }

.sfd-rooms-mobile-card__list__price-original {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 0.25rem;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through; }

.sfd-rooms-mobile-card__list__price-curr {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500; }

.sfd-rooms-mobile-card__list__startdata {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  line-height: 1.375rem; }
  .sfd-rooms-mobile-card__list__startdata-field {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem; }

.sfd-rooms-mobile-card__list__discount {
  color: #078d5c;
  font-size: 0.625rem;
  line-height: 1.25rem;
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0 0.25rem;
  border-radius: 3px;
  background: #bcebdc;
  font-weight: 600; }

.sfd-rooms-mobile-card__list__discount-rise {
  color: #c9353f;
  font-size: 0.625rem;
  line-height: 1.25rem;
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0 0.25rem;
  border-radius: 3px;
  background: rgba(197, 3, 5, 0.13);
  font-weight: 600; }

.sfd-rooms-mobile-card__list__btn {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block;
  width: 9.5rem;
  padding: 0.3125rem 0;
  border-radius: 6px;
  background: #FFC600; }

.sfd-rooms-mobile-card__list__waiting-btn {
  color: #e6b200;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block;
  width: 9.5rem;
  padding: 0.3125rem 1.1875rem;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff; }

.sfd-rooms-mobile-card__bottom-container {
  position: relative;
  margin: 0 0.75rem;
  padding: 1rem 0;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }

.sfd-rooms-mobile-card__userinfo-container {
  display: flex;
  align-items: center;
  width: 100%; }

.sfd-rooms-mobile-card__userinfo__avatar {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  -o-object-fit: contain;
     object-fit: contain; }
  .sfd-rooms-mobile-card__userinfo__avatar-container {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem; }

.sfd-rooms-mobile-card__userinfo__username {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  flex: 1;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.sfd-rooms-mobile-card__userinfo__username-aptbiz {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.75rem;
  line-height: 1.25rem;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.sfd-rooms-mobile-card__userinfo__phone-number {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  padding: 0;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.3);
  line-height: 1.75rem;
  text-align: center;
  vertical-align: middle; }

.sfd-rooms-mobile-card__userinfo__wechat {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.375rem;
  width: 12rem;
  padding: 0.3125rem 0;
  border: 1px solid #02d168;
  border-radius: 6px;
  background: #02d168;
  font-weight: 500; }

.sfd-rooms-mobile-card__userinfo__chattime {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.625rem;
  line-height: 1rem;
  margin-top: 4px;
  margin-right: 22px;
  text-align: right; }

.sfd-rooms-avatar-list {
  position: relative; }
  .sfd-rooms-avatar-list__item {
    display: inline-block;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%; }
    @media only screen and (min-width: 1024px) {
      .sfd-rooms-avatar-list__item {
        width: 2.5rem;
        height: 2.5rem; } }
    .sfd-rooms-avatar-list__item:nth-child(1) {
      left: 0px;
      z-index: 12; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(1) {
          right: 20px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 1; } }
    .sfd-rooms-avatar-list__item:nth-child(2) {
      left: 16px;
      z-index: 11; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(2) {
          right: 40px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 2; } }
    .sfd-rooms-avatar-list__item:nth-child(3) {
      left: 32px;
      z-index: 10; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(3) {
          right: 60px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 3; } }
    .sfd-rooms-avatar-list__item:nth-child(4) {
      left: 48px;
      z-index: 9; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(4) {
          right: 80px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 4; } }
    .sfd-rooms-avatar-list__item:nth-child(5) {
      left: 64px;
      z-index: 8; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(5) {
          right: 100px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 5; } }
    .sfd-rooms-avatar-list__item:nth-child(6) {
      left: 80px;
      z-index: 7; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(6) {
          right: 120px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 6; } }
    .sfd-rooms-avatar-list__item:nth-child(7) {
      left: 96px;
      z-index: 6; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(7) {
          right: 140px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 7; } }
    .sfd-rooms-avatar-list__item:nth-child(8) {
      left: 112px;
      z-index: 5; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(8) {
          right: 160px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 8; } }
    .sfd-rooms-avatar-list__item:nth-child(9) {
      left: 128px;
      z-index: 4; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(9) {
          right: 180px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 9; } }
    .sfd-rooms-avatar-list__item:nth-child(10) {
      left: 144px;
      z-index: 3; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(10) {
          right: 200px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 10; } }
    .sfd-rooms-avatar-list__item:nth-child(11) {
      left: 160px;
      z-index: 2; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(11) {
          right: 220px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 11; } }
    .sfd-rooms-avatar-list__item:nth-child(12) {
      left: 176px;
      z-index: 1; }
      @media only screen and (min-width: 1024px) {
        .sfd-rooms-avatar-list__item:nth-child(12) {
          right: 240px;
          left: unset;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
          z-index: 12; } }
  .sfd-rooms-avatar-list__item-more {
    display: inline-block;
    position: absolute;
    left: 176px;
    border-radius: 50%; }
    @media only screen and (min-width: 1024px) {
      .sfd-rooms-avatar-list__item-more {
        right: 0;
        left: unset;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
        z-index: 0; } }
  .sfd-rooms-avatar-list__img {
    width: 100%;
    height: 100%;
    border-radius: 50%; }
  .sfd-rooms-avatar-list__more {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #ecf2fe;
    line-height: 1.5rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .sfd-rooms-avatar-list__more {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2rem; } }

.sfd-rooms-mobile-detail {
  background-color: #fff;
  overflow-y: auto; }
  @media only screen and (min-width: 768px) {
    .sfd-rooms-mobile-detail {
      top: 7.5rem; } }
  .sfd-rooms-mobile-detail__empty-image__emote {
    width: 5.625rem; }
  .sfd-rooms-mobile-detail__name-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 0 #e7e7e7;
    z-index: 1; }
  .sfd-rooms-mobile-detail__name {
    display: inline-block;
    flex: 1; }
  .sfd-rooms-mobile-detail__roomname {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    font-weight: 600;
    vertical-align: middle; }
  .sfd-rooms-mobile-detail__flatname {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .sfd-rooms-mobile-detail__address {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.625rem;
    line-height: 1rem; }
  .sfd-rooms-mobile-detail__otherroom-title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    line-height: 1.5625rem;
    padding: 1.5rem 1.25rem 0.5rem;
    font-weight: 600; }
  .sfd-rooms-mobile-detail__list-item {
    padding: 1rem 1.25rem;
    box-shadow: inset 0 1px 0 0 #e7e7e7; }
    .sfd-rooms-mobile-detail__list-item::after {
      display: block;
      clear: both;
      content: ''; }
    .sfd-rooms-mobile-detail__list-item:last-child {
      box-shadow: inset 0 1px 0 0 #e7e7e7, inset 0 -1px 0 0 #e7e7e7; }

.sfd-room-panel__table__first {
  display: inline-block;
  position: relative;
  width: 20%; }
  .sfd-room-panel__table__first-image {
    width: 10rem;
    height: 5.625rem;
    border-radius: 0.1875rem;
    -o-object-fit: cover;
       object-fit: cover; }

.sfd-room-panel__pc-visible {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sfd-room-panel__pc-visible {
      display: block; } }

@media only screen and (min-width: 1024px) {
  .sfd-room-panel__mobile-visible {
    display: none; } }

.sfd-room-panel__mobile-container {
  margin: 0 1.25rem;
  padding: 1rem 0; }

.sfd-room-panel__left-top-vip-icon {
  position: absolute;
  top: 0;
  left: -1px;
  width: 2.1875rem;
  height: 1.125rem;
  border-radius: 0.1875rem 0; }

.sfd-room-panel__icon-tips {
  position: absolute;
  top: 0;
  left: 0; }
  .sfd-room-panel__icon-tips > .tipsv2__content {
    top: -0.5rem;
    left: 2.875rem; }

.sfd-room-panel__round-vip-icon {
  height: 1.25rem;
  border-radius: 0.1875rem;
  vertical-align: middle; }

.sfd-room-panel__round-small-vip-icon {
  height: 0.75rem;
  border-radius: 0.1875rem;
  vertical-align: middle; }

.sfd-room-panel__round-medium-vip-icon {
  height: 1rem;
  border-radius: 0.1875rem;
  vertical-align: middle; }

.sfd-room-panel__topleft-container {
  position: absolute;
  top: 4px;
  left: 4px; }

.sfd-room-panel__topleft__flat-vip-icon {
  width: 2.125rem;
  height: 1.125rem;
  margin-right: 0.25rem;
  border-radius: 0.1875rem;
  vertical-align: super; }

.sfd-room-panel__topleft__sublet-icon {
  display: inline-block;
  padding: 0 6px;
  border-radius: 3px;
  background: #FFC600;
  color: #000;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  vertical-align: top; }

.sfd-room-panel__media-container {
  display: inline-block;
  position: relative; }
  .sfd-room-panel__media-container:hover .sfd-room-panel__media-count__item {
    background: #fff; }

.sfd-room-panel__media-count__container {
  position: absolute;
  right: 0.25rem;
  bottom: 0.625rem; }

.sfd-room-panel__media-count__item {
  display: inline-block;
  height: 1rem;
  margin-left: 0.125rem;
  padding: 0 0.25rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.1875rem;
  background: rgba(255, 255, 255, 0.8);
  line-height: 0.875rem; }
  .sfd-room-panel__media-count__item-text {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 0.875rem;
    display: inline-block; }

.sfd-room-panel__roomname {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem; }

.sfd-room-panel__roominfo {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 0.125rem; }
  .sfd-room-panel__roominfo__line {
    display: inline-block;
    width: 1px;
    height: 1rem;
    margin: 0 0.5rem;
    background-color: #dcdcdc;
    vertical-align: text-top; }
    @media only screen and (min-width: 1024px) {
      .sfd-room-panel__roominfo__line {
        background-color: #e7e7e7; } }

.sfd-room-panel__roomdata-label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875rem;
  line-height: 1.375rem; }

.sfd-room-panel__roomdetail-btn {
  color: #cc9e00;
  font-size: 0.875rem;
  line-height: 1.375rem;
  width: auto;
  margin-top: 0.5rem;
  text-decoration: none; }

.sfd-room-panel__price {
  color: #c50305;
  font-size: 1.125rem;
  line-height: 1.375rem;
  display: inline-block;
  position: relative;
  padding-bottom: 0.25rem;
  border-bottom: 2px dotted rgba(197, 3, 5, 0.5);
  font-weight: 600;
  cursor: context-menu; }
  .sfd-room-panel__price-black {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    line-height: 1.375rem;
    display: inline-block;
    position: relative;
    padding-bottom: 0.25rem;
    border-bottom: 2px dotted rgba(0, 0, 0, 0.4);
    font-weight: 600;
    cursor: context-menu; }
  .sfd-room-panel__price-discount {
    color: #078d5c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    padding: 0 0.25rem;
    border-radius: 3px;
    background: #bcebdc; }
  .sfd-room-panel__price-discount--rise {
    color: #c9353f;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    padding: 0 0.25rem;
    border-radius: 3px;
    background: #f9d7d9; }
  .sfd-room-panel__price-original {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-decoration: line-through; }
  .sfd-room-panel__price-tips {
    display: none;
    position: absolute;
    top: 1.875rem;
    right: 5.5rem;
    width: 326px;
    padding: 0.625rem 1rem;
    transform: translate(0, calc(-100% - 36px));
    border: 1px solid #dcdcdc;
    border-radius: 0.1875rem;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
    z-index: 402; }
    .sfd-room-panel__price-tips__head {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 0.5rem;
      font-weight: 600; }
    .sfd-room-panel__price-tips__item {
      margin-top: 0.25rem;
      padding: 0.5rem;
      border-radius: 3px;
      background: #f3f3f3; }
    .sfd-room-panel__price-tips__label {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-weight: 600; }
    .sfd-room-panel__price-tips__price {
      color: #c50305;
      font-size: 0.875rem;
      line-height: 1.375rem;
      float: right;
      font-weight: 600; }
    .sfd-room-panel__price-tips__original-item {
      position: relative;
      margin-bottom: 0.4375rem; }
    .sfd-room-panel__price-tips__original-line {
      position: absolute;
      right: -0.375rem;
      bottom: 0;
      left: -0.375rem;
      height: 1px;
      border-bottom: 2px dashed #e7e7e7; }
    .sfd-room-panel__price-tips__original-label {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      display: inline-block;
      margin-bottom: 0.5rem;
      font-weight: 400; }
    .sfd-room-panel__price-tips__original-price {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      float: right;
      font-weight: 400; }
    .sfd-room-panel__price-tips__original-discount {
      color: #067945;
      font-size: 0.875rem;
      line-height: 1.375rem;
      float: right;
      font-weight: 400; }
    .sfd-room-panel__price-tips__triangle {
      position: absolute;
      right: 32px;
      bottom: -5px;
      width: 10px;
      height: 10px;
      transform: rotate(45deg);
      background-color: #fff;
      box-shadow: 5px 5px 6px -4px rgba(0, 0, 0, 0.5); }
  .sfd-room-panel__price—container {
    position: relative; }
    .sfd-room-panel__price—container:hover .sfd-room-panel__price-tips {
      display: inline-block; }

.sfd-room-panel__empty {
  width: 2.25rem; }

.sfd-room-panel__userinfo-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 6.125rem;
  padding: 0 1.25rem; }

.sfd-room-panel__userinfo__avatar {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  -o-object-fit: contain;
     object-fit: contain; }
  .sfd-room-panel__userinfo__avatar-container {
    display: inline-block;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem; }

.sfd-room-panel__userinfo__username {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  line-height: 1.5rem;
  flex: 1;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.sfd-room-panel__userinfo__username-aptbiz {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.75rem;
  line-height: 1.25rem;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.sfd-room-panel__userinfo__phone-number {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block;
  width: 7rem;
  padding: 0.3125rem 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background-color: #fff;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.sfd-room-panel__userinfo__wechat {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block;
  width: 11rem;
  padding: 0.3125rem 0;
  border: 1px solid #02d168;
  border-radius: 6px;
  background: #02d168;
  font-weight: 500; }

.sfd-room-panel__userinfo__chattime {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  margin-right: 0.375rem; }

.sfd-room-panel__userinfo__consult-btn {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block;
  width: 11rem;
  margin-left: 0.5rem;
  padding: 0.3125rem 0;
  border-radius: 3px;
  background: #FFC600;
  font-weight: 500; }

.sfd-room-panel__userinfo__waiting-btn {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block;
  width: 11rem;
  margin-left: 0.5rem;
  padding: 0.3125rem 0;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
  font-weight: 500; }

@media only screen and (min-width: 1024px) {
  .sfd-room-panel__combine__ul {
    border: 1px solid #e7e7e7;
    border-radius: 0.375rem;
    list-style: none; } }

.sfd-room-panel__combine__table__header {
  padding: 0.625rem 0 0.625rem 1.5rem;
  border-bottom: 1px solid #e7e7e7;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem; }

.sfd-room-panel__combine__table__first {
  display: inline-block;
  position: relative;
  width: 20%; }
  .sfd-room-panel__combine__table__first-image {
    width: 10rem;
    height: 5.625rem;
    border-radius: 0.1875rem;
    -o-object-fit: cover;
       object-fit: cover; }

.sfd-room-panel__combine__table__list {
  display: inline-block;
  width: 80%;
  padding-left: 1.5rem;
  vertical-align: top; }
  .sfd-room-panel__combine__table__list-item {
    padding: 1rem 1.25rem 1.5rem;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }
    .sfd-room-panel__combine__table__list-item:first-child {
      padding-top: 0; }

.sfd-room-panel__combine__list-item {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 1rem 0 1rem 1.5rem;
  border-bottom: 4px solid #e7e7e7; }
  .sfd-room-panel__combine__list-item:last-child {
    border-bottom: 0; }

.sfd-room-panel__combine__minduration {
  display: inline-block;
  width: 21%;
  vertical-align: top; }

.sfd-room-panel__combine__startdate {
  display: inline-block;
  width: 33%;
  vertical-align: top; }

.sfd-room-panel__combine__price {
  display: inline-block;
  width: 29%;
  padding-right: 1.5625rem;
  vertical-align: top; }

.sfd-room-panel__combine__operate {
  display: inline-block;
  width: 16%;
  text-align: center; }

.sfd-room-panel__combine__consult-btn {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.375rem;
  width: 7.5rem;
  padding: 0.3125rem 0;
  float: right;
  border-radius: 3px;
  background: #FFC600;
  font-weight: 400; }

.sfd-room-panel__combine__waiting-btn {
  color: #e6b200;
  font-size: 0.875rem;
  line-height: 1.375rem;
  width: 7.5rem;
  padding: 0.3125rem 0;
  float: right;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
  font-weight: 400; }

.sfd-room-panel__combine__roommore-btn {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  width: auto;
  margin-top: 0.8125rem;
  margin-right: 2.6875rem;
  text-decoration: none; }

.sfd-room-panel__combine__edit-btn {
  width: auto;
  line-height: 2rem; }

.sfd-album-web-modal__container {
  position: relative;
  width: 100%;
  max-width: 75rem;
  height: 80%;
  min-height: 37.5rem;
  max-height: 50rem;
  padding: 8px 24px;
  border-radius: 12px;
  background: #fff; }

.sfd-album-web-modal__title-tab__container {
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }

.sfd-album-web-modal__title-tab__item {
  display: inline-block;
  position: relative;
  height: 3rem;
  margin-right: 1.5rem;
  padding: 0.625rem 0;
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer; }
  .sfd-album-web-modal__title-tab__item--active {
    font-weight: 600; }
    .sfd-album-web-modal__title-tab__item--active::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 10px;
      box-shadow: inset 0 -3px 0 0 #FFC600;
      content: ''; }

.sfd-album-web-modal__type__container {
  position: relative;
  left: -23px;
  width: calc(100% + 23px + 23px);
  margin-top: 0.5rem;
  padding: 8px 20px; }
  .sfd-album-web-modal__type__container--shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

.sfd-album-web-modal__type__item {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.25rem 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer; }
  .sfd-album-web-modal__type__item--active {
    border: 1px solid rgba(220, 220, 220, 0);
    border-radius: 3px;
    background: #FFC600;
    font-weight: 600; }

.sfd-album-web-modal__shadow {
  position: relative;
  left: -23px;
  width: calc(100% + 23px + 23px);
  height: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1; }

.sfd-album-web-modal__group-list__container {
  height: calc(100% - 98px);
  padding-top: 1rem;
  overflow-y: auto; }

.sfd-album-web-modal__media-container {
  float: left; }

.sfd-album-web-modal__sublease-card__container {
  height: 100%;
  padding-left: 16px;
  overflow-y: auto; }

.sfd-album-web-modal__back-album {
  height: 48px;
  margin-top: 0.5rem; }
  .sfd-album-web-modal__back-album > p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0.25rem 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px; }

.sfd-album-web-modal__official-type__list {
  margin-left: 1.5rem; }

.sfd-album-web-modal__official-type__item {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.3125rem 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 16px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer; }
  .sfd-album-web-modal__official-type__item--active {
    border: 0;
    border-radius: 16px;
    background: #FFC600; }

.sfd-album-mobile-modal__head__container {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 12; }

.sfd-album-mobile-modal__head__back {
  padding: 0 1.25rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 600;
  line-height: 3.125rem;
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }
  .sfd-album-mobile-modal__head__back > svg {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.5rem;
    transform: rotate(180deg); }

.sfd-album-mobile-modal__title-tab__container {
  margin: 0.625rem 1.25rem 0; }

.sfd-album-mobile-modal__title-tab__item {
  display: inline-block;
  position: relative;
  margin-right: 1.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 400; }
  .sfd-album-mobile-modal__title-tab__item--active {
    font-weight: 600; }
    .sfd-album-mobile-modal__title-tab__item--active::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background: #FFC600;
      content: '';
      z-index: -1; }

.sfd-album-mobile-modal__type__container {
  padding: 1rem 1.25rem 0.5625rem;
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }
  .sfd-album-mobile-modal__type__container--shadow {
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); }

.sfd-album-mobile-modal__type__item {
  display: inline-block;
  margin-right: 0.25rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px; }
  .sfd-album-mobile-modal__type__item--active {
    border: 0;
    border-radius: 6px;
    background: #FFC600;
    font-weight: 600; }

.sfd-album-mobile-modal__shadow {
  height: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1; }

.sfd-album-mobile-modal__group-list__container {
  padding: 0.75rem 1.25rem;
  background-color: #fff; }

.sfd-album-mobile-modal__sublease-card__container {
  padding: 0.9375rem 1.25rem;
  background-color: #fff; }

.sfd-album-mobile-modal__sublease-card__to-btn {
  display: block;
  margin: 0.5rem 1.25rem;
  padding: 0.375rem 0;
  border-radius: 6px;
  background: #FFC600;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center; }

.sfd-album-sublease-card__container {
  padding: 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  background-color: white;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12); }
  @media only screen and (min-width: 1024px) {
    .sfd-album-sublease-card__container {
      border-radius: 6px;
      box-shadow: none; } }

.sfd-album-sublease-card__header-container {
  margin-bottom: 0.75rem; }

.sfd-album-sublease-card__avatar {
  width: 32px;
  height: 32px;
  margin-right: 0.5rem;
  float: left;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover; }

.sfd-album-sublease-card__nickname {
  width: 75%;
  margin-bottom: 0.25rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden; }

.sfd-album-sublease-card__info1 {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  overflow-wrap: break-word; }

.sfd-album-sublease-card__info2 {
  font-size: 12px;
  line-height: 20px; }
  .sfd-album-sublease-card__info2-label {
    margin-right: 0.5rem;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400; }
  .sfd-album-sublease-card__info2-content {
    color: rgba(0, 0, 0, 0.9);
    font-weight: 600; }

.sfd-album-sublease-card__media {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem;
  margin-top: 0.75rem;
  border-radius: 0.1875rem;
  overflow: hidden; }
  .sfd-album-sublease-card__media__item {
    position: relative;
    flex: 1;
    min-width: 30%;
    height: 6.125rem;
    background-color: rgba(0, 0, 0, 0.25); }
  .sfd-album-sublease-card__media-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .sfd-album-sublease-card__media__last-count {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    padding: 0 0.375rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.9);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px; }

.sfd-album-sublease-card__to-btn {
  display: block;
  padding: 0.375rem 0;
  border-radius: 6px;
  background: #FFC600;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center; }
  .sfd-album-sublease-card__to-btn__container {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    box-shadow: inset 0 1px 0 0 #e7e7e7; }

.sfd-album-group-list__titlel1 {
  margin-bottom: 0.25rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px; }
  @media only screen and (min-width: 1024px) {
    .sfd-album-group-list__titlel1 {
      margin-bottom: 0.5rem;
      font-size: 1.25rem;
      line-height: 1.75rem; } }

.sfd-album-group-list__titlel2 {
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px; }
  @media only screen and (min-width: 1024px) {
    .sfd-album-group-list__titlel2 {
      font-size: 1rem;
      line-height: 1.5rem; } }

.sfd-album-group-list__media {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1rem; }
  .sfd-album-group-list__media-item {
    position: relative;
    flex-basis: calc(50% - 0.25rem);
    height: 7.6875rem;
    border-radius: 0.1875rem;
    background-color: rgba(0, 0, 0, 0.25);
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .sfd-album-group-list__media-item {
        flex-basis: calc(25% - 0.5rem);
        height: 9.875rem; } }
  .sfd-album-group-list__media-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .sfd-album-group-list__media-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.sfd-album-inner-preview__media {
  display: inline-block;
  width: 70%; }
  .sfd-album-inner-preview__media-swiper {
    position: relative;
    background-color: #e7e7e7; }
    .sfd-album-inner-preview__media-swiper-container {
      text-align: center; }
    .sfd-album-inner-preview__media-swiper-image {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 100%;
      max-height: 100%;
      transform: translate(-50%, -50%); }
    .sfd-album-inner-preview__media-swiper--next, .sfd-album-inner-preview__media-swiper--prev {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      width: 1.5rem;
      height: 1.5rem;
      margin: 0 1rem;
      transform: translateY(-50%);
      border-radius: 0.1875rem;
      background: rgba(255, 255, 255, 0.9);
      font-family: swiper-icons;
      z-index: 100; }
      .sfd-album-inner-preview__media-swiper--next::after, .sfd-album-inner-preview__media-swiper--prev::after {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.625rem;
        line-height: 1.5rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        content: 'prev'; }
      @media only screen and (max-width: 768px) {
        .sfd-album-inner-preview__media-swiper--next, .sfd-album-inner-preview__media-swiper--prev {
          display: none; } }
    .sfd-album-inner-preview__media-swiper--next {
      right: 0;
      left: auto; }
      .sfd-album-inner-preview__media-swiper--next::after {
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.625rem;
        line-height: 1.5rem;
        content: 'next'; }

.sfd-album-inner-preview__preview-list {
  width: 100%;
  padding: 1rem 0;
  white-space: nowrap;
  overflow-x: auto; }
  .sfd-album-inner-preview__preview-list__bg {
    display: inline-block;
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 0.5rem;
    border-radius: 3px; }
    .sfd-album-inner-preview__preview-list__bg:last-child {
      margin-right: 0; }
  .sfd-album-inner-preview__preview-list__image, .sfd-album-inner-preview__preview-list__video {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -o-object-fit: cover;
       object-fit: cover; }
  .sfd-album-inner-preview__preview-list--active {
    border: 3px solid #FFC600;
    border-radius: 3px;
    opacity: 1; }

.sfd-album-full-preview {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  height: 100%;
  padding: 0 3rem;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  overflow-y: auto;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); }
  @media only screen and (max-width: 768px) {
    .sfd-album-full-preview {
      padding: 0; } }
  .sfd-album-full-preview__head__container {
    position: relative;
    height: 12%; }
  .sfd-album-full-preview__head__count {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 0.625rem;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center; }
  .sfd-album-full-preview__head__close {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 0.625rem 0.75rem;
    padding: 0.25rem;
    cursor: pointer; }
    .sfd-album-full-preview__head__close-icon {
      width: 0.5rem;
      height: 0.5rem;
      vertical-align: middle;
      fill: #fff; }
  .sfd-album-full-preview__swiper {
    text-align: center; }
  .sfd-album-full-preview__main__container {
    position: relative;
    height: 65%; }
  .sfd-album-full-preview__main__image {
    max-width: 100%;
    max-height: 100%; }
    .sfd-album-full-preview__main__image-conatiner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: calc(65vh);
      text-align: center; }
  .sfd-album-full-preview__main__user-info__container1 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 58px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1; }
  .sfd-album-full-preview__main__user-info__container {
    position: absolute;
    bottom: 0;
    padding: 0 0 12px 20px; }
  .sfd-album-full-preview__main__user-info__avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover; }
  .sfd-album-full-preview__main__user-info__name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    vertical-align: middle; }
  .sfd-album-full-preview__footer__container {
    height: 23%; }
  .sfd-album-full-preview__footer__img-type {
    padding: 0 1.25rem;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px; }
  .sfd-album-full-preview__preview__container {
    display: inline-block;
    width: 100%;
    margin: 1.25rem 0;
    padding: 0 1.25rem;
    white-space: nowrap;
    overflow-x: auto; }
  .sfd-album-full-preview__preview__bg {
    display: inline-block;
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 1rem;
    border-radius: 6px;
    background-color: #000;
    overflow: hidden; }
    .sfd-album-full-preview__preview__bg:last-child {
      margin-right: 0; }
  .sfd-album-full-preview__preview__image, .sfd-album-full-preview__preview__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .sfd-album-full-preview__preview--active {
    border: 2px solid #FFC600; }

.sfd-album-media-icon__pause {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-left: 0;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxMCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjI4N1YxMi4yNmExIDEgMCAwMDEuNTc3LjgxN0w5LjM1IDcuNTkxYTEgMSAwIDAwMC0xLjYzNEwxLjU3Ny40N0ExIDEgMCAwMDAgMS4yODd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 55% 55%;
  background-size: 14px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px); }
  .sfd-album-media-icon__pause-small {
    width: 24px;
    height: 24px;
    background-size: 10px; }
  .sfd-album-media-icon__pause-large {
    width: 48px;
    height: 48px;
    background-size: 18px; }

@media only screen and (min-width: 1024px) {
  .sfd-supplier-info {
    margin-top: 1.25rem;
    padding: 0 1.25rem;
    border: 1px solid #e7e7e7;
    border-radius: 6px; } }

.sfd-supplier-info__reset-style * {
  padding: revert; }

.sfd-supplier-info__more-btn {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 0.5rem;
  font-weight: 400;
  text-decoration: none; }

.sfd-supplier-info__item-container {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }
  @media only screen and (min-width: 1024px) {
    .sfd-supplier-info__item-container {
      flex-direction: row;
      box-shadow: none; }
      .sfd-supplier-info__item-container:last-child {
        padding-bottom: 0; } }

.sfd-supplier-info__title2 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600; }
  .sfd-supplier-info__title2:before {
    display: inline-block;
    width: 4px;
    height: 16px;
    margin: 0.25rem 0.5rem 0.25rem 0;
    border-radius: 6px;
    background: #FFC600;
    content: '';
    vertical-align: bottom; }
  @media only screen and (min-width: 1024px) {
    .sfd-supplier-info__title2 {
      min-width: 12.5rem;
      margin-bottom: 0; }
      .sfd-supplier-info__title2:before {
        display: none; } }

.sfd-supplier-info__content-normal {
  display: flex; }

.sfd-supplier-info__installment-payment-list {
  border: 1px solid #dcdcdc;
  border-radius: 3px; }
  .sfd-supplier-info__installment-payment-list:last-child {
    margin-bottom: 0; }
  .sfd-supplier-info__installment-payment-list__item {
    display: flex;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }
    .sfd-supplier-info__installment-payment-list__item:last-child {
      box-shadow: none; }
  .sfd-supplier-info__installment-payment-list__title {
    flex: 1;
    padding: 0.75rem 1.5rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }
  .sfd-supplier-info__installment-payment-list__field {
    flex: 1;
    padding: 0.75rem 1.5rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }

.sfd-supplier-info__tip {
  padding: 8px 0 24px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px; }
  @media only screen and (min-width: 1024px) {
    .sfd-supplier-info__tip {
      padding: 0 0 24px; } }

.sfd__modal-edit-room {
  width: 90%;
  max-width: 600px;
  max-height: calc(90vh);
  padding: 24px;
  background-color: #fff;
  overflow-y: auto; }

.sfd-detail {
  padding-top: 3.1875rem;
  padding-bottom: 2rem; }

.sfd__reset-box__for-flat-media {
  padding: 0; }

.sfd__part-title__normal {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  line-height: 1.625rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__part-title__normal {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      line-height: 1.625rem; } }

.sfd__part-title__flatinfo {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
  padding-top: 1rem;
  box-shadow: inset 0 1px 0 0 #e7e7e7; }
  @media only screen and (min-width: 1024px) {
    .sfd__part-title__flatinfo {
      display: none; } }

.sfd__part-title__roomlist {
  padding: 1.25rem 1.25rem 0.75rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__part-title__roomlist {
      padding: 1.25rem 0 0.5rem; } }

.sfd__part-title__supplier {
  padding-top: 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__part-title__supplier {
      padding-top: 1.5rem; } }

.sfd__part-title__map {
  padding: 1.25rem 0 0.5rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__part-title__map {
      padding: 1.25rem 0 0.5rem; } }

.sfd__content-map, .sfd__content-policy {
  padding: 0 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__content-map, .sfd__content-policy {
      padding: 0; } }

@media only screen and (min-width: 768px) {
  .sfd__main {
    background-color: #fff; } }

@media only screen and (min-width: 1024px) {
  .sfd__divideline-roomlist {
    height: 0.0625rem;
    margin-top: 1.5rem;
    box-shadow: inset 0 1px 0 0 #e7e7e7; } }

.sfd__divideline-policy {
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .sfd__divideline-policy {
      height: 0.0625rem;
      margin-top: 1.5rem;
      box-shadow: inset 0 1px 0 0 #e7e7e7; } }

.sfd__divideline-aside {
  margin-top: 0.5rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__divideline-aside {
      margin-top: 0; } }

@media only screen and (min-width: 768px) {
  .sfd__web-invisible {
    display: none; } }

.sfd__mobile-invisible-inline-block {
  display: none; }
  @media only screen and (min-width: 768px) {
    .sfd__mobile-invisible-inline-block {
      display: inline-block; } }

.sfd__info {
  position: relative;
  top: 0;
  left: 0;
  margin: 0.375rem 0 0; }
  @media only screen and (min-width: 768px) {
    .sfd__info {
      display: inline-block;
      position: relative;
      top: 0.3125rem;
      left: 0.5rem;
      width: 18.5625rem !important;
      margin: 0; } }

.sfd__detail {
  position: relative;
  margin-top: 1rem; }
  .sfd__detail-button {
    position: absolute !important;
    top: 0;
    right: 0;
    width: auto !important;
    padding: 0.5rem 1rem;
    line-height: 1rem; }
  .sfd__detail-date {
    font-family: Consolas, Monaco, monospace; }

.sfd__apply {
  margin-bottom: 0.625rem;
  padding: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .sfd__apply {
      display: none; } }
  .sfd__apply__flat {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem; }
  .sfd__apply__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0 0 1.25rem; }
  .sfd__apply__form {
    padding: 0.5rem; }
  .sfd__apply-button {
    margin-top: 1.5rem; }

.sfd__application-button {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  border-radius: 2px;
  background-color: #FFC600; }

.sfd__application-notice {
  padding: 1.5rem 0.625rem;
  border-radius: 3px; }
  .sfd__application-notice-completed {
    border: 1px solid #7bb32e; }
  .sfd__application-notice-warning {
    border: 1px solid #e03b24; }
  .sfd__application-notice-tip {
    margin: 1rem 0;
    color: #b84145;
    font-size: 0.75rem; }

.sfd__application-date {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem; }

.sfd__application-date-picker {
  margin-bottom: 1.5rem;
  z-index: 10; }

.sfd__map-container {
  overflow: hidden; }

.sfd__application-box {
  display: flex;
  margin-top: 0.9375rem; }
  .sfd__application-box-button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    background-color: #fff;
    font-weight: 400; }
    .sfd__application-box-button:first-child {
      margin-right: 1.375rem;
      border: 1px solid #FFC600; }
    .sfd__application-box-button:last-child {
      background-color: #FFC600; }

.sfd__inquiry {
  padding: 5rem 1.25rem;
  background-color: #fff; }

.sfd__apply-button {
  font-weight: 400;
  display: none;
  height: 2.5rem;
  border-radius: 2px;
  outline: none;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .sfd__apply-button {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.5rem;
      display: inline-block;
      width: 14.375rem;
      margin-top: 1.1875rem;
      border: 1px solid #FFC600; } }

.sfd__media {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sfd__media {
      display: block; } }
  .sfd__media-container {
    position: relative; }
  .sfd__media__left {
    display: inline-block;
    position: relative;
    width: 68%;
    height: 25rem;
    border-radius: 0.375rem;
    overflow: hidden; }
  .sfd__media__right {
    display: inline-block;
    width: 32%;
    height: 25rem;
    padding-right: 0.5625rem;
    overflow: hidden; }
    .sfd__media__right--1 {
      width: 98%;
      height: 100%;
      margin-left: 0.5rem;
      border-radius: 0.375rem;
      overflow: hidden; }
    .sfd__media__right--2 {
      width: 98%;
      height: 49%;
      margin-bottom: 0.5rem;
      margin-left: 0.5rem;
      border-radius: 0.375rem;
      overflow: hidden; }
      .sfd__media__right--2:last-child {
        margin-bottom: 0; }
    .sfd__media__right--4 {
      display: inline-block;
      width: 47%;
      height: 49%;
      margin-bottom: 0.3125rem;
      margin-left: 0.5rem;
      border-radius: 0.375rem;
      overflow: hidden; }
      @media only screen and (min-width: 1280px) {
        .sfd__media__right--4 {
          width: 48%; } }
    .sfd__media__right__item {
      position: relative; }
      .sfd__media__right__item--0 {
        width: 98%;
        height: 48%;
        margin-bottom: 0.5rem;
        margin-left: 0.5rem;
        border-radius: 0.375rem;
        overflow: hidden; }
      .sfd__media__right__item--2 {
        display: inline-block;
        width: 48%;
        height: 50%;
        margin-left: 0.5rem;
        border-radius: 0.375rem;
        overflow: hidden; }
      .sfd__media__right__item--1 {
        display: inline-block;
        width: 47%;
        height: 50%;
        margin-left: 0.5rem;
        border-radius: 0.375rem;
        overflow: hidden; }
        @media only screen and (min-width: 1280px) {
          .sfd__media__right__item--1 {
            width: 48%; } }
    .sfd__media__right__media {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.sfd__mobile-swiper__list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: 12.5rem;
  overflow: hidden; }
  @media only screen and (min-width: 1024px) {
    .sfd__mobile-swiper__list {
      display: none; } }
  .sfd__mobile-swiper__list__item {
    width: 100% !important;
    height: 12.5rem;
    margin-bottom: 0.5rem;
    padding: 0; }
  .sfd__mobile-swiper__list__media {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }

.sfd__image-type-tab__container {
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background-color: #fff;
  z-index: 1; }
  @media only screen and (min-width: 1024px) {
    .sfd__image-type-tab__container {
      right: 1.625rem;
      bottom: 1rem;
      height: 2rem;
      line-height: 2rem; } }

.sfd__image-type-tab__item {
  padding: 0 0.4375rem;
  border-right: 1px solid #e7e7e7;
  font-size: 0.625rem;
  line-height: 1.25rem;
  cursor: pointer; }
  .sfd__image-type-tab__item:last-child {
    border-right: 0; }
  @media only screen and (min-width: 1024px) {
    .sfd__image-type-tab__item {
      font-size: 0.875rem; } }

.sfd__media-type-tab-layer {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 1; }
  @media only screen and (min-width: 1024px) {
    .sfd__media-type-tab-layer {
      right: 1.5625rem;
      bottom: 1rem; } }

.sfd__head-container {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .sfd__head-container {
      display: flex; } }

.sfd__head__apt-name {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.25rem;
  line-height: 1.75rem;
  flex: 1;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__head__apt-name {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.sfd__fixed-top {
  position: fixed;
  top: 3.1875rem;
  right: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 -6px 14px 0 #000;
  visibility: hidden;
  z-index: -1; }
  @media only screen and (min-width: 768px) {
    .sfd__fixed-top {
      top: 4.375rem; } }
  @media only screen and (min-width: 1024px) {
    .sfd__fixed-top {
      top: 5rem;
      box-shadow: inset 0 -1px 0 0 #e7e7e7; } }
  .sfd__fixed-top--fixed {
    visibility: visible;
    z-index: 402; }
  .sfd__fixed-top__header-mobile {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    box-shadow: inset 0 -1px 0 0 #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .sfd__fixed-top__header-mobile {
        display: none; } }
    .sfd__fixed-top__header-mobile__back {
      margin-right: 0.875rem; }
      @media only screen and (min-width: 1024px) {
        .sfd__fixed-top__header-mobile__back {
          display: none; } }
    .sfd__fixed-top__header-mobile__info-container {
      width: calc(100% - 16px); }
    .sfd__fixed-top__header-mobile__flatname {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem;
      font-weight: 600; }
    .sfd__fixed-top__header-mobile__address {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.625rem;
      line-height: 1rem;
      display: inline-block;
      width: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .sfd__fixed-top__header-web {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd__fixed-top__header-web {
        display: flex;
        align-items: center;
        max-width: 80rem;
        margin: 0.75rem auto 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; } }
    .sfd__fixed-top__header-web__container {
      width: 100%; }
    .sfd__fixed-top__header-web__flatname {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 600; }
    .sfd__fixed-top__header-web__operate {
      flex: 1;
      white-space: nowrap; }
    .sfd__fixed-top__header-web__btn {
      color: #000;
      font-size: 1rem;
      line-height: 1.375rem;
      width: auto;
      padding: 0.5625rem 8.25rem;
      border-radius: 3px;
      background: #FFC600;
      font-weight: 600;
      white-space: nowrap;
      visibility: hidden; }
      .sfd__fixed-top__header-web__btn-show {
        visibility: visible; }
  @media only screen and (min-width: 1024px) {
    .sfd__fixed-top__tab-container {
      max-width: 80rem;
      margin: auto; } }
  .sfd__fixed-top__tab-ul {
    margin: 0 0.5rem; }
  .sfd__fixed-top__tab-li {
    margin: 0.5rem 0.75rem 0;
    padding: 0 0.125rem 0.5rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__fixed-top__tab-li {
        margin: 0;
        padding: 0.8125rem 1rem; } }
    .sfd__fixed-top__tab-li--active:after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.1875rem;
      background-color: #FFC600;
      content: ''; }
  .sfd__fixed-top__tab-item {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    display: inline-block; }
    .sfd__fixed-top__tab-item--active {
      color: #e6b200;
      font-weight: 600; }

.sfd__operate {
  display: inline-block;
  position: relative;
  max-width: 5rem;
  height: 1.4375rem;
  margin-top: 0.125rem;
  margin-left: 0.375rem;
  padding: 0rem 0.25rem;
  border-radius: 15px;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .sfd__operate {
      height: 1.875rem;
      margin-top: 0.625rem;
      padding: 0.0625rem 0.25rem; } }
  .sfd__operate:focus {
    outline: none; }
  .sfd__operate-container {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd__operate-container {
        display: inline-block; } }
  .sfd__operate > span {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.375rem;
    display: inline-block;
    height: 1.4375rem;
    margin-right: 0.125rem;
    margin-left: 0.25rem;
    text-align: center;
    vertical-align: bottom; }
    @media only screen and (min-width: 1024px) {
      .sfd__operate > span {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.625rem;
        height: 1.625rem; } }
  .sfd__operate > svg {
    width: 1.0625rem;
    height: 1.0625rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__operate > svg {
        width: 1.25rem;
        height: 1.25rem; } }
  .sfd__operate__web-share:hover .site-web-share {
    display: inline-block; }
  .sfd__operate__share-card {
    position: fixed !important;
    top: unset !important;
    right: unset !important;
    z-index: 1; }

.sfd__operate-mobile {
  padding: 0 1.25rem;
  line-height: 2.5rem; }
  @media only screen and (min-width: 1024px) {
    .sfd__operate-mobile {
      display: none; } }
  .sfd__operate-mobile__back {
    display: inline-block;
    font-size: 0.875rem; }
    .sfd__operate-mobile__back > svg {
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.5rem;
      transform: rotate(180deg); }
  .sfd__operate-mobile-conatiner {
    float: right;
    font-size: 0.875rem; }
  .sfd__operate-mobile__share {
    margin-right: 1.25rem; }
  .sfd__operate-mobile__share > svg, .sfd__operate-mobile__collect > svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    vertical-align: sub; }

.sfd__infomation {
  position: relative;
  width: 100%;
  padding: 0.75rem 1.25rem 1.25rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .sfd__infomation {
      width: 68%;
      padding: 0 1rem 0 0;
      border: 0; } }
  .sfd__infomation__title {
    margin: 0 1rem 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap; }
  .sfd__infomation__address {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding-bottom: 1rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__infomation__address {
        color: rgba(0, 0, 0, 0.6);
        font-size: 0.875rem;
        line-height: 1.375rem; } }
  .sfd__infomation__title-apt-type {
    margin: 0 1rem 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    white-space: nowrap; }
  .sfd__infomation__content {
    display: inline-block; }
    .sfd__infomation__content-text {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.875rem;
      line-height: 1.375rem; }
    .sfd__infomation__content-type {
      display: inline-block;
      margin-top: 0.125rem;
      margin-right: 0.25rem;
      padding: 0 0.5rem;
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      background: #f3f3f3;
      font-size: 0.75rem;
      line-height: 1.25rem; }
      @media only screen and (min-width: 1024px) {
        .sfd__infomation__content-type {
          margin-top: 0;
          margin-right: 0.5rem;
          font-size: 0.875rem;
          line-height: 1.5rem; } }
    .sfd__infomation__content-middle {
      flex: 1;
      margin-right: 0.75rem;
      overflow-wrap: anywhere; }
      @media only screen and (min-width: 1024px) {
        .sfd__infomation__content-middle {
          max-width: -webkit-max-content;
          max-width: -moz-max-content;
          max-width: max-content; } }
  .sfd__infomation__list > li {
    display: flex;
    margin-top: 0.75rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__infomation__list > li {
        align-items: center;
        margin-top: 0.5rem; } }
    .sfd__infomation__list > li:first-child {
      margin-top: 0; }
  .sfd__infomation__button {
    width: auto;
    height: 1.25rem;
    color: #cc9e00;
    font-weight: 500;
    text-decoration: none; }
    @media only screen and (min-width: 1024px) {
      .sfd__infomation__button {
        height: 1.375rem;
        font-weight: 400; } }
  .sfd__infomation__description-title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-bottom: 0.5rem;
    padding-top: 1.3125rem;
    border-top: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .sfd__infomation__description-title {
        color: rgba(0, 0, 0, 0.9);
        font-size: 1rem;
        line-height: 1.375rem;
        padding-top: 0;
        border-top: 0; } }
  .sfd__infomation__description {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 400;
    white-space: break-spaces; }
  .sfd__infomation__facility {
    display: inline-block;
    margin: 1rem 0.625rem 0 0;
    padding: 0.3125rem 0.75rem;
    border: 1px solid #FFC600;
    border-radius: 1rem;
    background: #fffcf2;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__infomation__facility {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.375rem; } }

.sfd__content-container {
  padding: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .sfd__content-container {
      width: 68%;
      padding: 0; } }

.sfd__mobile-room-info__for-only {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sfd__mobile-room-info__for-only {
      display: block; } }

@media only screen and (min-width: 1024px) {
  .sfd__mobile-room-info__for-only-show {
    display: none; } }

.sfd__modal-consult {
  width: 39.9375rem;
  height: 92%;
  padding: 1rem 0 0;
  float: right;
  border: 0;
  box-shadow: none; }
  .sfd__modal-consult__empty {
    width: 6.25rem; }

.sfd__web-modal-consult {
  width: 36.9375rem;
  height: 100%;
  padding: 0;
  float: right;
  border: 0;
  box-shadow: none; }
  .sfd__web-modal-consult > .sfd-consult__content__main,
  .sfd__web-modal-consult > .sfd-consult__footer {
    padding: 0; }
    .sfd__web-modal-consult > .sfd-consult__content__main::-webkit-scrollbar,
    .sfd__web-modal-consult > .sfd-consult__footer::-webkit-scrollbar {
      display: none; }

.sfd__web-consult {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sfd__web-consult {
      display: flex;
      border-radius: 0.375rem; } }
  .sfd__web-consult__container {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfd__web-consult__container {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 6.25rem;
        width: 32%;
        margin-top: 1.5rem;
        float: right;
        background-color: unset; } }
  .sfd__web-consult__for-fixed {
    top: 11.75rem; }
  .sfd__web-consult__float-container {
    width: 25.5625rem; }
    @media only screen and (min-width: 1024px) and (max-width: 1280px) {
      .sfd__web-consult__float-container {
        min-width: 34%; } }
    @media only screen and (min-width: 1280px) and (max-width: 1423px) {
      .sfd__web-consult__float-container {
        min-width: 32%; } }
  .sfd__web-consult__panel {
    width: 96%;
    margin: auto;
    padding: 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1); }
  .sfd__web-consult__tips {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-top: 0.75rem; }
  .sfd__web-consult__free-btn {
    position: relative;
    padding: 0.5rem 0;
    border-radius: 0.375rem;
    background: linear-gradient(to right, #ffe794, 10%, #FFC600);
    color: rgba(0, 0, 0, 0.9);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center; }
    .sfd__web-consult__free-btn__logo {
      position: absolute;
      bottom: 0;
      left: 0.5rem;
      width: 2.5rem; }

.sfd__mobile-consult {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001; }
  .sfd__mobile-consult__unfold {
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1002; }
  @media only screen and (min-width: 1024px) {
    .sfd__mobile-consult {
      display: none; } }
  .sfd__mobile-consult__half {
    position: relative;
    top: unset;
    padding: 0; }
    .sfd__mobile-consult__half__back {
      display: none; }

.sfd__bottom-consult {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem 1.25rem 1.25rem;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  z-index: 402; }
  @media only screen and (min-width: 1024px) {
    .sfd__bottom-consult {
      display: none; } }
  .sfd__bottom-consult__price-container {
    display: inline-block;
    width: 50%; }
  .sfd__bottom-consult__price {
    color: #b84145;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 600; }
    .sfd__bottom-consult__price--cycle {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem; }
  .sfd__bottom-consult__btn {
    display: inline-block;
    width: 50%;
    border-radius: 0.375rem;
    background-color: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400; }

.sfd__modal-status {
  padding: 2rem 3.125rem;
  border-radius: 0.1875rem;
  background-color: #fff; }
  .sfd__modal-status__emote {
    width: 14.25rem;
    margin: 0 auto 1.5rem; }
    .sfd__modal-status__emote > img {
      width: 100%;
      height: 100%; }
  .sfd__modal-status__title {
    margin-bottom: 0.5rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-align: center; }
  .sfd__modal-status__summary {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: center; }
  .sfd__modal-status__time {
    color: #e6b200;
    font-weight: 600; }
  .sfd__modal-status__weight {
    font-weight: 600; }
  .sfd__modal-status__button-orange {
    display: inline-block;
    width: 48%;
    border-radius: 0.375rem;
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__modal-status__button-orange {
        border-radius: 0.1875rem; } }

.sfd__full-success {
  padding: 2rem 1.25rem;
  background-color: #fff; }
  .sfd__full-success__summary {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem; }
  .sfd__full-success__button {
    display: inline-block;
    width: 48%;
    margin-top: 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.375rem;
    background: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .sfd__full-success__button {
        border-radius: 0.1875rem; } }
    .sfd__full-success__button-middle {
      display: inline-block;
      width: 4%; }

.sfd__notification-button {
  width: auto;
  margin-left: 1rem;
  float: right;
  color: #cc9e00;
  font-size: 0.875rem;
  text-decoration: none; }
  .sfd__notification-button--pay {
    color: #cc9e00; }
  .sfd__notification-button--cancel {
    color: rgba(0, 0, 0, 0.9); }

.sfd__web-want-rent {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sfd__web-want-rent {
      display: flex;
      justify-content: space-between;
      height: 4.5rem;
      margin: 1.5rem 0.625rem 0;
      padding: 1rem;
      border: 1px solid #f9e0c7;
      border-radius: 6px;
      background: #fff1e9; }
      .sfd__web-want-rent > p {
        font-weight: 600;
        line-height: 2.625rem; } }

.sfd__mobile-want-rent {
  display: flex;
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  justify-content: space-between;
  min-width: em(134);
  height: 2rem;
  padding: 4px 6px 4px 4px;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1; }
  @media only screen and (min-width: 1024px) {
    .sfd__mobile-want-rent {
      bottom: 1rem;
      left: 1rem; } }
  .sfd__mobile-want-rent > p {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.5rem; }

.sfd-roomslist__title-container {
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__title-container {
      margin: 0; } }

.sfd-roomslist__search {
  position: absolute;
  top: 1.25rem;
  right: 0;
  margin-right: 1.25rem; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__search {
      margin-right: 0; } }
  .sfd-roomslist__search-input {
    max-width: 12.5rem;
    height: 1.625rem;
    padding: 0 1.75rem 0 0.75rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.25rem;
    outline: none;
    font-size: 0.875rem; }
  .sfd-roomslist__search-clear {
    position: absolute;
    right: 0.5rem;
    width: 0.75rem;
    height: 1.625rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1rem;
    line-height: 1.5rem;
    cursor: pointer;
    z-index: 1; }

.sfd-roomslist__search-result {
  margin-bottom: 1rem; }

.sfd-roomslist__container {
  margin-top: 0.5rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__container {
      width: 68%;
      padding-right: 1rem; } }

.sfd-roomslist__tab-container {
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff;
  z-index: 2; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__tab-container {
      max-width: 80rem;
      margin: auto; } }

.sfd-roomslist__tab-ul {
  padding: 0 0.5rem;
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }

.sfd-roomslist__tab-li {
  margin: 0.5rem 0.75rem 0;
  padding: 0 0.125rem 0.5rem;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__tab-li {
      margin: 0;
      padding: 0.8125rem 1rem; } }
  .sfd-roomslist__tab-li--active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1875rem;
    background-color: #FFC600;
    content: ''; }
  .sfd-roomslist__tab-li--fixed-active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1875rem;
    background-color: #FFC600;
    content: ''; }
    @media only screen and (min-width: 1024px) {
      .sfd-roomslist__tab-li--fixed-active:after {
        display: none; } }

.sfd-roomslist__tab-item {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__tab-item--active {
      color: #e6b200;
      font-weight: 600; } }

.sfd-roomslist__empty {
  width: 6rem;
  text-align: center; }

.sfd-roomslist__sublease-summary {
  margin: 0.75rem 1.25rem 0 1rem;
  padding: 0.75rem;
  border: 1px solid #ffe899;
  border-radius: 12px;
  background: #fff4cc; }
  .sfd-roomslist__sublease-summary__title {
    display: inline-block;
    margin-bottom: 0.25rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px; }
  .sfd-roomslist__sublease-summary__btn {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    width: auto;
    padding: 0 0.5rem;
    float: right;
    border-radius: 6px;
    background: #FFC600; }
    .sfd-roomslist__sublease-summary__btn::after {
      display: table;
      clear: both;
      content: ''; }

.sfd-roomslist__room-summary {
  margin: 0.75rem 1.25rem 1rem;
  padding: 0.75rem;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  background: #f3f3f3; }
  @media only screen and (min-width: 1024px) {
    .sfd-roomslist__room-summary {
      margin: 0.75rem 0 1rem; } }
  .sfd-roomslist__room-summary__title {
    margin-bottom: 0.25rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px; }
  .sfd-roomslist__room-summary__desc {
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25rem; }

.sfd-similar {
  background-color: #fff; }
  .sfd-similar:first-child {
    margin-top: 0.5rem; }
  .sfd-similar__header {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    line-height: 1.625rem;
    padding: 1.5rem 0 0.5rem 1.25rem;
    font-weight: 600; }
    @media only screen and (min-width: 1024px) {
      .sfd-similar__header {
        padding: 1.5rem 0 1rem;
        border-top: 1px solid #e7e7e7; } }
  .sfd-similar__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.625rem;
    padding-left: 1.25rem;
    list-style: none;
    white-space: nowrap;
    overflow-x: auto; }
    @media only screen and (min-width: 1024px) {
      .sfd-similar__list {
        padding: 6px 3px; } }
    .sfd-similar__list-item {
      width: 18.75rem;
      min-width: 300px;
      margin-right: 1.25rem; }
      .sfd-similar__list-item:last-child {
        margin-right: 0; }
      @media only screen and (min-width: 1024px) {
        .sfd-similar__list-item {
          width: 25%;
          min-width: unset;
          max-width: 18.75rem; } }
      .sfd-similar__list-item--occupy {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .sfd-similar__list-item--occupy {
            display: inline-block; } }
    .sfd-similar__list-card {
      box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12) !important; }
  .sfd-similar__horizon-scroll {
    margin: 1.25rem auto 0; }
    @media only screen and (min-width: 1024px) {
      .sfd-similar__horizon-scroll {
        margin: 3.875rem auto 0;
        opacity: 0; } }

.sfl {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sfl {
      display: block; } }
  .sfl__home {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .sfl__pill {
    color: #fff;
    font-size: 0.625rem;
    line-height: 1.125rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0.0625rem 0.125rem;
    border-radius: 1px; }
    @media only screen and (max-width: 768px) {
      .sfl__pill {
        position: absolute;
        top: 6.1875rem;
        left: 0.1875rem;
        margin: 0;
        padding: 0.1875rem 0.5625rem 0.1875rem 0.625rem;
        border-radius: 0.1875rem;
        font-size: 0.75rem;
        line-height: 1.0625rem; } }
    .sfl__pill-private, .sfl__pill-4 {
      background-color: #b84145; }
    .sfl__pill-student, .sfl__pill-3 {
      background-color: #FFC600;
      color: #4c4c4c; }
    .sfl__pill-school, .sfl__pill-5 {
      background-color: #3865a3; }
    .sfl__pill-hotel, .sfl__pill-6 {
      background-color: #7bb32e; }
    .sfl__pill-short, .sfl__pill-7 {
      background-color: #a0c5db; }
  .sfl__map-link {
    margin-left: 0.5rem;
    color: #6d727b;
    font-size: 0.75rem;
    line-height: 1.0625rem; }
    @media only screen and (min-width: 768px) {
      .sfl__map-link {
        display: none; } }
  .sfl__text {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .sfl__text {
        color: #6D7278;
        font-size: 0.75rem;
        line-height: 1.125rem;
        display: inline-block;
        margin-right: 1.25rem;
        padding: 0.25rem 0.3125rem 0.1875rem 0.375rem;
        background-color: #ececec; } }
  @media only screen and (min-width: 1024px) {
    .sfl__container {
      margin: 0 !important; } }
  .sfl__caption {
    margin-bottom: 0.5rem;
    color: #666666;
    font-size: 0.75rem; }
    @media only screen and (max-width: 768px) {
      .sfl__caption {
        font-size: 0.625rem; } }
  .sfl__walking, .sfl__cycling, .sfl__driving {
    margin-right: 0.625rem;
    color: #666666;
    font-size: 0.75rem; }
    @media only screen and (max-width: 768px) {
      .sfl__walking, .sfl__cycling, .sfl__driving {
        display: block;
        position: relative;
        margin-right: 0;
        margin-bottom: 0.1875rem;
        margin-left: 1.25rem;
        font-size: 0.625rem; } }
  .sfl__icon {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: bottom; }
    @media only screen and (max-width: 768px) {
      .sfl__icon {
        position: absolute;
        top: 0;
        left: -1.25rem;
        width: 0.9375rem;
        height: 0.9375rem;
        fill: #9e9e9e; }
        .sfl__icon:last-child {
          width: 0.8125rem;
          height: 0.8125rem; } }

.sf-share-card__modal {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px); }

.sf-share-card__modal-content {
  position: relative;
  padding-top: 3.25rem; }
  @media only screen and (max-height: 636px) {
    .sf-share-card__modal-content {
      scale: 0.7; } }
  @media only screen and (min-height: 636px) and (max-height: 722px) {
    .sf-share-card__modal-content {
      scale: 0.8; } }

.sf-share-card__close {
  position: absolute;
  top: 0;
  right: -0.625rem;
  color: #fff;
  font-size: 1.625rem; }

.sf-share-card__priview-img {
  width: 100%;
  max-width: 23.4375rem; }

.sf-share-card__long-press {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  text-align: center; }

.sf-share-card__operate {
  width: 14.5rem;
  margin: 2.5rem auto 0;
  text-align: center; }
  .sf-share-card__operate-item {
    display: inline-block;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 198, 0, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    text-align: center; }
  .sf-share-card__operate-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-top: 1rem; }

.comment-list__content {
  margin: 1.5rem 0 0; }

.comment-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-self: space-between; }

.comment-list__item {
  width: 100%;
  margin: 0 0 0.625rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }

.comment-list__heading {
  height: 1.875rem;
  margin-top: 1.25rem; }
  .comment-list__heading__avatar {
    width: 1.8175rem;
    height: 1.8575rem;
    margin: 0 0.6875rem 0 0.75rem;
    float: left;
    border-radius: 3rem; }
  .comment-list__heading__name {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.875rem;
    margin-right: 0.25rem;
    font-weight: 500; }
  .comment-list__heading__city {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.875rem;
    font-weight: 500; }
  .comment-list__heading__time {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.875rem;
    margin-right: 1.25rem;
    float: right; }

.comment-list__value {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin: 0 1.125rem 0 3.25rem; }

.comment-list__address {
  color: #9e9e9e;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0.5rem 0 1.25rem 3.25rem; }

.site-map__map {
  position: absolute;
  top: calc(3.1875rem + 6.5625rem);
  width: 100%;
  height: calc(100vh - 3.1875rem - 6.5625rem); }
  @media only screen and (min-width: 1024px) {
    .site-map__map {
      top: calc(5rem + 3.3125rem);
      height: calc(100vh - 5rem - 3.3125rem); } }
  @media only screen and (min-width: 1024px) {
    .site-map__map--isshow {
      left: 400px;
      width: calc(100% - 400px); } }

.site-map__header__search {
  display: inline-block;
  width: calc(100% - 36px - 36px); }
  @media only screen and (min-width: 1024px) {
    .site-map__header__search__result-container {
      left: -5rem; } }
  @media only screen and (max-width: 768px) {
    .site-map__header__search__result-container {
      right: 0.5rem;
      left: -1rem; } }
  .site-map__header__search-placeholder {
    position: relative;
    z-index: 1001; }
    @media only screen and (max-width: 768px) {
      .site-map__header__search-placeholder {
        padding: 0.5rem 1.25rem;
        background-color: #fff; } }
    @media only screen and (min-width: 768px) {
      .site-map__header__search-placeholder {
        margin: 0 auto;
        background-color: #fff; } }
    @media only screen and (min-width: 1024px) {
      .site-map__header__search-placeholder {
        max-width: 80rem;
        margin: 0 auto;
        z-index: 1003; } }
  @media only screen and (min-width: 1024px) {
    .site-map__header__search-container {
      position: absolute;
      top: -3.75rem;
      right: 36.8125rem; } }
  .site-map__header__search__back {
    display: inline-block;
    width: 36px; }
    @media only screen and (min-width: 1024px) {
      .site-map__header__search__back {
        display: none; } }
    .site-map__header__search__back-arrow {
      width: 1rem;
      height: 1rem;
      transform: rotate(180deg);
      vertical-align: middle; }
  .site-map__header__search__to-list {
    display: inline-block;
    width: 36px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    text-align: center;
    vertical-align: text-top; }
    @media only screen and (min-width: 1024px) {
      .site-map__header__search__to-list {
        display: none; } }
  .site-map__header__search__hot-city-list {
    max-height: 7.5rem; }
    .site-map__header__search__hot-city-list > .city__hot__container__item {
      margin-right: 0.5rem;
      margin-left: 0.5rem; }
  .site-map__header__search__city-container-box {
    max-height: calc(40vh); }
  .site-map__header__search__city-letter-list {
    top: unset;
    bottom: 1rem;
    transform: unset; }

.site-map__header__filter-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0.625rem 1.25rem;
  background-color: #fff;
  white-space: nowrap;
  box-shadow: inset 0 -1px 0 0 #e7e7e7;
  z-index: 996;
  overflow-x: auto; }
  @media only screen and (max-width: 768px) {
    .site-map__header__filter-container {
      padding: 0.625rem; } }
  .site-map__header__filter-container:last-child {
    margin-right: 0; }

.site-map__header__filter-item {
  display: inline-block;
  position: relative;
  margin-right: 1rem; }
  .site-map__header__filter-item:last-child {
    margin-right: 0; }

.site-map__header__filter-type {
  color: #767676;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  padding: 0.375rem 0.5625rem;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  cursor: pointer; }
  .site-map__header__filter-type--active {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: #FFC600; }

.site-map__header__close {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .site-map__header__close {
      display: inline-block;
      padding: 0 16px;
      float: right;
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      color: rgba(0, 0, 0, 0.9);
      font-size: 14px;
      font-weight: 600;
      line-height: 2rem;
      text-align: right;
      cursor: pointer; } }

.site-map .ground-mark {
  position: relative;
  right: 1.25rem;
  margin-top: 0.75rem;
  float: right;
  z-index: 1000; }
  .site-map .ground-mark__trigger {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08); }
    .site-map .ground-mark__trigger-open {
      padding: 0.625rem; }
  .site-map .ground-mark__toggle-dot {
    margin-top: 0.125rem;
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12); }
  .site-map .ground-mark__item {
    padding: 0.5rem;
    line-height: 0; }
    .site-map .ground-mark__item-img {
      width: 1.25rem;
      height: 1.25rem; }

.site-map__filter {
  position: absolute;
  left: 0.625rem;
  min-width: 24.6875rem;
  border-radius: 0.625rem;
  background: #fff;
  box-shadow: 0 0.375rem 3.125rem 0.5rem rgba(22, 29, 37, 0.11);
  z-index: 1001; }
  @media only screen and (max-width: 768px) {
    .site-map__filter {
      right: 1.125rem;
      left: 1.25rem;
      min-width: 16.25rem;
      padding: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .site-map__filter__card {
      padding: 2.5rem 2.5rem 1rem; } }

.site-map__route {
  position: absolute;
  right: 0;
  left: 0;
  width: 50%;
  margin: 0.625rem auto 0;
  padding: 0.25rem 0.625rem;
  border-radius: 0.5rem;
  background-color: #e4e4e4;
  font-size: 0.875rem;
  cursor: pointer;
  z-index: 999; }
  @media only screen and (min-width: 768px) {
    .site-map__route {
      width: 15%; } }
  @media only screen and (min-width: 1024px) {
    .site-map__route--top {
      top: 5rem; } }
  .site-map__route__content {
    line-height: 1.375rem; }
  .site-map__route__button-get {
    text-align: center; }
  .site-map__route__close {
    position: absolute;
    top: 0.25rem;
    right: 0.375rem; }
    .site-map__route__close-icon {
      width: 0.75rem;
      height: 0.75rem; }

.site-map__marker {
  position: absolute;
  transform: translate(-50%, -100%);
  z-index: 1000;
  will-change: transform; }
  .site-map__marker__fire {
    height: 0.875rem;
    margin-right: 0.25rem;
    vertical-align: middle; }
    @media only screen and (min-width: 1024px) {
      .site-map__marker__fire {
        height: 1.125rem; } }

.site-map__property-active-marker {
  display: inline-block;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.125rem 0.5rem;
  border: 1px solid #fff;
  border-radius: 0.4375rem;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px; }
  @media only screen and (min-width: 1024px) {
    .site-map__property-active-marker {
      font-size: 20px;
      line-height: 28px; } }
  .site-map__property-active-marker:after {
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0.625rem;
    height: 0.625rem;
    transform: translate(-50%, -50%) rotate(45deg);
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    background-color: #000;
    content: '';
    z-index: 0; }
    @media only screen and (min-width: 1024px) {
      .site-map__property-active-marker:after {
        width: 0.75rem;
        height: 0.75rem; } }

.site-map__property-popup {
  top: -20px;
  z-index: 1001; }
  @media only screen and (max-width: 768px) {
    .site-map__property-popup {
      display: none; } }
  .site-map__property-popup > .mapboxgl-popup-content {
    padding: 0;
    background: transparent;
    box-shadow: none; }
  .site-map__property-popup--close-btn-more > .mapboxgl-popup-content > .mapboxgl-popup-close-button {
    right: 3.5rem;
    font-size: 1.625rem; }
  .site-map__property-popup--close-btn-single > .mapboxgl-popup-content > .mapboxgl-popup-close-button {
    top: 0.25rem;
    right: 0.5rem;
    font-size: 1.375rem; }
  .site-map__property-popup > .mapboxgl-popup-tip {
    display: none; }
  .site-map__property-popup__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  .site-map__property-popup__count {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    background: #fff;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12); }
    .site-map__property-popup__count-container {
      margin-bottom: 0.5rem;
      text-align: center; }
  .site-map__property-popup__chevron {
    width: 36px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
    line-height: 36px;
    text-align: center;
    box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08); }
    .site-map__property-popup__chevron-left {
      left: -44px;
      margin-right: 0.5rem; }
    .site-map__property-popup__chevron-right {
      right: -44px;
      margin-left: 0.5rem; }
  .site-map__property-popup__card__bgshadow {
    width: 86%;
    height: 0.625rem;
    margin: auto;
    border-radius: 0 0 6px 6px;
    background: #fff;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.05); }
  .site-map__property-popup__card__container {
    display: inline-block;
    height: auto !important; }
    .site-map__property-popup__card__container > .site-biz-card__room-type {
      margin-bottom: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .site-map__property-popup__card__container > .site-biz-card__room-type {
          margin-bottom: 0; } }
    .site-map__property-popup__card__container--width {
      width: 100%; }
    .site-map__property-popup__card__container--width1 {
      width: 90%;
      margin: 0 5%; }
    .site-map__property-popup__card__container--width2 {
      width: 80%;
      margin: 0 8px; }
  .site-map__property-popup__card__media-swiper-container {
    height: 7.5rem !important; }
  .site-map__property-popup__card__bottom-fixed {
    position: relative !important;
    margin-top: 0.375rem; }
    @media only screen and (min-width: 1024px) {
      .site-map__property-popup__card__bottom-fixed {
        margin-top: 0; } }
    .site-map__property-popup__card__bottom-fixed > .site-biz-card__facility-container {
      margin-top: 0.375rem; }
    .site-map__property-popup__card__bottom-fixed > .site-biz-card__footer {
      height: 3rem; }
      .site-map__property-popup__card__bottom-fixed > .site-biz-card__footer > span > .site-biz-card__price-discount {
        vertical-align: super; }

.site-map__mark-popup {
  z-index: 1001; }
  .site-map__mark-popup > .mapboxgl-popup-content {
    padding: 0; }
    .site-map__mark-popup > .mapboxgl-popup-content > .mapboxgl-popup-close-button {
      top: 0.25rem;
      right: 0.5rem;
      outline: none;
      font-size: 1.375rem; }

.site-map__point-marker {
  width: 2rem; }

.site-map__bottom-list {
  position: absolute;
  bottom: 1.25rem;
  width: 100%;
  white-space: nowrap;
  z-index: 1000;
  overflow-x: auto; }
  @media only screen and (min-width: 1024px) {
    .site-map__bottom-list {
      display: none; } }
  .site-map__bottom-list__card-container {
    display: inline-block;
    position: relative; }
  .site-map__bottom-list__card-close {
    position: absolute;
    top: 4px;
    right: 0;
    width: 24px;
    border-radius: 4px;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.6);
    line-height: 24px;
    text-align: center; }

.apartmentbar {
  position: fixed;
  top: 8.5rem;
  bottom: 0;
  left: 0;
  z-index: 995; }
  @media only screen and (max-width: 768px) {
    .apartmentbar {
      display: none; } }
  .apartmentbar__header {
    padding-left: 0.75rem;
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 1.125rem;
    font-weight: 600; }
  .apartmentbar__list {
    width: 25rem;
    height: calc(100% - 25px);
    padding: 0.875rem 0.75rem 0;
    background-color: #fff;
    list-style: none;
    overflow-y: scroll; }
  .apartmentbar__item {
    height: 11.5625rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid #EBEBEB;
    cursor: default; }
    .apartmentbar__item__select {
      border: 1px solid #FFC600; }
    .apartmentbar__item:hover, .apartmentbar__item--hover {
      background-color: #e7e7e7; }
  .apartmentbar__content {
    width: 15.25rem;
    float: right; }
  .apartmentbar__left-content {
    display: inline-block;
    width: 6.25rem; }
  .apartmentbar__image-container {
    display: inline-block;
    position: relative;
    width: 6.25rem;
    height: 4.6875rem;
    border-radius: 0.1875rem;
    overflow: hidden; }
  .apartmentbar__image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%); }
  .apartmentbar__facility-container {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .apartmentbar__box {
    margin-bottom: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .apartmentbar__desc {
    position: relative;
    top: 0;
    margin: 0 0 0.1875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .apartmentbar__desc:last-child {
      margin: 0; }
  .apartmentbar__room-type {
    margin-bottom: 0.375rem;
    white-space: nowrap;
    overflow: hidden; }
    .apartmentbar__room-type__item {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin-left: 0.25rem;
      padding: 0 0.25rem;
      border: 1px solid #f3f3f3;
      border-radius: 3px;
      background: #f3f3f3;
      font-family: PingFangSC, PingFang SC, Microsoft YaHei;
      box-sizing: border-box; }
      .apartmentbar__room-type__item:first-child {
        margin-left: 0; }
  .apartmentbar__text {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .apartmentbar__price-container {
    position: relative; }
  .apartmentbar__price {
    color: #C50505;
    font-size: 1.375rem;
    line-height: 2.0625rem;
    margin-right: 0.3125rem; }
    .apartmentbar__price--discount {
      color: #9e9e9e;
      font-size: 0.875rem;
      line-height: 1.3125rem;
      font-weight: 400;
      padding: 0 0.25rem 0 0;
      text-decoration: line-through; }
  .apartmentbar__billing {
    color: #4c4c4c;
    font-size: 0.625rem;
    line-height: 0.875rem;
    margin: 0 0.625rem 0 0.25rem; }
  .apartmentbar__heading {
    color: #4c4c4c;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 600; }
    .apartmentbar__heading:hover {
      border-bottom: 1px solid #FFC600;
      color: #FFC600; }
  .apartmentbar__result {
    color: #c8c9cb;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    .apartmentbar__result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
    .apartmentbar__result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .apartmentbar__result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .apartmentbar__result__buttons {
      display: inline-block; }
  .apartmentbar__pagination {
    text-align: center; }
  .apartmentbar__button {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    top: 50%;
    right: -1.5rem;
    width: 1.5rem;
    height: 3.75rem;
    transform: translateY(-50%);
    border: 0;
    border-radius: 0 0.375rem 0.375rem 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 60%, rgba(0, 0, 0, 0.06) 100%), #fff;
    cursor: -webkit-grab;
    cursor: grab;
    z-index: 1000; }
  .apartmentbar__button--left {
    right: auto;
    left: 0; }

.traffic__layer {
  height: 21.875rem; }

.traffic__type {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 26%; }
  .traffic__type__item {
    color: #222222;
    font-size: 0.875rem;
    line-height: 3.5rem;
    outline: none;
    text-align: center; }
  .traffic__type__underline {
    padding: 0.875rem 0.9375rem;
    border-bottom: 1px solid #FFC600;
    color: #FFC600;
    font-weight: 400; }

.traffic__content {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 74%;
  height: 100%;
  border-left: 1px solid #e7e7e7; }

.traffic__line {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
  overflow: auto; }
  .traffic__line__item {
    color: #222222;
    font-size: 0.875rem;
    line-height: 3.4375rem;
    padding-left: 1.25rem;
    outline: none; }
  .traffic__line__underline {
    padding: 0.875rem 0;
    border-bottom: 1px solid #FFC600;
    color: #FFC600;
    font-weight: 400; }

.traffic__action {
  display: flex;
  margin: 0 0.4375rem; }
  .traffic__action__item {
    margin: 0.4375rem;
    padding: 0.375rem;
    font-weight: 400; }
  .traffic__action-reset {
    box-shadow: inset 0 0 0 1px #D8D8D8; }
  .traffic__action-confirm {
    background-color: #FFC600;
    color: #fff; }

.apartment {
  padding: 1.25rem;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .apartment {
      max-width: 31.25rem;
      margin: 0 auto 1.875rem; } }
  .apartment__image {
    width: 100%; }
  .apartment__text {
    color: #4c4c4c;
    font-size: 0.9375rem;
    line-height: 1.125rem; }
    @media only screen and (min-width: 768px) {
      .apartment__text {
        color: #4c4c4c;
        font-size: 1.125rem;
        line-height: 1.25rem; } }

.site-maps {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.25rem; }
  .site-maps__container {
    width: 100%;
    margin-bottom: 2.5rem;
    padding: 0 2rem; }
    @media only screen and (min-width: 768px) {
      .site-maps__container {
        width: 74.5rem;
        margin-bottom: 6.625rem; } }
  .site-maps__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
  .site-maps__title {
    color: #4c4c4c;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e7e7e7; }
    @media only screen and (min-width: 768px) {
      .site-maps__title {
        color: #4c4c4c;
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 2.5rem;
        padding-bottom: 1.5625rem; } }
  .site-maps__item {
    display: inline-block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .site-maps__item {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.5rem;
        width: calc(50% - 12px);
        margin: 0 0.75rem 0.625rem 0; } }
    @media only screen and (min-width: 768px) {
      .site-maps__item {
        color: #4c4c4c;
        font-size: 1rem;
        line-height: 1.5rem;
        width: calc(25% - 36.25px);
        margin: 0 2.25rem 1rem 0; } }
    .site-maps__item:hover {
      color: #5db0a6;
      text-decoration: underline; }
  .site-maps__blog-list {
    margin-top: 1.25rem; }
    @media only screen and (min-width: 768px) {
      .site-maps__blog-list {
        margin-top: 2.5rem; } }

.roommate-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .roommate-listing {
      max-width: 48rem;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .roommate-listing {
      max-width: 80rem; }
      .roommate-listing::after {
        display: table;
        clear: both;
        content: ''; } }
  .roommate-listing__condition-arrow {
    position: relative;
    top: -0.0625rem;
    left: 1.8125rem; }
  .roommate-listing__aside {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 4rem;
    background: #fff;
    overflow: auto;
    z-index: 10000000; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__aside {
        display: inline-block;
        position: static;
        width: 22.125rem;
        margin: 0;
        background-color: transparent;
        overflow: visible;
        vertical-align: top; } }
    .roommate-listing__aside--active {
      display: block; }
  .roommate-listing__aside-heading {
    color: #fff;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.8125rem 0;
    background-color: #4c4c4c;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__aside-heading {
        display: none; } }
  .roommate-listing__aside-buttons {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    padding: 1rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__aside-buttons {
        display: none; } }
    .roommate-listing__aside-buttons__empty, .roommate-listing__aside-buttons__complete {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding: 0.625rem 0;
      border: 1px solid #FFC600;
      border-radius: 2px;
      background-color: #fff; }
    .roommate-listing__aside-buttons__complete {
      margin-left: 1.3125rem;
      border: 0;
      background-color: #FFC600; }
  .roommate-listing__main {
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__main {
        display: inline-block;
        position: relative;
        max-width: 56rem;
        margin-left: 1.875rem; } }
    @media only screen and (max-width: 768px) {
      .roommate-listing__main {
        padding: 0 1.5625rem 1.5625rem; } }
  .roommate-listing__functions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.625rem 0 1.25rem; }
    .roommate-listing__functions::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__functions {
        display: block;
        margin: 0; } }
    @media only screen and (max-width: 768px) {
      .roommate-listing__functions {
        display: none; } }
  @media only screen and (max-width: 768px) {
    .roommate-listing__map-mode {
      display: none; } }
  .roommate-listing__map-mode__icon {
    width: 1.25rem;
    height: 1.0625rem;
    margin: 0 0.1875rem 0 0;
    vertical-align: middle;
    fill: #9e9e9e; }
  .roommate-listing__map-mode__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.75rem;
    margin: 0;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__map-mode__title {
        margin-left: 2rem;
        vertical-align: middle; } }
  .roommate-listing__heading {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 1.3125rem; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__heading {
        color: #4c4c4c;
        font-size: 2rem;
        line-height: 3rem;
        margin: 0;
        padding: 0; } }
  .roommate-listing__filters {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 10rem;
    height: 2.5625rem;
    margin-right: 0.9375rem;
    border: 0;
    background-color: #f8f8f6;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__filters {
        display: none; } }
  .roommate-listing__icon-filter {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    fill: #b84145; }
  .roommate-listing__sort-container {
    width: 10rem;
    height: 2.5625rem;
    padding: 0.375rem 1.375rem 0 0;
    background-color: #f8f8f6; }
    @media only screen and (min-width: 768px) {
      .roommate-listing__sort-container {
        height: 100%;
        padding: 0;
        float: right;
        background-color: transparent; } }
    @media only screen and (max-width: 768px) {
      .roommate-listing__sort-container {
        display: none; } }
    .roommate-listing__sort-container .select-field__container {
      margin-bottom: 0; }
  .roommate-listing__sort {
    height: 2rem;
    padding-right: 1.625rem;
    border: 0;
    background-color: transparent;
    line-height: 2rem;
    -moz-text-align-last: right;
         text-align-last: right;
    direction: rtl; }
  .roommate-listing__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0.9375rem; } }
    @media only screen and (max-width: 768px) {
      .roommate-listing__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; } }
  .roommate-listing__pagination {
    margin-top: 0.75rem;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .roommate-listing__pagination {
        margin-top: 1.5rem; } }
  .roommate-listing__count {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding: 0 0 0.9375rem; }
    @media only screen and (min-width: 768px) {
      .roommate-listing__count {
        padding: 0.9375rem 0; } }
  .roommate-listing__footer {
    margin: 0 0 1.25rem;
    text-align: center; }
    .roommate-listing__footer::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__footer {
        margin: 0 0 1rem; } }
  .roommate-listing__box {
    position: absolute;
    z-index: 1; }
    .roommate-listing__box__images {
      width: 1.375rem;
      height: 1.375rem;
      margin-top: 0.625rem;
      margin-left: 0.625rem;
      float: right; }
      @media only screen and (max-width: 768px) {
        .roommate-listing__box__images {
          width: 1.25rem;
          height: 1.25rem;
          margin-top: 0; } }
    .roommate-listing__box__videos {
      color: #000000;
      font-size: 0.625rem;
      line-height: 1rem;
      display: inline-block;
      margin-top: 0.75rem;
      margin-left: 1.25rem;
      padding: 0.125rem;
      border-radius: 0.25rem;
      background-color: #FFC600; }
      @media only screen and (max-width: 768px) {
        .roommate-listing__box__videos {
          margin: 0; } }
  .roommate-listing .filter {
    margin: 0 0 1rem;
    padding: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing .filter {
        padding: 2.5rem 2.0625rem 2.125rem;
        border: 1px solid #EAEAEA; } }
    .roommate-listing .filter__item {
      margin: 1rem 0 0; }
      .roommate-listing .filter__item:first-of-type {
        margin: 0; }
    .roommate-listing .filter__title {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .roommate-listing .filter__content::after {
      display: table;
      clear: both;
      content: ''; }
    .roommate-listing .filter__content__image {
      position: relative;
      top: 1.5rem;
      right: 1rem;
      float: right;
      z-index: 1; }
    .roommate-listing .filter__date-picker--cover {
      z-index: 1; }
  .roommate-listing .listing-card {
    position: relative;
    min-height: 8.4375rem;
    margin: 0 0 1rem;
    background-color: #fff;
    overflow: hidden; }
    .roommate-listing .listing-card::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing .listing-card {
        display: block;
        width: 17.8125rem;
        padding: 0; } }
    @media only screen and (max-width: 768px) {
      .roommate-listing .listing-card {
        display: inline-block;
        width: 9.875rem;
        margin: 0 0 0.6875rem; } }
    .roommate-listing .listing-card__image-container {
      position: relative;
      width: 100%;
      height: 6.6875rem;
      background-color: #c8c9cb;
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__image-container {
          display: block;
          width: 17.8125rem;
          height: 12.385rem; } }
      @media only screen and (max-width: 768px) {
        .roommate-listing .listing-card__image-container {
          margin-bottom: 1.75rem;
          border-radius: 0.3125rem; } }
    .roommate-listing .listing-card__image {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%); }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__image {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translate(-50%, -50%); } }
    .roommate-listing .listing-card__sold {
      position: absolute;
      top: 0;
      left: 0;
      width: 5rem;
      pointer-events: none; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__sold {
          width: 40%; } }
    @media only screen and (min-width: 1024px) {
      .roommate-listing .listing-card__content {
        margin: 0;
        padding-top: 0.625rem; } }
    .roommate-listing .listing-card__heading {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-weight: 600;
      margin: 0; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__heading {
          color: #4c4c4c;
          font-size: 1.125rem;
          line-height: 1.6875rem;
          display: inline; } }
      @media only screen and (max-width: 768px) {
        .roommate-listing .listing-card__heading {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; } }
    .roommate-listing .listing-card__heading-link {
      display: block;
      padding: 0 0 0.5rem; }
    .roommate-listing .listing-card__pill {
      color: #4c4c4c;
      font-size: 0.625rem;
      line-height: 1.125rem;
      display: inline-block;
      margin: 0 0.25rem 0 0;
      padding: 0.0625rem 0.125rem;
      border-radius: 1px;
      background-color: #7bb32e;
      vertical-align: text-top; }
      @media only screen and (max-width: 768px) {
        .roommate-listing .listing-card__pill {
          color: #4c4c4c;
          font-size: 0.5rem;
          line-height: 0.75rem;
          position: absolute;
          top: 5.125rem;
          right: 0.25rem; } }
      .roommate-listing .listing-card__pill--vip {
        background-color: #C50505;
        color: #fff; }
      .roommate-listing .listing-card__pill--latest {
        background-color: #ffcc00;
        color: #fff; }
      .roommate-listing .listing-card__pill--instant {
        background-color: #267876;
        color: #fff; }
      .roommate-listing .listing-card__pill--offer {
        background-color: #6454b5;
        color: #fff; }
        @media only screen and (max-width: 768px) {
          .roommate-listing .listing-card__pill--offer {
            background-color: #fff;
            color: #6454b5; } }
      .roommate-listing .listing-card__pill--discount {
        display: none; }
        @media only screen and (max-width: 768px) {
          .roommate-listing .listing-card__pill--discount {
            display: inline-block;
            width: 0.625rem;
            height: 0.5rem;
            vertical-align: middle; } }
    .roommate-listing .listing-card__desc {
      position: relative;
      top: -0.5rem;
      margin: 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__desc {
          top: 0;
          margin: 0 0 0.375rem; } }
    .roommate-listing .listing-card__symbol-item {
      margin-right: 0.375rem;
      padding: 0.125rem 0.375rem;
      border-radius: 0.125rem;
      background-color: #EAEAEA;
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 20px;
      text-align: center; }
    .roommate-listing .listing-card__text {
      color: #6D7278;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__text {
          color: #6D7278;
          font-size: 0.875rem;
          line-height: 1.3125rem; } }
    .roommate-listing .listing-card__icon--pc--time {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__icon--pc--time {
          display: inline-block;
          width: 0.6875rem;
          height: 0.6875rem;
          margin-right: 0.25rem; } }
    .roommate-listing .listing-card__icon--time {
      width: 0.8125rem;
      height: 0.8125rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__icon--time {
          display: none; } }
    .roommate-listing .listing-card__icon--pc--location {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__icon--pc--location {
          display: inline-block;
          width: 0.5625rem;
          height: 0.75rem;
          margin-right: 0.375rem; } }
    .roommate-listing .listing-card__icon--location {
      width: 0.5625rem;
      height: 0.8125rem;
      margin-right: 0.1875rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__icon--location {
          display: none; } }
    .roommate-listing .listing-card__price {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.5rem;
      font-weight: 600; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__price {
          color: #C50505;
          font-size: 1.375rem;
          line-height: 2.0625rem;
          margin-right: 0.3125rem; } }
      .roommate-listing .listing-card__price--discount {
        color: #9e9e9e;
        font-size: 0.625rem;
        line-height: 1.25rem;
        font-weight: 400;
        padding: 0 0.25rem;
        text-decoration: line-through; }
        @media only screen and (min-width: 1024px) {
          .roommate-listing .listing-card__price--discount {
            color: #9e9e9e;
            font-size: 0.875rem;
            line-height: 1.3125rem; } }
      .roommate-listing .listing-card__price-link {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .roommate-listing .listing-card__price-link {
            color: #4c4c4c;
            font-size: 0.75rem;
            line-height: 1.625rem;
            display: inline-block;
            position: absolute;
            top: 0.25rem;
            right: 0;
            width: 3.875rem;
            height: 1.625rem;
            border: 1px solid #EAEAEA;
            text-align: center;
            z-index: 50; }
            .roommate-listing .listing-card__price-link:hover {
              background-color: #FFC600; } }
    .roommate-listing .listing-card__billing {
      color: #4c4c4c;
      font-size: 0.625rem;
      line-height: 0.875rem;
      margin: 0 0.625rem 0 0.25rem; }
      .roommate-listing .listing-card__billing--cycle {
        margin: 0;
        color: #9e9e9e; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__billing {
          display: none; } }
      @media only screen and (max-width: 768px) {
        .roommate-listing .listing-card__billing {
          display: none; } }
    .roommate-listing .listing-card__price-container {
      position: relative; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .listing-card__price-container {
          margin-top: 2.25rem;
          margin-left: 0;
          padding: 0;
          border: 0; } }
      .roommate-listing .listing-card__price-container__icon {
        width: 0.875rem;
        height: 0.875rem;
        margin: 0 0.5rem 0 0;
        vertical-align: middle;
        fill: #9e9e9e; }
        @media only screen and (min-width: 1024px) {
          .roommate-listing .listing-card__price-container__icon {
            vertical-align: inherit; } }
      .roommate-listing .listing-card__price-container__link {
        color: transparent;
        font-size: 0.75rem;
        line-height: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10; }
        @media only screen and (min-width: 1024px) {
          .roommate-listing .listing-card__price-container__link {
            top: auto;
            right: 1rem;
            bottom: 1rem;
            left: auto;
            padding: 0.5rem 1rem;
            border: 0;
            border-radius: 2px;
            background-color: #b84145;
            color: #fff; } }
        .roommate-listing .listing-card__price-container__link--btn {
          display: none; }
          @media only screen and (min-width: 1024px) {
            .roommate-listing .listing-card__price-container__link--btn {
              color: transparent;
              font-size: 0.75rem;
              line-height: 1rem;
              display: block;
              position: absolute;
              top: auto;
              right: 1rem;
              bottom: 1rem;
              left: auto;
              padding: 0.5rem 1rem;
              border: 0;
              border-radius: 2px;
              background-color: #b84145;
              color: #fff;
              z-index: 10; } }
  .roommate-listing__card-radius {
    border-radius: 0.5rem; }
    @media only screen and (max-width: 768px) {
      .roommate-listing__card-radius {
        border-radius: 0; } }
  .roommate-listing__card__avatar {
    height: 1.5625rem; }
    @media only screen and (max-width: 768px) {
      .roommate-listing__card__avatar {
        position: absolute;
        top: 7.1875rem;
        left: -0.3125rem; } }
    .roommate-listing__card__avatar-img {
      position: relative;
      top: -1.5625rem;
      left: 0.625rem;
      width: 3.125rem;
      height: 3.125rem;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media only screen and (max-width: 768px) {
        .roommate-listing__card__avatar-img {
          width: 2.5rem;
          height: 2.5rem; } }
    .roommate-listing__card__avatar-tips {
      position: relative;
      top: -3.75rem; }
      @media only screen and (max-width: 768px) {
        .roommate-listing__card__avatar-tips {
          top: -3.125rem; } }
    .roommate-listing__card__avatar--valid {
      width: 1rem;
      height: 1.125rem; }
      @media only screen and (max-width: 768px) {
        .roommate-listing__card__avatar--valid {
          top: -3.125rem;
          width: 0.875rem;
          height: 1rem; } }
  .roommate-listing__card__price-container {
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__card__price-container {
        margin-left: 0;
        padding: 0;
        border: 0; } }
  .roommate-listing__card__button {
    display: flex;
    justify-content: space-between;
    margin-top: 0.625rem; }
  .roommate-listing__card__price-link {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__card__price-link {
        color: #4c4c4c;
        font-size: 0.75rem;
        line-height: 1.625rem;
        display: inline-block;
        width: 48%;
        height: 1.625rem;
        border: 1px solid #EAEAEA;
        text-align: center;
        z-index: 50; }
        .roommate-listing__card__price-link:hover {
          background-color: #FFC600; } }
  .roommate-listing__card__interested {
    color: #767676;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.3125rem;
    right: 0; }
    @media only screen and (max-width: 768px) {
      .roommate-listing__card__interested {
        color: #767676;
        font-size: 0.625rem;
        line-height: 0.875rem; } }
  .roommate-listing .no-result {
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 1024px) {
      .roommate-listing .no-result {
        padding: 4rem;
        text-align: left; } }
    .roommate-listing .no-result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .no-result__icon {
          width: 4rem;
          height: 4rem;
          float: left; } }
    .roommate-listing .no-result__content {
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .roommate-listing .no-result__content {
          margin: 0 0 0 6.25rem; } }
    .roommate-listing .no-result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .roommate-listing .no-result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .roommate-listing .no-result__buttons {
      display: inline-block; }
  .roommate-listing .apply-button {
    width: 100%;
    margin: 0 0 1rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff; }
    .roommate-listing .apply-button::after {
      display: table;
      clear: both;
      content: ''; }
    .roommate-listing .apply-button__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .roommate-listing .apply-button__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0; }
    .roommate-listing .apply-button__qr {
      width: 5rem;
      height: 5rem;
      float: right; }
  .roommate-listing .promotion-banner {
    display: none; }
    @media only screen and (min-width: 768px) {
      .roommate-listing .promotion-banner {
        display: block;
        margin-bottom: 1rem; } }
    .roommate-listing .promotion-banner__image {
      width: 100%; }
  .roommate-listing__title {
    display: inline-block; }
  .roommate-listing__button {
    margin-top: 0.3125rem;
    float: right;
    border: 0;
    background: transparent;
    cursor: pointer; }
  .roommate-listing__svg {
    width: 0.9375rem;
    height: 0.9375rem; }
  .roommate-listing__svg--hidden {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out; }
  .roommate-listing__input-container {
    width: 100%; }
  .roommate-listing__move__aside-container {
    display: flex;
    margin-top: 0.625rem; }
  .roommate-listing__move__aside {
    display: flex;
    position: relative;
    height: 2.25rem;
    border-radius: 1.5625rem;
    background-color: #f4f4f4; }
    @media only screen and (min-width: 768px) {
      .roommate-listing__move__aside {
        display: none; } }
    .roommate-listing__move__aside__like {
      margin-right: 0.625rem;
      line-height: 2.25rem; }
      @media only screen and (min-width: 768px) {
        .roommate-listing__move__aside__like {
          display: none; } }
      .roommate-listing__move__aside__like:last-child {
        margin-right: 0;
        margin-left: 0.625rem; }
    .roommate-listing__move__aside__city {
      display: inline-block;
      position: relative;
      flex: 2;
      height: 100%;
      white-space: nowrap;
      vertical-align: bottom; }
      .roommate-listing__move__aside__city::after {
        position: absolute;
        top: 0.625rem;
        right: 0;
        width: 0.0625rem;
        height: 0.9375rem;
        background-color: #dfdee0;
        content: ''; }
      .roommate-listing__move__aside__city--border {
        height: 100%;
        border: 0;
        background-color: transparent;
        font-size: 0.75rem;
        line-height: 2.25rem; }
      .roommate-listing__move__aside__city--box {
        width: calc(75vw); }
    .roommate-listing__move__aside__select-box {
      position: static;
      flex: 6; }
    .roommate-listing__move__aside__input {
      width: auto;
      margin-left: 1.6875rem;
      font-size: 0.75rem;
      line-height: 2.25rem; }
    .roommate-listing__move__aside__time {
      display: inline-block !important;
      flex: 2;
      line-height: 2.25rem !important; }
      .roommate-listing__move__aside__time > div > input {
        width: 100%;
        border: 0;
        background-color: transparent;
        font-size: 0.75rem; }
      .roommate-listing__move__aside__time > div > i {
        display: none; }
    .roommate-listing__move__aside__dropdown {
      top: 6.375rem !important;
      left: 50% !important;
      transform: translateX(-50%); }
    .roommate-listing__move__aside__map-icon {
      width: 1rem;
      height: 1.25rem;
      vertical-align: middle; }
    .roommate-listing__move__aside__back-arrow {
      width: 1rem;
      height: 1rem;
      transform: rotate(180deg); }
    .roommate-listing__move__aside__field-box {
      top: 2.3125rem;
      left: 0;
      width: 100%;
      height: calc(50vh);
      box-shadow: 0 0.625rem 1.125rem 0 rgba(0, 0, 0, 0.06); }
  .roommate-listing__screen-container {
    position: relative; }
    @media only screen and (min-width: 768px) {
      .roommate-listing__screen-container {
        display: none; } }
  .roommate-listing__screen__list {
    display: flex;
    position: relative;
    width: calc(88vw);
    margin: 1.25rem 0;
    white-space: nowrap;
    overflow-x: scroll; }
  .roommate-listing__screen__item {
    position: relative;
    padding: 0 0.9375rem; }
    .roommate-listing__screen__item__title {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.25rem; }
  .roommate-listing__screen__image {
    width: 0.375rem;
    height: 0.25rem;
    margin-left: 0.375rem;
    vertical-align: middle; }
  .roommate-listing__screen__image__sort {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 0.375rem;
    transform: translateY(-50%); }
    .roommate-listing__screen__image__sort--ancillary {
      right: -0.75rem; }
  .roommate-listing__screen__eject-container {
    display: block;
    position: absolute;
    top: 1.125rem;
    right: -1.5625rem;
    bottom: 0;
    left: -1.5625rem;
    height: calc(100vh);
    background-color: rgba(76, 76, 76, 0.8);
    z-index: 10; }
  .roommate-listing__screen__eject {
    width: 100%;
    padding: 1.5625rem;
    background: #fff; }
  .roommate-listing__screen__button-container {
    text-align: right; }
  .roommate-listing__screen__button {
    color: #222222;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 7.25rem;
    height: 2.125rem;
    padding: 0;
    border: 0.0625rem solid #EAEAEA;
    border-radius: 0.375rem;
    background-color: #fff;
    font-weight: 400; }
    .roommate-listing__screen__button:last-child {
      margin-left: 0.9375rem;
      border: 0;
      background-color: #FFC600; }
  .roommate-listing__screen__other-box {
    height: 18.75rem;
    overflow: scroll; }
  .roommate-listing__screen__sort-container {
    margin: 0; }
  .roommate-listing__screen__sort {
    width: 5rem;
    height: auto;
    padding: 0;
    border: 0;
    background-color: transparent; }
  .roommate-listing__screen__sort--icon {
    display: none; }
  .roommate-listing__nav {
    width: 100%;
    margin: 1rem; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__nav {
        display: block;
        margin: 1rem 0; } }
  .roommate-listing__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .roommate-listing__nav-item {
    display: inline;
    padding: 0 0.5rem 0 0; }
    .roommate-listing__nav-item:after {
      margin: 0 0 0 0.5rem;
      content: '>'; }
    .roommate-listing__nav-item:last-child:after {
      display: none; }
  .roommate-listing__nav-1 {
    color: #9e9e9e !important; }
  .roommate-listing__nav-link {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    border: 0;
    background-color: transparent;
    cursor: pointer; }
    .roommate-listing__nav-link:hover, .roommate-listing__nav-link:focus {
      color: #3b64a6; }
    @media only screen and (min-width: 1024px) {
      .roommate-listing__nav-link {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem; } }
  .roommate-listing__filter {
    position: relative;
    margin: 1.25rem 0; }
    @media only screen and (min-width: 768px) {
      .roommate-listing__filter {
        display: none; } }
    .roommate-listing__filter__list {
      display: flex;
      justify-content: space-between;
      white-space: nowrap;
      overflow-x: scroll; }

@media only screen and (min-width: 768px) {
  .roommate-detail {
    max-width: 48rem;
    margin: 1.5rem auto; } }

@media only screen and (min-width: 1024px) {
  .roommate-detail {
    max-width: 80rem; }
    .roommate-detail::after {
      display: table;
      clear: both;
      content: ''; } }

.roommate-detail__nav {
  display: none;
  margin: 1rem; }
  @media only screen and (min-width: 1024px) {
    .roommate-detail__nav {
      display: block;
      margin: 1rem 0; } }
  .roommate-detail__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .roommate-detail__nav-item {
    display: inline;
    padding: 0 0.5rem 0 0; }
    .roommate-detail__nav-item:after {
      margin: 0 0 0 0.5rem;
      content: '>'; }
    .roommate-detail__nav-item:last-child:after {
      display: none; }
  .roommate-detail__nav-front {
    color: #9e9e9e; }
  .roommate-detail__nav-last {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem; }
    .roommate-detail__nav-last:hover, .roommate-detail__nav-last:focus {
      color: #3b64a6; }
    @media only screen and (min-width: 1024px) {
      .roommate-detail__nav-last {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem; } }

.roommate-detail__sold {
  position: absolute;
  top: 8rem;
  right: auto;
  left: 50%;
  width: 40%;
  transform: translateX(-50%);
  opacity: 0.7;
  z-index: 10;
  pointer-events: none; }
  @media only screen and (min-width: 1024px) {
    .roommate-detail__sold {
      top: 15rem; } }

.roommate-detail__facilities {
  display: inline-block; }
  .roommate-detail__facilities-tips {
    margin-top: 1.25rem;
    line-height: 1.25rem; }
  .roommate-detail__facilities__icon-mark {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0.625rem 0.3125rem 0;
    vertical-align: middle;
    fill: #FFC600; }

.roommate-detail__gender-requirements {
  display: inline-block;
  margin-bottom: 0.3125rem;
  color: #4c4c4c;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px; }

.roommate-detail__rooms {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 1rem; }
  .roommate-detail__rooms .room-info__item {
    min-height: 6.875rem;
    margin-bottom: 1rem; }
    .roommate-detail__rooms .room-info__item:last-child {
      margin-bottom: 0; }
    .roommate-detail__rooms .room-info__item__name {
      margin-bottom: 0.5rem;
      font-size: 1rem; }
    .roommate-detail__rooms .room-info__item__img {
      position: relative;
      width: 40%;
      height: 5.375rem;
      float: left;
      overflow: hidden; }
      @media only screen and (min-width: 768px) {
        .roommate-detail__rooms .room-info__item__img {
          width: 20%; } }
      .roommate-detail__rooms .room-info__item__img-item {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .roommate-detail__rooms .room-info__item__img-length {
        position: absolute;
        right: 0.625rem;
        bottom: 0.625rem;
        color: #fff;
        font-size: 0.875rem; }
    .roommate-detail__rooms .room-info__item__detail {
      display: flex;
      width: 80%; }
      @media only screen and (max-width: 768px) {
        .roommate-detail__rooms .room-info__item__detail {
          flex-direction: column;
          width: 60%; } }
    .roommate-detail__rooms .room-info__item__summary {
      display: inline-block;
      flex: 1;
      padding: 0 1.25rem; }
      @media only screen and (max-width: 768px) {
        .roommate-detail__rooms .room-info__item__summary {
          color: #000;
          font-size: 0.75rem;
          line-height: 1.25rem; } }
      .roommate-detail__rooms .room-info__item__summary-divide, .roommate-detail__rooms .room-info__item__summary-roomtype {
        font-size: 0.875rem;
        line-height: 1.75rem; }
    @media only screen and (max-width: 768px) {
      .roommate-detail__rooms .room-info__item__relation {
        margin-left: 1.25rem; } }
    .roommate-detail__rooms .room-info__item__relation-price {
      color: #C50505;
      font-size: 1rem;
      line-height: 1.75rem; }
      .roommate-detail__rooms .room-info__item__relation-price--cycle {
        color: #4c4c4c;
        font-size: 0.625rem;
        line-height: 0.875rem; }
      .roommate-detail__rooms .room-info__item__relation-price--discounted-price {
        padding-right: 0.5rem;
        color: #9e9e9e;
        text-decoration: line-through; }
      .roommate-detail__rooms .room-info__item__relation-price__monthly {
        margin-left: 0.625rem; }

@media only screen and (min-width: 1024px) {
  .roommate-detail__aside {
    margin-top: 1.875rem;
    padding: 0; } }

.roommate-detail__aside-heading {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.6875rem; }
  .roommate-detail__aside-heading-similar {
    text-align: center; }
  @media only screen and (min-width: 1024px) {
    .roommate-detail__aside-heading {
      color: #4c4c4c;
      font-size: 1.5rem;
      line-height: 2.25rem;
      font-weight: 600;
      margin: 0 0 1.875rem;
      text-align: center; } }

.roommate-detail__aside-section {
  padding: 1.25rem;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .roommate-detail__aside-section {
      margin-bottom: 1.875rem;
      padding: 0; }
      .roommate-detail__aside-section:last-child {
        margin: 0; } }

.roommate-detail .apply-roommate {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .roommate-detail .apply-roommate {
      display: none; } }
  .roommate-detail .apply-roommate__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem; }
  .roommate-detail .apply-roommate__summary {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 13.875rem; }
  .roommate-detail .apply-roommate__qr {
    width: 6.25rem;
    height: 6.25rem;
    float: right; }

.roommate-detail .promotion-banner__image {
  width: 100%; }

.ulogin {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1005; }
  .ulogin__container {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4.75rem 1.25rem 3.625rem;
    background-color: #fff;
    background-image: url("/dist/images/public/user-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 6.625rem; }
    @media only screen and (max-height: 730px) {
      .ulogin__container {
        padding-top: 2.375rem; } }
    @media only screen and (min-width: 1024px) {
      .ulogin__container {
        width: 35rem;
        height: 35rem;
        padding: 3rem 5rem 2.5rem;
        border-radius: 0.5625rem;
        background-size: 100% 10rem; } }
  .ulogin__close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    padding: 0.375rem; }
    @media only screen and (min-width: 1024px) {
      .ulogin__close {
        top: 1.5rem;
        right: 1.5rem; } }
  .ulogin__page {
    position: relative;
    margin-bottom: 2.5rem;
    text-align: center; }
    .ulogin__page--reg-valid-success {
      margin-bottom: 2.5rem;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .ulogin__page--reg-valid-success {
          margin-bottom: 1.5rem; } }
    .ulogin__page--register-success {
      margin-bottom: 2.5rem;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .ulogin__page--register-success {
          margin-bottom: 0.5rem; } }
    .ulogin__page--maildbox-bind {
      margin-bottom: 1.5rem;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .ulogin__page--maildbox-bind {
          margin-bottom: 2.5rem; } }
    .ulogin__page--succrss-redirect {
      margin-bottom: 1.1875rem;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        .ulogin__page--succrss-redirect {
          margin-bottom: 2.5rem; } }
    .ulogin__page__title {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.75rem; }
      .ulogin__page__title--reg-valid-success {
        margin-bottom: 1.75rem; }
        @media only screen and (min-width: 1024px) {
          .ulogin__page__title--reg-valid-success {
            margin-bottom: 2.5rem; } }
      .ulogin__page__title--register-success {
        margin-bottom: 1.75rem; }
        @media only screen and (min-width: 1024px) {
          .ulogin__page__title--register-success {
            margin-bottom: 0.5rem; } }
    .ulogin__page__back {
      display: none;
      position: absolute;
      left: 0;
      color: rgba(0, 0, 0, 0.9);
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.75rem; }
      @media only screen and (min-width: 1024px) {
        .ulogin__page__back {
          display: unset; } }
      .ulogin__page__back-svg {
        width: 0.875rem;
        height: 0.875rem;
        margin-right: 1rem;
        transform: rotate(180deg); }
    .ulogin__page-terms {
      margin-top: 3.0625rem; }
      .ulogin__page-terms__check {
        margin-right: 0.625rem;
        vertical-align: middle; }
      .ulogin__page-terms__text {
        display: inline-block;
        height: 1.5rem;
        font-size: 0.75rem;
        line-height: 1.5rem; }
  .ulogin__terms__valid {
    display: inline-block;
    position: relative; }
  .ulogin__terms__tips {
    position: absolute;
    bottom: 1.75rem;
    left: -0.75rem;
    width: 10.5rem;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, 0.8); }
    .ulogin__terms__tips-content {
      color: #fff;
      font-size: 0.875rem;
      text-align: center; }
    .ulogin__terms__tips-arrow {
      position: absolute;
      bottom: -0.625rem;
      left: 0.5rem;
      border-top: 0.625rem solid rgba(0, 0, 0, 0.8);
      border-right: 0.625rem solid transparent;
      border-left: 0.625rem solid transparent; }
    .ulogin__terms__tips--invisible {
      display: none; }
  @media only screen and (max-width: 768px) {
    .ulogin__terms__pc {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .ulogin__terms__mobile {
      display: none; } }
  .ulogin__other {
    position: absolute;
    right: 1.25rem;
    bottom: 3.625rem;
    left: 1.25rem; }
    @media only screen and (max-height: 730px) {
      .ulogin__other {
        bottom: 2.125rem; } }
    @media only screen and (min-width: 1024px) {
      .ulogin__other {
        right: 5rem;
        bottom: 2.5rem;
        left: 5rem; } }
    @media only screen and (min-width: 1024px) {
      .ulogin__other--email {
        display: none; } }
    .ulogin__other-email--invisible {
      display: none; }
    .ulogin__other__title {
      margin: 0 0.3125rem;
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.875rem;
      line-height: 22px; }
    .ulogin__other__head {
      display: flex;
      align-items: center;
      margin-bottom: 1rem; }
      .ulogin__other__head::before, .ulogin__other__head::after {
        flex: 1;
        height: 1px;
        background-color: #e7e7e7;
        content: ''; }
    .ulogin__other__container {
      text-align: center; }
    .ulogin__other__item {
      margin-right: 0.625rem; }
      .ulogin__other__item-icon {
        width: 2.625rem;
        height: 2.625rem; }
    .ulogin__other__skip {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.375rem;
      text-align: center; }
  .ulogin__relative {
    position: relative; }
  .ulogin__relation-wx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 1rem;
    background: #fff;
    text-align: center;
    z-index: 1; }
    .ulogin__relation-wx-image {
      width: 12.5rem;
      height: 12.5rem; }
    .ulogin__relation-wx__tips {
      margin: 0.625rem 0; }
    .ulogin__relation-wx__error {
      color: #d21e1f; }
  .ulogin__button {
    height: 2.5rem;
    padding: 0;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; }
    .ulogin__button-yellow {
      background: #FFC600;
      color: rgba(0, 0, 0, 0.9); }
    .ulogin__button-green {
      background: #2ba245;
      color: rgba(255, 255, 255, 0.9); }
  .ulogin__input {
    position: relative; }
    .ulogin__input-container > .input-field__input-container {
      margin-bottom: 1rem; }
    .ulogin__input-field {
      height: 2.5rem;
      padding-left: 50px; }
    .ulogin__input__svg {
      position: absolute;
      top: 0.625rem;
      left: 1.25rem;
      width: 1.25rem;
      height: 1.25rem;
      z-index: 1; }
  .ulogin__help-tips {
    color: #cc9e00;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-align: left; }

.ulogin-tips {
  min-height: 6.125rem;
  border: 1px solid #dcdcdc;
  border-radius: 0.75rem; }
  @media only screen and (min-width: 1024px) {
    .ulogin-tips {
      min-height: 4.25rem; } }
  .ulogin-tips__emote {
    width: 5rem;
    height: 5rem;
    margin: 0.5rem;
    float: left; }
    @media only screen and (min-width: 1024px) {
      .ulogin-tips__emote {
        width: 3.125rem;
        height: 3.125rem; } }
  .ulogin-tips__head-text {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem; }
  .ulogin-tips__summary {
    margin-top: 0.25rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem; }
  .ulogin-tips__content-container {
    display: inline-block;
    width: calc(100% - (108 / 16 * 1rem));
    margin: 1rem 0.375rem 1rem 0; }
    @media only screen and (min-width: 1024px) {
      .ulogin-tips__content-container {
        width: calc(100% - (72 / 16 * 1rem));
        margin: 0.625rem 0.375rem 0.625rem 0; } }

.ulogin-wechat-login {
  text-align: center; }
  .ulogin-wechat-login__qr-image {
    width: 10rem;
    height: 10rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.375rem; }
  .ulogin-wechat-login__expire {
    position: relative; }
    .ulogin-wechat-login__expire-refresh {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      width: 10rem;
      height: 10rem;
      margin: auto;
      padding: 1.6875rem;
      background-color: rgba(255, 255, 255, 0.6); }
      .ulogin-wechat-login__expire-refresh-tips {
        margin-top: 1rem;
        color: rgba(0, 0, 0, 0.9);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.375rem; }
  .ulogin-wechat-login__summary {
    margin-top: 1.5rem;
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.375rem; }
  .ulogin-wechat-login__term {
    position: absolute;
    right: 1.25rem;
    bottom: 9.875rem;
    left: 1.25rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left; }
    @media only screen and (min-width: 1024px) {
      .ulogin-wechat-login__term {
        position: relative;
        right: 0;
        bottom: 0;
        left: 0;
        margin-top: 1.75rem; } }
    .ulogin-wechat-login__term__item {
      color: #cc9e00; }

.ulogin-email-login__forget {
  margin-top: 0.75rem;
  color: #cc9e00;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-decoration: none; }
  @media only screen and (min-width: 1024px) {
    .ulogin-email-login__forget {
      margin-top: 1rem; } }

.ulogin-mailbox-bind__label {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem; }

.ulogin-mailbox-bind__valid {
  margin-bottom: 2rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem; }
  .ulogin-mailbox-bind__valid-bold {
    color: #000;
    font-weight: 600; }

.ulogin-mailbox-bind__change-email {
  margin-top: 1rem;
  color: #cc9e00;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration: none; }

.ulogin-mailbox-bind__tips {
  margin-top: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1rem; }
  @media only screen and (min-width: 1024px) {
    .ulogin-mailbox-bind__tips {
      position: absolute;
      right: 5rem;
      bottom: 2.5rem;
      left: 5rem;
      font-size: 0.75rem;
      line-height: 1.25rem; } }

.ulogin-success-redirect__emote {
  width: 12.5rem;
  height: 12.5rem; }

.ulogin-success-redirect__description {
  margin: 1.25rem 0 1.5rem; }

.ulogin-success-redirect__container {
  text-align: center; }

.ulogin-valid-email-login__valid {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem; }
  .ulogin-valid-email-login__valid-bold {
    color: #000;
    font-weight: 600; }

.ulogin-valid-email-login__reset-send {
  position: absolute;
  top: 10px;
  right: 12px;
  width: auto;
  padding: 0;
  outline: none;
  background: #fff;
  color: #cc9e00;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem; }

.ulogin-valid-email-login__tips {
  margin-top: 0.75rem; }
  @media only screen and (min-width: 1024px) {
    .ulogin-valid-email-login__tips {
      margin-top: 1rem; } }

.ulogin-wechat-auth {
  text-align: center; }
  .ulogin-wechat-auth__logo {
    width: 9.375rem;
    margin-bottom: 2.5rem; }
  .ulogin-wechat-auth__term {
    margin-top: 1.5rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left; }

.site-terms {
  padding: 1.25rem; }
  .site-terms-center {
    text-align: center; }
  .site-terms__head-line-height {
    line-height: 3rem; }
  .site-terms__content {
    font-size: 0.875rem;
    line-height: 1.5625rem; }
  .site-terms__red {
    color: #A40303; }

.terms-page {
  display: flex; }
  @media only screen and (min-width: 768px) {
    .terms-page {
      max-width: 48rem;
      margin: 1.5rem auto; } }
  @media only screen and (min-width: 1024px) {
    .terms-page {
      max-width: 80rem; }
      .terms-page::after {
        display: table;
        clear: both;
        content: ''; } }
  .terms-page__menu {
    width: 15rem;
    padding-top: 1.5rem;
    border: 1px solid #BEBEBE;
    background-color: rgba(238, 238, 238, 0.3); }
    .terms-page__menu-item {
      display: inline-block;
      width: 100%;
      color: #000;
      font-size: 0.875rem;
      line-height: 2.5rem;
      text-align: center; }
      .terms-page__menu-item--active {
        border-left: 2px solid #6454b5;
        color: #6454b5; }
  .terms-page__content {
    flex: 1;
    margin-left: 1.5rem;
    border: 1px solid #BEBEBE;
    background-color: rgba(238, 238, 238, 0.3); }

.site-payment {
  margin: 1.875rem 0 3.75rem;
  text-align: center; }
  .site-payment__step {
    display: inline-block;
    margin: auto;
    padding: 1rem 0; }
    .site-payment__step-container {
      display: flex;
      width: 80%;
      margin: 1rem auto; }
    .site-payment__step-line {
      flex: 1;
      height: 1px;
      margin: 1.5rem;
      border: 1px solid #808080;
      background-color: #808080; }
    .site-payment__step--completed__num {
      color: #fff;
      font-size: 1.125rem;
      line-height: 1.875rem;
      display: block;
      width: 1.875rem;
      height: 1.875rem;
      border-radius: 1.875rem;
      background-color: #6454b5;
      text-align: center; }
    .site-payment__step--active {
      border-bottom: 0; }
      .site-payment__step--active__num {
        color: #4c4c4c;
        font-size: 1.125rem;
        line-height: 1.875rem;
        display: block;
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 1.875rem;
        background-color: #FFC600;
        text-align: center; }
    .site-payment__step-left {
      float: left; }
    .site-payment__step-right {
      margin-left: 3rem; }
    .site-payment__step__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.875rem;
      font-weight: 600;
      display: inline-block;
      margin: 0; }
  .site-payment__pay-qr {
    width: 12.5rem;
    height: 12.5rem; }
  .site-payment__price {
    color: #C50505;
    font-size: 2rem;
    line-height: 2rem; }
  .site-payment__tips {
    font-size: 1.125rem; }
  .site-payment__scan {
    margin: 1.5rem 0; }

.jt-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .jt-listing {
      max-width: 48rem;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .jt-listing {
      max-width: 80rem; }
      .jt-listing::after {
        display: table;
        clear: both;
        content: ''; } }
  .jt-listing__condition-arrow {
    position: relative;
    top: -0.0625rem;
    left: 1.8125rem; }
  .jt-listing__aside {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 4rem;
    background: #fff;
    overflow: auto;
    z-index: 100; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__aside {
        display: inline-block;
        position: static;
        flex: 1;
        width: 22.125rem;
        margin: 0;
        background-color: transparent;
        overflow: visible;
        vertical-align: top; } }
    .jt-listing__aside--active {
      display: block; }
  .jt-listing__aside-heading {
    color: #fff;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.8125rem 0;
    background-color: #4c4c4c;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__aside-heading {
        display: none; } }
  .jt-listing__aside-buttons {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    padding: 1rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__aside-buttons {
        display: none; } }
    .jt-listing__aside-buttons__empty, .jt-listing__aside-buttons__complete {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding: 0.625rem 0;
      border: 1px solid #FFC600;
      border-radius: 2px;
      background-color: #fff; }
    .jt-listing__aside-buttons__complete {
      margin-left: 1.3125rem;
      border: 0;
      background-color: #FFC600; }
  .jt-listing__main {
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__main {
        display: inline-block;
        position: relative;
        flex: 9;
        max-width: 56rem;
        margin-left: 1.875rem; } }
    @media only screen and (max-width: 768px) {
      .jt-listing__main {
        padding: 0 1.5625rem 1.5625rem; } }
  .jt-listing__functions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.625rem 0 1.25rem; }
    .jt-listing__functions::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__functions {
        display: block;
        margin: 0; } }
    @media only screen and (max-width: 768px) {
      .jt-listing__functions {
        display: none; } }
  .jt-listing__map-mode {
    float: right;
    line-height: 2rem; }
    @media only screen and (max-width: 768px) {
      .jt-listing__map-mode {
        display: none; } }
    .jt-listing__map-mode__icon {
      width: 1.25rem;
      height: 1.0625rem;
      margin: 0 0.1875rem 0 0;
      vertical-align: middle;
      fill: #9e9e9e; }
    .jt-listing__map-mode__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.75rem;
      margin: 0;
      font-weight: 400; }
      @media only screen and (min-width: 1024px) {
        .jt-listing__map-mode__title {
          margin-left: 2rem;
          line-height: 3rem; } }
  .jt-listing__result-text, .jt-listing__heading {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 1.3125rem; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__result-text, .jt-listing__heading {
        color: #4c4c4c;
        font-size: 2rem;
        line-height: 3rem;
        position: absolute;
        top: 0;
        margin: 0;
        padding: 0; } }
  .jt-listing__filters {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 10rem;
    height: 2.5625rem;
    margin-right: 0.9375rem;
    border: 0;
    background-color: #f8f8f6;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__filters {
        display: none; } }
  .jt-listing__icon-filter {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    fill: #b84145; }
  .jt-listing__sort-container {
    width: 10rem;
    height: 2.5625rem;
    padding: 0.375rem 1.375rem 0 0;
    background-color: #f8f8f6; }
    @media only screen and (min-width: 768px) {
      .jt-listing__sort-container {
        height: 100%;
        padding: 0;
        float: right;
        background-color: transparent; } }
    @media only screen and (max-width: 768px) {
      .jt-listing__sort-container {
        display: none; } }
    .jt-listing__sort-container .select-field__container {
      margin-bottom: 0; }
  .jt-listing__sort {
    height: 2rem;
    padding-right: 1.625rem;
    border: 0;
    background-color: transparent;
    line-height: 2rem;
    -moz-text-align-last: right;
         text-align-last: right;
    direction: rtl; }
  .jt-listing__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0.9375rem; } }
    @media only screen and (max-width: 768px) {
      .jt-listing__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; } }
  .jt-listing__pagination {
    margin-top: 0.75rem;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .jt-listing__pagination {
        margin-top: 1.5rem; } }
  .jt-listing__count {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding: 0 0 0.9375rem; }
    @media only screen and (min-width: 768px) {
      .jt-listing__count {
        padding: 0.9375rem 0; } }
  .jt-listing__footer {
    margin: 0 0 1.25rem;
    text-align: center; }
    .jt-listing__footer::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__footer {
        margin: 0 0 1rem; } }
  .jt-listing__box {
    position: absolute;
    z-index: 1; }
    .jt-listing__box__images {
      width: 1.375rem;
      height: 1.375rem;
      margin-top: 0.625rem;
      margin-left: 0.625rem;
      float: right; }
      @media only screen and (max-width: 768px) {
        .jt-listing__box__images {
          width: 1.25rem;
          height: 1.25rem;
          margin-top: 0; } }
    .jt-listing__box__videos {
      color: #000000;
      font-size: 0.625rem;
      line-height: 1rem;
      display: inline-block;
      margin-top: 0.75rem;
      margin-left: 1.25rem;
      padding: 0.125rem;
      border-radius: 0.25rem;
      background-color: #FFC600; }
      @media only screen and (max-width: 768px) {
        .jt-listing__box__videos {
          margin: 0; } }
  .jt-listing .filter {
    margin: 0 0 1rem;
    padding: 1.25rem;
    background-color: #fff; }
    @media only screen and (min-width: 1024px) {
      .jt-listing .filter {
        padding: 2.5rem 2.0625rem 2.125rem;
        border: 1px solid #EAEAEA; } }
    .jt-listing .filter__item {
      margin: 1rem 0 0; }
      .jt-listing .filter__item:first-of-type {
        margin: 0; }
      .jt-listing .filter__item__gender-requirement > .select-field__container {
        margin-bottom: 0; }
    .jt-listing .filter__title {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .jt-listing .filter__content::after {
      display: table;
      clear: both;
      content: ''; }
    .jt-listing .filter__content__image {
      position: relative;
      top: 1.5rem;
      right: 1rem;
      float: right;
      z-index: 1; }
    .jt-listing .filter__date-picker--cover {
      z-index: 1; }
  .jt-listing .listing-card {
    position: relative;
    min-height: 8.4375rem;
    margin: 0 0 1rem;
    background-color: #fff;
    overflow: hidden; }
    .jt-listing .listing-card::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .jt-listing .listing-card {
        display: block;
        width: 17.8125rem;
        padding: 0; } }
    @media only screen and (max-width: 768px) {
      .jt-listing .listing-card {
        display: inline-block;
        width: 9.875rem;
        margin: 0 0 0.6875rem; } }
    .jt-listing .listing-card__image-container {
      position: relative;
      width: 100%;
      height: 6.6875rem;
      background-color: #c8c9cb;
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__image-container {
          display: block;
          width: 17.8125rem;
          height: 12.385rem; } }
      @media only screen and (max-width: 768px) {
        .jt-listing .listing-card__image-container {
          margin-bottom: 1.75rem;
          border-radius: 0.3125rem; } }
    .jt-listing .listing-card__image {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%); }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__image {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translate(-50%, -50%); } }
    .jt-listing .listing-card__biz-name {
      width: 2.5rem;
      height: 0.875rem;
      margin-right: 0.125rem;
      padding: 0.125rem 0.3125rem;
      font-size: 0.625rem;
      line-height: 0.9375rem;
      vertical-align: middle; }
      .jt-listing .listing-card__biz-name-roommate {
        background: rgba(0, 149, 246, 0.12);
        color: #0095f6; }
      .jt-listing .listing-card__biz-name-sublet {
        background: rgba(224, 32, 32, 0.12);
        color: #e02020; }
    .jt-listing .listing-card__sold {
      position: absolute;
      top: 0;
      left: 0;
      width: 5rem;
      pointer-events: none; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__sold {
          width: 40%; } }
    @media only screen and (min-width: 1024px) {
      .jt-listing .listing-card__content {
        margin: 0;
        padding-top: 0.625rem; } }
    .jt-listing .listing-card__heading {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-weight: 600;
      margin: 0;
      vertical-align: text-top; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__heading {
          color: #4c4c4c;
          font-size: 1.125rem;
          line-height: 1.6875rem;
          display: inline; } }
      @media only screen and (max-width: 768px) {
        .jt-listing .listing-card__heading {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; } }
    .jt-listing .listing-card__heading-link {
      display: block;
      padding: 0 0 0.5rem; }
    .jt-listing .listing-card__pill {
      color: #4c4c4c;
      font-size: 0.625rem;
      line-height: 1.125rem;
      display: inline-block;
      margin: 0 0.25rem 0 0;
      padding: 0.0625rem 0.125rem;
      border-radius: 1px;
      background-color: #7bb32e; }
      @media only screen and (max-width: 768px) {
        .jt-listing .listing-card__pill {
          color: #4c4c4c;
          font-size: 0.5rem;
          line-height: 0.75rem;
          position: absolute;
          top: 5.125rem;
          right: 0.25rem; } }
      .jt-listing .listing-card__pill--vip {
        background-color: #C50505;
        color: #fff; }
      .jt-listing .listing-card__pill--latest {
        background-color: #ffcc00;
        color: #fff; }
      .jt-listing .listing-card__pill--instant {
        background-color: #267876;
        color: #fff; }
      .jt-listing .listing-card__pill--offer {
        background-color: #6454b5;
        color: #fff; }
        @media only screen and (max-width: 768px) {
          .jt-listing .listing-card__pill--offer {
            background-color: #fff;
            color: #6454b5; } }
      .jt-listing .listing-card__pill--discount {
        display: none; }
        @media only screen and (max-width: 768px) {
          .jt-listing .listing-card__pill--discount {
            display: inline-block;
            width: 0.625rem;
            height: 0.5rem;
            vertical-align: middle; } }
    .jt-listing .listing-card__desc {
      position: relative;
      top: -0.5rem;
      margin: 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      overflow: hidden; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__desc {
          top: 0;
          margin: 0 0 0.375rem; } }
    .jt-listing .listing-card__symbol-item {
      margin-right: 0.375rem;
      padding: 0.125rem 0.375rem;
      border-radius: 0.125rem;
      background-color: #EAEAEA;
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 20px;
      text-align: center; }
    .jt-listing .listing-card__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      padding: 0 0 0.5rem; }
    .jt-listing .listing-card__text {
      color: #6D7278;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__text {
          color: #6D7278;
          font-size: 0.875rem;
          line-height: 1.3125rem; } }
    .jt-listing .listing-card__icon--pc--time {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__icon--pc--time {
          display: inline-block;
          width: 0.6875rem;
          height: 0.6875rem;
          margin-right: 0.25rem; } }
    .jt-listing .listing-card__icon--time {
      width: 0.8125rem;
      height: 0.8125rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__icon--time {
          display: none; } }
    .jt-listing .listing-card__icon--pc--location {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__icon--pc--location {
          display: inline-block;
          width: 0.5625rem;
          height: 0.75rem;
          margin-right: 0.375rem; } }
    .jt-listing .listing-card__icon--location {
      width: 0.5625rem;
      height: 0.8125rem;
      margin-right: 0.1875rem;
      vertical-align: middle; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__icon--location {
          display: none; } }
    .jt-listing .listing-card__price {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.5rem;
      font-weight: 600; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__price {
          color: #C50505;
          font-size: 1.375rem;
          line-height: 2.0625rem;
          margin-right: 0.3125rem; } }
      .jt-listing .listing-card__price--discount {
        color: #9e9e9e;
        font-size: 0.625rem;
        line-height: 1.25rem;
        font-weight: 400;
        padding: 0 0.25rem;
        text-decoration: line-through; }
        @media only screen and (min-width: 1024px) {
          .jt-listing .listing-card__price--discount {
            color: #9e9e9e;
            font-size: 0.875rem;
            line-height: 1.3125rem; } }
      .jt-listing .listing-card__price-link {
        display: none; }
        @media only screen and (min-width: 1024px) {
          .jt-listing .listing-card__price-link {
            color: #4c4c4c;
            font-size: 0.75rem;
            line-height: 1.625rem;
            display: inline-block;
            position: absolute;
            top: 0.25rem;
            right: 0;
            width: 3.875rem;
            height: 1.625rem;
            border: 1px solid #EAEAEA;
            text-align: center;
            z-index: 50; }
            .jt-listing .listing-card__price-link:hover {
              background-color: #FFC600; } }
    .jt-listing .listing-card__billing {
      color: #4c4c4c;
      font-size: 0.625rem;
      line-height: 0.875rem;
      margin: 0 0.625rem 0 0.25rem; }
      .jt-listing .listing-card__billing--cycle {
        margin: 0;
        color: #9e9e9e; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__billing {
          display: none; } }
      @media only screen and (max-width: 768px) {
        .jt-listing .listing-card__billing {
          display: none; } }
    .jt-listing .listing-card__price-container {
      position: relative; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .listing-card__price-container {
          margin-top: 2.25rem;
          margin-left: 0;
          padding: 0;
          border: 0; } }
      .jt-listing .listing-card__price-container__icon {
        width: 0.875rem;
        height: 0.875rem;
        margin: 0 0.5rem 0 0;
        vertical-align: middle;
        fill: #9e9e9e; }
        @media only screen and (min-width: 1024px) {
          .jt-listing .listing-card__price-container__icon {
            vertical-align: inherit; } }
      .jt-listing .listing-card__price-container__link {
        color: transparent;
        font-size: 0.75rem;
        line-height: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10; }
        @media only screen and (min-width: 1024px) {
          .jt-listing .listing-card__price-container__link {
            top: auto;
            right: 1rem;
            bottom: 1rem;
            left: auto;
            padding: 0.5rem 1rem;
            border: 0;
            border-radius: 2px;
            background-color: #b84145;
            color: #fff; } }
        .jt-listing .listing-card__price-container__link--btn {
          display: none; }
          @media only screen and (min-width: 1024px) {
            .jt-listing .listing-card__price-container__link--btn {
              color: transparent;
              font-size: 0.75rem;
              line-height: 1rem;
              display: block;
              position: absolute;
              top: auto;
              right: 1rem;
              bottom: 1rem;
              left: auto;
              padding: 0.5rem 1rem;
              border: 0;
              border-radius: 2px;
              background-color: #b84145;
              color: #fff;
              z-index: 10; } }
  .jt-listing__card-radius {
    border-radius: 0.5rem; }
    @media only screen and (max-width: 768px) {
      .jt-listing__card-radius {
        border-radius: 0; } }
  .jt-listing__card__avatar {
    height: 1.5625rem; }
    @media only screen and (max-width: 768px) {
      .jt-listing__card__avatar {
        position: absolute;
        top: 7.1875rem;
        left: -0.3125rem; } }
    .jt-listing__card__avatar-img {
      position: relative;
      top: -1.5625rem;
      left: 0.625rem;
      width: 3.125rem;
      height: 3.125rem;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media only screen and (max-width: 768px) {
        .jt-listing__card__avatar-img {
          width: 2.5rem;
          height: 2.5rem; } }
    .jt-listing__card__avatar-tips {
      position: relative;
      top: -3.75rem; }
      @media only screen and (max-width: 768px) {
        .jt-listing__card__avatar-tips {
          top: -3.125rem; } }
    .jt-listing__card__avatar--valid {
      position: relative;
      width: 1rem;
      height: 1.125rem; }
      @media only screen and (max-width: 768px) {
        .jt-listing__card__avatar--valid {
          width: 0.875rem;
          height: 1rem; } }
  .jt-listing__card__price-container {
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__card__price-container {
        margin-left: 0;
        padding: 0;
        border: 0; } }
  .jt-listing__card__button {
    display: flex;
    justify-content: space-between;
    margin-top: 0.625rem; }
  .jt-listing__card__price-link {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__card__price-link {
        color: #4c4c4c;
        font-size: 0.75rem;
        line-height: 1.625rem;
        display: inline-block;
        width: 48%;
        height: 1.625rem;
        border: 1px solid #EAEAEA;
        text-align: center;
        z-index: 50; }
        .jt-listing__card__price-link:hover {
          background-color: #FFC600; } }
  .jt-listing__card__interested {
    color: #767676;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.3125rem;
    right: 0; }
    @media only screen and (max-width: 768px) {
      .jt-listing__card__interested {
        color: #767676;
        font-size: 0.625rem;
        line-height: 0.875rem; } }
  .jt-listing .no-result {
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 1024px) {
      .jt-listing .no-result {
        padding: 4rem;
        text-align: left; } }
    .jt-listing .no-result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .no-result__icon {
          width: 4rem;
          height: 4rem;
          float: left; } }
    .jt-listing .no-result__content {
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .jt-listing .no-result__content {
          margin: 0 0 0 6.25rem; } }
    .jt-listing .no-result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .jt-listing .no-result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .jt-listing .no-result__buttons {
      display: inline-block; }
  .jt-listing .apply-button {
    width: 100%;
    margin: 0 0 1rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff; }
    .jt-listing .apply-button::after {
      display: table;
      clear: both;
      content: ''; }
    .jt-listing .apply-button__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .jt-listing .apply-button__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0; }
    .jt-listing .apply-button__qr {
      width: 5rem;
      height: 5rem;
      float: right; }
  .jt-listing .promotion-banner {
    display: none; }
    @media only screen and (min-width: 768px) {
      .jt-listing .promotion-banner {
        display: block;
        margin-bottom: 1rem; } }
    .jt-listing .promotion-banner__image {
      width: 100%; }
  .jt-listing__title {
    display: inline-block; }
  .jt-listing__button {
    margin-top: 0.3125rem;
    float: right;
    border: 0;
    background: transparent;
    cursor: pointer; }
  .jt-listing__svg {
    width: 0.9375rem;
    height: 0.9375rem; }
  .jt-listing__svg--hidden {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out; }
  .jt-listing__input-container {
    width: 100%; }
  .jt-listing__move__aside-container {
    display: flex;
    margin-top: 0.625rem; }
  .jt-listing__move__aside {
    display: flex;
    position: relative;
    height: 2.25rem;
    border-radius: 1.5625rem;
    background-color: #f4f4f4; }
    @media only screen and (min-width: 768px) {
      .jt-listing__move__aside {
        display: none; } }
    .jt-listing__move__aside__like {
      margin-right: 0.625rem;
      line-height: 2.25rem; }
      @media only screen and (min-width: 768px) {
        .jt-listing__move__aside__like {
          display: none; } }
      .jt-listing__move__aside__like:last-child {
        margin-right: 0;
        margin-left: 0.625rem; }
    .jt-listing__move__aside__city {
      display: inline-block;
      position: relative;
      flex: 2;
      height: 100%;
      white-space: nowrap;
      vertical-align: bottom; }
      .jt-listing__move__aside__city::after {
        position: absolute;
        top: 0.625rem;
        right: 0;
        width: 0.0625rem;
        height: 0.9375rem;
        background-color: #dfdee0;
        content: ''; }
      .jt-listing__move__aside__city--border {
        height: 100%;
        border: 0;
        background-color: transparent;
        font-size: 0.75rem;
        line-height: 2.25rem; }
      .jt-listing__move__aside__city--box {
        width: calc(75vw); }
    .jt-listing__move__aside__select-box {
      position: static;
      flex: 6; }
    .jt-listing__move__aside__input {
      width: auto;
      margin-left: 1.6875rem;
      font-size: 0.75rem;
      line-height: 2.25rem; }
    .jt-listing__move__aside__time {
      display: inline-block !important;
      flex: 2;
      line-height: 2.25rem !important; }
      .jt-listing__move__aside__time > div > input {
        width: 100%;
        border: 0;
        background-color: transparent;
        font-size: 0.75rem; }
      .jt-listing__move__aside__time > div > i {
        display: none; }
    .jt-listing__move__aside__dropdown {
      top: 6.375rem !important;
      left: 50% !important;
      transform: translateX(-50%); }
    .jt-listing__move__aside__map-icon {
      width: 1rem;
      height: 1.25rem;
      vertical-align: middle; }
    .jt-listing__move__aside__back-arrow {
      width: 1rem;
      height: 1rem;
      transform: rotate(180deg); }
    .jt-listing__move__aside__field-box {
      top: 2.3125rem;
      left: 0;
      width: 100%;
      height: calc(50vh);
      box-shadow: 0 0.625rem 1.125rem 0 rgba(0, 0, 0, 0.06); }
  .jt-listing__screen-container {
    position: relative; }
    @media only screen and (min-width: 768px) {
      .jt-listing__screen-container {
        display: none; } }
  .jt-listing__screen__list {
    display: flex;
    position: relative;
    width: calc(88vw);
    margin: 1.25rem 0;
    white-space: nowrap;
    overflow-x: scroll; }
  .jt-listing__screen__item {
    position: relative;
    padding: 0 0.9375rem; }
    .jt-listing__screen__item__title {
      color: #222222;
      font-size: 0.875rem;
      line-height: 1.25rem; }
  .jt-listing__screen__image {
    width: 0.375rem;
    height: 0.25rem;
    margin-left: 0.375rem;
    vertical-align: middle; }
  .jt-listing__screen__image__sort {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 0.375rem;
    transform: translateY(-50%); }
    .jt-listing__screen__image__sort--ancillary {
      right: -0.75rem; }
  .jt-listing__screen__eject-container {
    display: block;
    position: absolute;
    top: 1.125rem;
    right: -1.5625rem;
    bottom: 0;
    left: -1.5625rem;
    height: calc(100vh);
    background-color: rgba(76, 76, 76, 0.8);
    z-index: 10; }
  .jt-listing__screen__eject {
    width: 100%;
    padding: 1.5625rem;
    background: #fff; }
  .jt-listing__screen__button-container {
    text-align: right; }
  .jt-listing__screen__button {
    color: #222222;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    width: 7.25rem;
    height: 2.125rem;
    padding: 0;
    border: 0.0625rem solid #EAEAEA;
    border-radius: 0.375rem;
    background-color: #fff;
    font-weight: 400; }
    .jt-listing__screen__button:last-child {
      margin-left: 0.9375rem;
      border: 0;
      background-color: #FFC600; }
  .jt-listing__screen__other-box {
    height: 18.75rem;
    overflow: scroll; }
  .jt-listing__screen__sort-container {
    margin: 0; }
  .jt-listing__screen__sort {
    width: 5rem;
    height: auto;
    padding: 0;
    border: 0;
    background-color: transparent; }
  .jt-listing__screen__sort--icon {
    display: none; }
  .jt-listing__nav {
    width: 100%;
    margin: 1rem; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__nav {
        display: block;
        margin: 1rem 0; } }
  .jt-listing__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .jt-listing__nav-item {
    display: inline;
    padding: 0 0.5rem 0 0; }
    .jt-listing__nav-item:after {
      margin: 0 0 0 0.5rem;
      content: '>'; }
    .jt-listing__nav-item:last-child:after {
      display: none; }
  .jt-listing__nav-1 {
    color: #9e9e9e !important; }
  .jt-listing__nav-link {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    border: 0;
    background-color: transparent;
    cursor: pointer; }
    .jt-listing__nav-link:hover, .jt-listing__nav-link:focus {
      color: #3b64a6; }
    @media only screen and (min-width: 1024px) {
      .jt-listing__nav-link {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem; } }

.ad-qr {
  margin: 0.625rem;
  padding: 1.25rem 0.625rem;
  border-radius: 0.5rem;
  background-color: #fff; }
  .ad-qr__back-icon {
    width: 0.625rem;
    height: 1rem;
    transform: rotate(180deg); }
  .ad-qr__logo {
    text-align: center; }
    .ad-qr__logo-image {
      width: 7.5rem; }
  .ad-qr__brief {
    margin: 1.875rem 0.625rem; }
    .ad-qr__brief__text {
      margin-top: 0.625rem;
      color: #767676;
      font-size: 0.875rem;
      line-height: 1.375rem; }
  .ad-qr__biz-qr {
    text-align: center; }
    .ad-qr__biz-qr-image {
      width: 7.5rem; }
  .ad-qr__tips {
    color: #767676;
    font-size: 0.875rem;
    line-height: 1.375rem;
    text-align: center; }

.date-search {
  position: relative; }
  .date-search__search-container {
    display: flex;
    position: relative;
    align-items: center;
    height: 2.25rem;
    border-radius: 1.5625rem;
    background-color: #F4F4F4; }
    @media only screen and (min-width: 1024px) {
      .date-search__search-container {
        align-items: unset;
        width: 26.875rem;
        height: 3.0625rem;
        background-color: #fff; } }
  .date-search__date {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.875rem;
    position: relative;
    flex: 1;
    width: 11.5625rem;
    text-align: center;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .date-search__date {
        width: 6.25rem; } }
    .date-search__date--pc {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .date-search__date--pc {
          display: block; } }
    @media only screen and (min-width: 1024px) {
      .date-search__date--phone {
        display: none; } }
    .date-search__date__ds {
      line-height: 3.0625rem; }
      @media only screen and (max-width: 768px) {
        .date-search__date__ds {
          font-size: 0.75rem;
          line-height: 1.875rem; } }
    .date-search__date__ds-select {
      top: 3.25rem;
      left: -4.0625rem;
      min-width: 34.625rem;
      padding: 0; }
      @media only screen and (max-width: 768px) {
        .date-search__date__ds-select {
          top: 2.375rem;
          right: auto;
          left: 38%;
          min-width: 18.75rem;
          transform: translateX(-15%);
          z-index: 2; } }
    .date-search__date__mobile__ds-select {
      top: 2.375rem;
      right: auto;
      left: 38%;
      min-width: 18.75rem;
      padding: 0;
      transform: translateX(-15%);
      z-index: 2; }
      @media only screen and (min-width: 1024px) {
        .date-search__date__mobile__ds-select {
          top: 3.25rem;
          left: -4.0625rem;
          min-width: 34.625rem; } }
    .date-search__date__mobile-alone-item {
      flex: 1; }
      .date-search__date__mobile-alone-item > .new-date-picker__alone-label,
      .date-search__date__mobile-alone-item > .new-date-picker__alone-data {
        position: relative;
        top: -0.375rem;
        font-size: 0.75rem;
        line-height: 0.25rem; }
      .date-search__date__mobile-alone-item__active {
        border-radius: 1.25rem;
        box-shadow: 0 0 6px #4c4c4c; }
    .date-search__date__mobile-caption {
      display: flex;
      justify-content: space-between; }
      .date-search__date__mobile-caption__label-form {
        display: inline-flex; }
    .date-search__date__close-container {
      position: absolute;
      top: 0;
      right: 0; }
    .date-search__date__close {
      width: 0.625rem;
      height: 0.625rem;
      margin-right: 0.3125rem; }
    .date-search__date__day {
      width: 100%;
      max-width: 100%;
      height: 100%; }
  .date-search__input {
    flex: 1;
    height: 1.875rem;
    border-left: 1px solid #e4e4e4;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .date-search__input {
        text-align: center; } }
    @media only screen and (min-width: 1024px) {
      .date-search__input {
        margin-top: 0.625rem; } }
    .date-search__input__field {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.875rem;
      width: 80%;
      border: 0;
      outline: none;
      background-color: transparent;
      text-align: center; }
      .date-search__input__field::-webkit-input-placeholder {
        color: #4c4c4c;
        font-size: 14px; }
      .date-search__input__field::-moz-placeholder {
        color: #4c4c4c;
        font-size: 14px; }
      .date-search__input__field:-ms-input-placeholder {
        color: #4c4c4c;
        font-size: 14px; }
      .date-search__input__field::-ms-input-placeholder {
        color: #4c4c4c;
        font-size: 14px; }
      .date-search__input__field::placeholder {
        color: #4c4c4c;
        font-size: 14px; }
      @media only screen and (max-width: 768px) {
        .date-search__input__field {
          color: #4c4c4c;
          font-size: 0.625rem;
          line-height: 1.875rem; }
          .date-search__input__field::-webkit-input-placeholder {
            color: #4c4c4c;
            font-size: 12px; }
          .date-search__input__field::-moz-placeholder {
            color: #4c4c4c;
            font-size: 12px; }
          .date-search__input__field:-ms-input-placeholder {
            color: #4c4c4c;
            font-size: 12px; }
          .date-search__input__field::-ms-input-placeholder {
            color: #4c4c4c;
            font-size: 12px; }
          .date-search__input__field::placeholder {
            color: #4c4c4c;
            font-size: 12px; } }
  .date-search__search {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .date-search__search {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0.375rem;
        width: 2.3125rem;
        transform: translateY(-50%); } }
  .date-search__prev-search {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .date-search__prev-search {
        display: inline-block;
        width: 1rem;
        vertical-align: sub; } }
  .date-search__move-search {
    width: 0.6875rem;
    margin-right: 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .date-search__move-search {
        display: none; } }
  .date-search__home-city {
    position: relative; }
    .date-search__home-city > .city__content {
      display: none; }
    .date-search__home-city-field {
      top: 0;
      left: -1.5rem;
      width: auto; }
      @media only screen and (min-width: 1024px) {
        .date-search__home-city-field {
          top: 0.75rem;
          width: 34.625rem; } }
      .date-search__home-city-field__list {
        right: -1.5rem; }
  @media only screen and (min-width: 1024px) {
    .date-search__default-city-container {
      position: absolute;
      left: -4.375rem; } }
  .date-search__result-container {
    position: absolute;
    min-width: 34.625rem;
    margin-top: 0.75rem;
    border-radius: 0.625rem;
    background-color: #fff;
    box-shadow: 0 0.375rem 3.125rem 0.5rem rgba(22, 29, 37, 0.11);
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .date-search__result-container {
        min-width: auto; } }
  .date-search__result-container__list {
    left: -5rem; }
    @media only screen and (max-width: 768px) {
      .date-search__result-container__list {
        right: -2.25rem;
        left: -2.25rem; } }
  .date-search__result {
    z-index: 1; }
    .date-search__result__head {
      height: 3.125rem;
      padding: 0 2.5rem;
      border-radius: 0.625rem 0.625rem 0 0;
      background-color: #f8f8f8; }
      @media only screen and (max-width: 768px) {
        .date-search__result__head {
          padding: 0 0.625rem;
          white-space: nowrap;
          overflow-x: auto; } }
      .date-search__result__head-item {
        color: #767676;
        font-size: 1rem;
        line-height: 3.125rem;
        padding: 0.75rem;
        cursor: pointer; }
      .date-search__result__head--active {
        border-bottom: 2px solid #FFC600; }
    .date-search__result__ul {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 24.25rem;
      border-radius: 0 0 0.625rem 0.625rem;
      overflow-y: auto; }
    .date-search__result__item {
      margin: 0 2.5rem;
      padding: 0.625rem 0;
      border-bottom: 1px solid #EAEAEA;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .date-search__result__item {
          margin: 0 0.625rem; } }
      .date-search__result__item-image {
        width: 1.375rem;
        margin-right: 0.5rem;
        vertical-align: sub; }
      .date-search__result__item-type {
        color: #4c4c4c;
        font-size: 1rem;
        line-height: 1.375rem;
        display: inline-block; }
      .date-search__result__item-summary {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin: 0.25rem 0 0.25rem 1.875rem; }
      .date-search__result__item-confirm {
        width: auto;
        margin: 1.25rem 0;
        padding: 0;
        float: right;
        background-color: #fff;
        color: #D5A600; }
      .date-search__result__item-sublet-price {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-left: 0.375rem; }
    .date-search__result__footer {
      margin-right: 1.25rem; }

.rp-charts__slider {
  position: relative;
  padding: 0 1.25rem; }
  .rp-charts__slider:before {
    display: block;
    position: absolute;
    top: 0.8125rem;
    left: 0;
    height: 0.375rem;
    border-radius: 0.375rem;
    background-color: #ececec;
    content: ''; }
  .rp-charts__slider .rc-slider {
    position: relative;
    width: 100%;
    height: 2rem;
    padding: 0.8125rem 0;
    touch-action: none; }
  .rp-charts__slider .rc-slider-rail {
    position: absolute;
    width: 100%;
    height: 0.375rem;
    border-radius: 0.375rem;
    background-color: #ececec; }
  .rp-charts__slider .rc-slider-track {
    position: absolute;
    left: 0;
    height: 0.375rem;
    border-radius: 0.375rem;
    background-color: #FFC600; }
  .rp-charts__slider .rc-slider-step,
  .rp-charts__slider .rc-slider-mark {
    display: none; }
  .rp-charts__slider .rc-slider-handle {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.4375rem;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    background-color: #fff;
    cursor: -webkit-grab;
    cursor: grab;
    touch-action: pan-x; }
    .rp-charts__slider .rc-slider-handle:hover {
      border-color: #4c4c4c; }
    .rp-charts__slider .rc-slider-handle:focus {
      outline: none; }
  .rp-charts__slider .rc-slider-handle-dragging {
    border-color: #4c4c4c;
    box-shadow: 0 0 0 5px #fff0bd; }

.rp-charts__container {
  display: flex;
  position: relative;
  bottom: -0.75rem;
  align-items: flex-end; }

.rp-charts__block-item {
  flex: 1 1 0;
  margin-right: 0.0625rem;
  border-radius: 0.625rem 0.625rem 0 0; }

.rp-charts__block-item--unactive {
  background-color: #D8D8D8; }

.rp-charts__block-item--active {
  background-color: #FFC600; }

.rp-charts__input {
  display: inline-block;
  position: relative;
  width: 45%; }
  .rp-charts__input__unit--monthly::after {
    position: absolute;
    top: 0;
    right: 0.625rem;
    font-size: 1rem;
    line-height: 2.5rem;
    content: '月'; }
  .rp-charts__input__unit--weekly::after {
    position: absolute;
    top: 0;
    right: 0.625rem;
    font-size: 1rem;
    line-height: 2.5rem;
    content: '周'; }
  .rp-charts__input-middle {
    display: inline-block;
    width: 10%;
    text-align: center; }

.pl-area {
  width: 18.75rem; }
  .pl-area__option {
    height: 15.625rem;
    margin-top: 1.25rem;
    overflow-y: auto; }
    .pl-area__option__group {
      margin-left: 1.875rem; }
      .pl-area__option__group-label {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        display: inline-block;
        margin: 0 0 0.875rem; }
      .pl-area__option__group > .checkbox-field__item
> .checkbox-field__label {
        color: #767676;
        font-size: 0.75rem;
        line-height: 1.0625rem; }
  .pl-area__head {
    display: flex; }
    .pl-area__head-label {
      color: #767676;
      font-size: 1rem;
      line-height: 1.375rem;
      padding: 0 0.625rem 0.625rem;
      border-bottom: 1px solid #EAEAEA; }
      .pl-area__head-label--active {
        color: #4c4c4c;
        font-size: 1rem;
        line-height: 1.375rem;
        padding: 0 0.625rem 0.625rem;
        border-bottom: 1px solid #FFC600; }
    .pl-area__head-empty {
      flex: 1;
      border-bottom: 1px solid #EAEAEA; }

.ad-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1004; }
  .ad-layer__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 500px;
    height: 100%;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .ad-layer__container {
        width: 21.25rem; } }
  .ad-layer__bg-img--properties-list {
    max-width: 18.75rem;
    height: 17.5rem; }
  .ad-layer__bg-img--full-screen {
    height: 450px; }
    @media only screen and (max-width: 768px) {
      .ad-layer__bg-img--full-screen {
        height: 300px; } }
  .ad-layer__close {
    padding: 0;
    border: 0;
    outline: none;
    background-color: transparent;
    z-index: 10;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .ad-layer__close-icon {
      width: 1rem;
      height: 1rem;
      fill: #F3F2F5; }

.pa-listing {
  position: relative;
  background-color: #f6f8fa; }
  @media only screen and (max-width: 768px) {
    .pa-listing {
      margin-top: 9.375rem;
      padding: 0 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .pa-listing {
      margin: 11.875rem auto 0; } }
  @media only screen and (min-width: 1024px) {
    .pa-listing {
      max-width: 80rem; } }
  .pa-listing__fixed-head {
    position: relative;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .pa-listing__fixed-head {
        padding: 0 1.25rem; } }
    @media only screen and (min-width: 768px) {
      .pa-listing__fixed-head {
        max-width: 48rem; } }
    @media only screen and (min-width: 1024px) {
      .pa-listing__fixed-head {
        max-width: 80rem; } }
    .pa-listing__fixed-head__container {
      position: fixed;
      top: 3.1875rem;
      right: 0;
      left: 0;
      padding-top: 3.6875rem;
      background-color: #fff;
      z-index: 3; }
      @media only screen and (min-width: 768px) {
        .pa-listing__fixed-head__container {
          top: 4.375rem; } }
      @media only screen and (min-width: 1024px) {
        .pa-listing__fixed-head__container {
          top: 5rem;
          padding-top: 0; } }
  .pa-listing__nav {
    display: none;
    width: 100%;
    margin: 1rem; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__nav {
        display: block;
        margin: 1rem 0; } }
    .pa-listing__nav-list {
      margin: 0;
      padding: 0;
      list-style: none; }
    .pa-listing__nav-item {
      display: inline;
      padding: 0 0.5rem 0 0; }
      .pa-listing__nav-item:after {
        margin: 0 0 0 0.5rem;
        content: '>'; }
      .pa-listing__nav-item:last-child:after {
        display: none; }
    .pa-listing__nav-1 {
      color: #9e9e9e !important; }
    .pa-listing__nav-link {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.0625rem;
      border: 0;
      background-color: transparent;
      cursor: pointer; }
      .pa-listing__nav-link:hover, .pa-listing__nav-link:focus {
        color: #3b64a6; }
      @media only screen and (min-width: 1024px) {
        .pa-listing__nav-link {
          color: #4c4c4c;
          font-size: 0.875rem;
          line-height: 1.25rem; } }
  .pa-listing__nav-move {
    display: block;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__nav-move {
        display: none; } }
  .pa-listing__search {
    position: fixed;
    top: 3.6875rem;
    width: 100%;
    padding: 0 1.25rem;
    z-index: 4; }
    @media only screen and (min-width: 768px) {
      .pa-listing__search {
        top: 5.3125rem; } }
    @media only screen and (min-width: 1024px) {
      .pa-listing__search {
        top: 0;
        right: 47%;
        max-width: 29.4375rem; } }
    .pa-listing__search__back {
      display: inline-block;
      width: 36px; }
      @media only screen and (min-width: 1024px) {
        .pa-listing__search__back {
          display: none; } }
      .pa-listing__search__back-arrow {
        width: 1rem;
        height: 1rem;
        transform: rotate(180deg);
        vertical-align: middle; }
    .pa-listing__search__middle {
      display: inline-block;
      width: calc(100% - 36px - 36px); }
      @media only screen and (min-width: 1024px) {
        .pa-listing__search__middle {
          margin-top: 1.25rem; } }
    .pa-listing__search__map {
      display: inline-block;
      width: 36px;
      color: rgba(0, 0, 0, 0.9);
      font-size: 10px;
      line-height: 10px;
      text-align: center;
      vertical-align: text-top; }
      @media only screen and (min-width: 1024px) {
        .pa-listing__search__map {
          display: none; } }
      .pa-listing__search__map-icon {
        height: 0.9375rem;
        margin-bottom: 6px;
        vertical-align: middle; }
  .pa-listing__filter-container {
    display: inline-block;
    padding-bottom: 0.5rem;
    white-space: nowrap;
    overflow-x: auto; }
    @media only screen and (max-width: 768px) {
      .pa-listing__filter-container {
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      .pa-listing__filter-container {
        overflow: visible; } }
  .pa-listing__filter-loading {
    width: 3.25rem;
    -webkit-animation: loading-rotate 2s linear infinite;
            animation: loading-rotate 2s linear infinite; }

@-webkit-keyframes loading-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg); } }
    .pa-listing__filter-loading__bg {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      justify-content: center;
      border-radius: 0.625rem;
      background-color: rgba(0, 0, 0, 0.18);
      z-index: 1; }
  .pa-listing__filter-item {
    display: inline-block;
    position: relative; }
  .pa-listing__filter-type {
    color: #767676;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: inline-block;
    margin-right: 0.75rem;
    padding: 0.375rem 0.5625rem;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    cursor: pointer; }
    .pa-listing__filter-type--active {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      background-color: #FFC600; }
  .pa-listing__filter-content {
    position: absolute;
    left: 0;
    min-width: 24.6875rem;
    padding: 2.5rem 2.5rem 1rem;
    border-radius: 0.625rem;
    background: #fff;
    box-shadow: 0 0.375rem 3.125rem 0.5rem rgba(22, 29, 37, 0.11);
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .pa-listing__filter-content {
        left: 1.25rem;
        min-width: 16.25rem;
        padding: 1.25rem; } }
    .pa-listing__filter-content__price {
      width: 19.375rem; }
      @media only screen and (max-width: 768px) {
        .pa-listing__filter-content__price {
          width: 16.25rem; } }
  .pa-listing__filter-footer__btn-container {
    display: inline-block; }
  .pa-listing__filter-footer__cancel {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__filter-footer__cancel {
        display: inline-block;
        width: auto;
        margin: 1.25rem 1.25rem 1.25rem 0;
        padding: 0;
        float: left;
        background-color: #fff;
        color: #4c4c4c; } }
  .pa-listing__filter-footer__reset {
    width: auto;
    padding: 0;
    float: left;
    background-color: #fff;
    color: #4c4c4c;
    line-height: 2.375rem; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__filter-footer__reset {
        margin: 1.25rem 1.25rem 1.25rem 0;
        line-height: 1.25rem; } }
  .pa-listing__filter-footer__confirm {
    width: auto;
    float: right;
    background-color: #FFC600;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__filter-footer__confirm {
        margin: 0.625rem 0; } }
  .pa-listing__filter-bt__subs {
    color: #767676;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    margin-top: 0.375rem; }
  .pa-listing__filter-acrowd__list {
    display: flex;
    justify-content: space-between;
    max-width: 27.75rem; }
  .pa-listing__filter-facilities__list {
    max-width: 31.25rem;
    max-height: 18.75rem;
    overflow: auto; }
    .pa-listing__filter-facilities__list > .checkbox-field__item {
      display: inline-block;
      width: 25%; }
      @media only screen and (max-width: 768px) {
        .pa-listing__filter-facilities__list > .checkbox-field__item {
          width: 50%; } }
  .pa-listing__filter-facilities__hightfloor:hover .pa-listing__filter-facilities__hightfloor-content {
    display: inline-block; }
  .pa-listing__filter-facilities__hightfloor-content {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    display: none;
    position: absolute;
    top: -0.25rem;
    left: 2rem;
    padding: 0.5rem;
    border-radius: 0.25rem;
    background-color: rgba(158, 158, 158, 0.9);
    z-index: 999; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__filter-facilities__hightfloor-content {
        color: #fff;
        font-size: 0.875rem;
        line-height: 1.25rem;
        top: -0.75rem;
        padding: 0.625rem; } }
    .pa-listing__filter-facilities__hightfloor-content::before {
      position: absolute;
      top: 30%;
      left: -0.5rem;
      border-top: 0.5rem solid transparent;
      border-right: 0.5rem solid rgba(158, 158, 158, 0.9);
      border-bottom: 0.5rem solid transparent;
      content: ''; }
  @media only screen and (max-width: 420px) {
    .pa-listing__filter-apt-type-summary {
      min-width: 11.25rem; } }
  .pa-listing__container {
    min-height: 700px; }
    .pa-listing__container > main {
      display: inline-block;
      width: 100%; }
      @media only screen and (min-width: 1024px) {
        .pa-listing__container > main {
          width: 75%; } }
    .pa-listing__container > aside {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .pa-listing__container > aside {
          display: inline-block;
          width: 25%;
          max-width: 18.75rem;
          float: right; } }
  .pa-listing__main__pagination {
    margin-top: 0.75rem;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .pa-listing__main__pagination {
        margin-top: 1.5rem; } }
  .pa-listing .no-result {
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 1024px) {
      .pa-listing .no-result {
        padding: 4rem;
        text-align: left; } }
    .pa-listing .no-result__icon {
      width: 4rem;
      height: 4rem;
      fill: #5687bb; }
      @media only screen and (min-width: 1024px) {
        .pa-listing .no-result__icon {
          width: 4rem;
          height: 4rem;
          float: left; } }
    .pa-listing .no-result__content {
      margin-top: 0.5rem; }
      @media only screen and (min-width: 1024px) {
        .pa-listing .no-result__content {
          margin: 0 0 0 6.25rem; } }
    .pa-listing .no-result__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
    .pa-listing .no-result__summary {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin: 0 0 0.5rem; }
    .pa-listing .no-result__buttons {
      display: inline-block; }
  .pa-listing__map {
    height: 11.25rem;
    margin: 1.5625rem 0 1.5rem;
    border-radius: 0.375rem;
    background-image: url("/dist/images/public/list-map-bgv2.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 5px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.12); }
    .pa-listing__map-btn {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1rem;
      line-height: 11.25rem;
      padding: 0.5rem 1.3125rem;
      border-radius: 3px;
      background: #FFC600;
      font-weight: 600; }
  .pa-listing__average-price {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 5px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.12); }
    .pa-listing__average-price__head {
      color: rgba(0, 0, 0, 0.9);
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 1rem;
      font-weight: 600; }
    .pa-listing__average-price__list {
      margin: 0;
      padding: 0;
      list-style: none; }
    .pa-listing__average-price__item {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.875rem;
      line-height: 1.375rem;
      margin-top: 1rem;
      font-weight: 400; }
    .pa-listing__average-price__price {
      float: right; }
  .pa-listing__heading {
    width: 100%;
    margin-top: 1rem; }
    @media only screen and (min-width: 768px) {
      .pa-listing__heading {
        max-width: 48rem;
        margin: 1rem auto 0; } }
    @media only screen and (min-width: 1024px) {
      .pa-listing__heading {
        width: 100%;
        max-width: 100%;
        margin: 1.5625rem 0 0; } }
  .pa-listing__title {
    color: #4c4c4c;
    font-size: 2rem;
    line-height: 3rem;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .pa-listing__title {
        color: #4c4c4c;
        font-size: 1.375rem;
        line-height: 2.375rem; } }
  .pa-listing__sort-container {
    display: flex;
    justify-content: flex-end; }
    .pa-listing__sort-container .select-field__container {
      margin-bottom: 0; }
  .pa-listing__sort {
    height: 2rem;
    padding-right: 1.625rem;
    border: 0;
    background-color: transparent;
    line-height: 2rem;
    -moz-text-align-last: right;
         text-align-last: right;
    direction: rtl; }
  .pa-listing__count {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.75rem;
    font-weight: 600;
    flex: 1; }
    .pa-listing__count-container {
      display: flex;
      padding: 0 0 0.9375rem; }
      @media only screen and (max-width: 768px) {
        .pa-listing__count-container {
          flex-direction: column; } }
      @media only screen and (min-width: 768px) {
        .pa-listing__count-container {
          padding: 0.9375rem 0; } }
  .pa-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (min-width: 768px) {
      .pa-listing__list {
        max-width: 48rem;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) {
      .pa-listing__list {
        max-width: 80rem;
        clear: both; } }
    @media only screen and (max-width: 768px) {
      .pa-listing__list {
        justify-content: space-between; } }
  .pa-listing__property-comparison {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 2px 4px;
    border-radius: 6px;
    background: #fff;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    color: rgba(0, 0, 0, 0.9);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    z-index: 2; }
    .pa-listing__property-comparison__affix {
      position: fixed;
      right: 1.25rem;
      bottom: 1.25rem;
      cursor: pointer;
      z-index: 2; }
      @media only screen and (min-width: 1024px) {
        .pa-listing__property-comparison__affix {
          right: 10%; } }
  .pa-listing .listing-card {
    width: 100%;
    margin-bottom: 1.25rem; }
    .pa-listing .listing-card::after {
      display: table;
      clear: both;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .pa-listing .listing-card {
        width: 33.3%;
        max-width: 19.1875rem; } }
  .pa-listing__affix-ad {
    position: fixed;
    right: 1.25rem;
    bottom: 20%;
    text-align: center;
    z-index: 11; }
    @media only screen and (min-width: 1024px) {
      .pa-listing__affix-ad {
        visibility: hidden; } }
    .pa-listing__affix-ad__img {
      width: 2.5rem;
      height: 2.5rem; }
    .pa-listing__affix-ad__tip {
      position: relative;
      top: -0.6875rem;
      margin: 0;
      padding: 0.25rem 0.5rem;
      border: 1px solid #dfb64a;
      border-radius: 15px;
      background: linear-gradient(0, #ffe291, #faf5ef);
      color: #ea8137;
      font-size: 0.75rem;
      font-weight: 600; }
  .pa-listing__footer-banner {
    width: 74%;
    padding: 1rem 0; }
    .pa-listing__footer-banner-image {
      width: 100%;
      border-radius: 6px;
      box-shadow: 0 6px 10px 0 #dcdcdc; }
    @media only screen and (max-width: 768px) {
      .pa-listing__footer-banner {
        display: none; } }

.ad-slots {
  position: relative;
  max-height: 80%;
  background-color: #fff;
  z-index: 1;
  overflow-y: auto; }
  .ad-slots--fixed {
    position: fixed;
    top: 11.25rem;
    max-width: 20rem;
    max-height: 90%; }
  .ad-slots::-webkit-scrollbar {
    display: none; }
  .ad-slots__share__container {
    position: absolute;
    right: 0;
    padding: 0.625rem 1rem;
    z-index: 2; }
    .ad-slots__share__container__img {
      width: 1.5625rem;
      height: 1.5625rem; }
  .ad-slots__backgroud-img {
    width: 100%; }
  .ad-slots__show {
    background: transparent; }
  .ad-slots__icon-group {
    display: flex;
    flex-wrap: wrap; }
  .ad-slots__icon-tips {
    color: #d21e1f;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 3.125rem 0 1.25rem;
    text-align: center; }
    .ad-slots__icon-tips--top {
      padding-top: 0; }
  .ad-slots__icon-container {
    display: inline-block;
    width: 33%;
    margin-bottom: 10px;
    text-align: center; }
  .ad-slots__icon__img-container {
    display: inline-block;
    width: 80%;
    padding: 0.625rem;
    border-radius: 0.5rem;
    background-color: #f8f8f6; }
    .ad-slots__icon__img-container--active {
      background-color: #FFC600; }
  .ad-slots__icon-img {
    width: 2.5rem; }

.site-share-card__container {
  width: 23.4375rem;
  padding: 1.25rem 1.25rem 1.5rem;
  border-radius: 0.75rem;
  background-color: white; }

.site-share-card__bg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.75rem;
  z-index: 0; }

.site-share-card__logo {
  position: relative;
  height: 1.625rem;
  margin-right: 1rem;
  vertical-align: middle;
  z-index: 1; }

.site-share-card__slogan {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.75rem;
  line-height: 1.25rem;
  position: relative;
  z-index: 1; }

.site-share-card__image-container {
  position: relative;
  width: 20.9375rem;
  height: 13.0625rem;
  margin-top: 1.125rem;
  border-radius: 0.75rem;
  text-align: center;
  overflow: hidden;
  z-index: 1; }

.site-share-card__main-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  border-radius: 0.75rem; }

.site-share-card__img-tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 97%; }

.site-share-card__info-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.75rem;
  font-weight: 600; }

.site-share-card__info-time {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
  letter-spacing: 1px; }

.site-share-card__info-address {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 1px; }

.site-share-card__info-price {
  color: #C50505;
  font-size: 1.5rem;
  line-height: 2.25rem;
  display: inline-block;
  margin-top: 0.6875rem;
  margin-right: 1.5rem; }
  .site-share-card__info-price-cycle {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-left: 0.25rem; }

.site-share-card__info-icon {
  height: 0.75rem; }
  .site-share-card__info-icon-container {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.5625rem;
    text-align: center;
    vertical-align: text-top; }

.site-share-card__wechat-describe {
  position: relative;
  min-height: 5.75rem;
  margin-top: 0.875rem;
  border: 1px solid #dcdcdc;
  border-radius: 12px; }
  .site-share-card__wechat-describe__tips1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin: 15px 0 0 12px;
    font-weight: 600; }
  .site-share-card__wechat-describe__tips2 {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 0.5rem;
    margin-left: 12px; }

.site-share-card__link-code {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem; }

.site-web-share {
  display: none;
  position: absolute;
  top: 1.75rem;
  right: 0;
  width: 30.8125rem;
  padding: 1.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1); }
  .site-web-share__left {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding-right: 24px;
    float: left;
    border-right: 1px solid #e7e7e7;
    text-align: center; }
  .site-web-share__code {
    padding: 0.25rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.375rem;
    background: #fff; }
  .site-web-share__right {
    display: inline-block;
    width: 63%;
    margin-left: 24px; }
  .site-web-share__link {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #f3f3f3;
    white-space: normal; }
  .site-web-share__copy-btn {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.875rem;
    line-height: 1.375rem;
    width: 112px;
    height: 32px;
    margin-top: 1rem;
    padding: 0;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff; }

.site-biz-card {
  position: relative;
  height: 27.4375rem;
  border: 1px solid #dcdcdc;
  border-radius: 0.75rem;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .site-biz-card {
      height: 28.75rem;
      border-radius: 0.375rem; }
      .site-biz-card:hover {
        box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08); }
        .site-biz-card:hover .site-biz-card__media__swiper--prev,
        .site-biz-card:hover .site-biz-card__media__swiper--next {
          display: inline-block; } }
  .site-biz-card__hasarea {
    height: 28.8125rem; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__hasarea {
        height: 30.125rem; } }
  .site-biz-card__media-container {
    position: relative; }
  .site-biz-card__media-swiper-container {
    height: 13rem;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__media-swiper-container {
        height: 14.0625rem; } }
  .site-biz-card__media-swiper-image {
    width: 100%;
    height: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: contrast(0.8) contrast(1.18) brightness(1.1) grayscale(0.05) saturate(0.9);
            filter: contrast(0.8) contrast(1.18) brightness(1.1) grayscale(0.05) saturate(0.9); }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__media-swiper-image {
        border-radius: 0.3125rem 0.3125rem 0 0; } }
  .site-biz-card__media__sipwer-dot {
    position: absolute;
    text-align: center;
    z-index: 1; }
    .site-biz-card__media__sipwer-dot > .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 0.5; }
    .site-biz-card__media__sipwer-dot > .swiper-pagination-bullet-active {
      opacity: 1; }
  .site-biz-card__media__swiper--next, .site-biz-card__media__swiper--prev {
    display: none;
    position: absolute;
    top: 46%;
    right: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 1rem;
    transform: translateY(-50%);
    border-radius: 0.1875rem;
    background: rgba(255, 255, 255, 0.9);
    font-family: swiper-icons;
    z-index: 100; }
    .site-biz-card__media__swiper--next::after, .site-biz-card__media__swiper--prev::after {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.625rem;
      line-height: 1.5rem;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      content: 'prev'; }
  .site-biz-card__media__swiper--next {
    right: 0;
    left: auto; }
    .site-biz-card__media__swiper--next::after {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.625rem;
      line-height: 1.5rem;
      content: 'next'; }
  .site-biz-card__sold {
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    z-index: 2;
    pointer-events: none; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__sold {
        width: 40%; } }
  .site-biz-card__tag {
    display: inline-block;
    position: relative;
    margin-right: 0.25rem;
    margin-bottom: 0.375rem;
    padding: 0.1rem 0.4rem;
    border-radius: 0.375rem;
    font-family: PingFangSC, PingFang SC, Microsoft YaHei;
    font-size: 0.875rem;
    font-weight: bolder;
    line-height: 1.25rem; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__tag {
        border-radius: 0.1875rem; } }
    .site-biz-card__tag-container {
      position: absolute;
      top: 0.75rem;
      left: 0.75rem;
      width: 90%;
      z-index: 1; }
    .site-biz-card__tag__real-pic {
      background: #FFC600;
      color: rgba(0, 0, 0, 0.9); }
    .site-biz-card__tag__discount {
      background: #ffece6;
      color: #ff4500; }
    .site-biz-card__tag__instant {
      background: #ccfff4;
      color: #00bd84; }
    .site-biz-card__tag__latest {
      background: #ccf1ff;
      color: #0095cc; }
  .site-biz-card__collect-container {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.375rem;
    background-color: #f9f9f8;
    text-align: center;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__collect-container {
        border-radius: 0.125rem; } }
  .site-biz-card__collect-icon {
    width: 1.375rem;
    height: 1.5rem; }
  .site-biz-card__flat-owner__avatar {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: bottom;
    -o-object-fit: contain;
       object-fit: contain; }
    .site-biz-card__flat-owner__avatar:nth-child(1) {
      position: relative;
      border: 1px solid #fff;
      z-index: 2; }
    .site-biz-card__flat-owner__avatar:nth-child(2) {
      width: 0; }
    .site-biz-card__flat-owner__avatar:nth-child(3) {
      position: absolute;
      left: 0.625rem;
      border: 1px solid #fff;
      z-index: 1; }
    .site-biz-card__flat-owner__avatar:nth-child(4), .site-biz-card__flat-owner__avatar:nth-child(6) {
      width: 0.625rem;
      background-color: unset; }
    .site-biz-card__flat-owner__avatar:nth-child(5) {
      position: absolute;
      left: 1.25rem;
      border: 1px solid #fff;
      z-index: 0; }
    .site-biz-card__flat-owner__avatar-container {
      display: inline-block;
      position: relative;
      height: 2.5rem; }
  .site-biz-card__flat-roomtype {
    margin: 0.5rem 0.75rem 0.375rem; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__flat-roomtype {
        margin: 0.5rem 1rem 0.375rem; } }
    .site-biz-card__flat-roomtype__item {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem;
      display: inline-block;
      margin-right: 0.25rem;
      padding: 0 0.25rem;
      border: 1px solid #dcdcdc;
      border-radius: 0.1875rem;
      background: #f3f3f3; }
      .site-biz-card__flat-roomtype__item-container {
        display: inline-block;
        width: 92%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle; }
  .site-biz-card__onwer-container {
    position: absolute;
    top: 9.75rem;
    left: 0.75rem;
    z-index: 2; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__onwer-container {
        top: 10.8125rem; } }
  .site-biz-card__onwer-avatar {
    display: inline-block;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: content-box; }
    .site-biz-card__onwer-avatar-tips {
      position: absolute;
      top: -0.25rem;
      right: -0.5rem; }
    .site-biz-card__onwer-avatar-img {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%; }
    .site-biz-card__onwer-avatar-valid {
      width: 1.25rem;
      height: 1.25rem; }
  .site-biz-card__onwer__user-container {
    flex: 1;
    margin-left: 0.75rem;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .site-biz-card__onwer__name {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600; }
  .site-biz-card__onwer__vip-img {
    position: absolute;
    top: -1.75rem;
    left: -1.75rem;
    width: 3.75rem;
    height: 3.75rem;
    background-image: url("/dist/images/public/listing-vipv2@2x.png");
    background-repeat: no-repeat;
    background-size: 3.75rem;
    z-index: 1; }
  .site-biz-card__biz__tag {
    display: inline-block;
    margin-right: 0.25rem;
    padding: 0 0.25rem;
    border-radius: 0.1875rem;
    font-size: 0.75rem;
    line-height: 1.25rem; }
    .site-biz-card__biz__tag:last-child {
      margin-right: 0rem; }
    .site-biz-card__biz__tag-container {
      margin: 0.5rem 0.75rem 0.1875rem;
      white-space: nowrap;
      overflow-x: hidden; }
      @media only screen and (min-width: 1024px) {
        .site-biz-card__biz__tag-container {
          margin: 0.75rem 1rem 0.25rem; } }
    .site-biz-card__biz__tag-roommate {
      background: #00a8e6;
      color: #fff; }
    .site-biz-card__biz__tag-sublet {
      background: #FFC600;
      color: #fff; }
    .site-biz-card__biz__tag-landlord {
      background: #6454b5;
      color: #fff; }
    .site-biz-card__biz__tag-student {
      background: #786db3;
      color: #fff; }
    .site-biz-card__biz__tag-apt-type {
      background: #5173ed;
      color: #fff; }
    .site-biz-card__biz__tag__leasetype {
      background: #00c7bd;
      color: rgba(255, 255, 255, 0.9); }
  .site-biz-card__title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0.625rem 0.75rem 0.25rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__title {
        margin: 0.625rem 1rem 0.25rem; } }
  .site-biz-card__room-type {
    margin: 0 0.75rem;
    white-space: nowrap;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__room-type {
        margin: 0 1rem; } }
    .site-biz-card__room-type__itemv2 {
      display: inline-block;
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      background-color: #dcdcdc;
      color: rgba(0, 0, 0, 0.9);
      font-size: 12px;
      font-weight: 600;
      line-height: 20px; }
      .site-biz-card__room-type__itemv2--renttype {
        padding: 0 4px; }
      .site-biz-card__room-type__itemv2--room {
        display: inline-block;
        padding: 0 4px;
        border-radius: 0 3px 3px 0;
        background-color: #fff;
        color: rgba(0, 0, 0, 0.9);
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
    .site-biz-card__room-type__item {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.75rem;
      line-height: 1.25rem;
      display: inline-block;
      margin-left: 0.25rem;
      padding: 0 0.25rem;
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      background: #fff;
      font-family: PingFangSC, PingFang SC, Microsoft YaHei;
      box-sizing: border-box; }
      .site-biz-card__room-type__item:first-child {
        margin-left: 0; }
  .site-biz-card__info {
    color: rgba(0, 0, 0, 0.9);
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 0 0.75rem; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__info {
        margin: 0 1rem; } }
    .site-biz-card__info-date {
      margin-bottom: 0.125rem; }
    .site-biz-card__info-city {
      display: inline-block;
      max-width: 90%;
      margin-bottom: 0.125rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: middle; }
    .site-biz-card__info__distance {
      margin-bottom: 0.125rem;
      padding-left: 1.25rem;
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.75rem;
      line-height: 1.25rem; }
      .site-biz-card__info__distance-area {
        display: inline-block;
        max-width: 66%;
        color: rgba(0, 0, 0, 0.9);
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: bottom; }
      .site-biz-card__info__distance-container {
        margin: 0 0.75rem 0.75rem; }
        @media only screen and (min-width: 1024px) {
          .site-biz-card__info__distance-container {
            margin: 0 1rem 0.75rem; } }
  .site-biz-card__bottom-fixed {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .site-biz-card__facility-container {
    height: 1.75rem;
    margin: 0 0.75rem;
    padding-bottom: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__facility-container {
        margin: 0 1rem; } }
  .site-biz-card__facility-item {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.625rem;
    line-height: 1rem;
    display: inline-block;
    margin-right: 0.25rem;
    padding: 0 0.25rem;
    border-radius: 3px;
    background: #f3f3f3;
    vertical-align: super; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__facility-item {
        color: rgba(0, 0, 0, 0.6);
        font-size: 0.75rem;
        line-height: 1.25rem; } }
  .site-biz-card__footer-line {
    margin: 0 0.75rem;
    border-top: 1px solid #e7e7e7; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__footer-line {
        margin: 0 1rem; } }
  .site-biz-card__footer {
    position: relative;
    padding: 0.5rem 0.75rem 0.75rem; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__footer {
        padding: 0.5rem 1rem 1rem; } }
  .site-biz-card__price {
    color: #d54941;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-right: 0.25rem;
    font-weight: 600; }
    .site-biz-card__price-cycle {
      color: rgba(0, 0, 0, 0.9);
      font-size: 0.875rem;
      line-height: 1.375rem;
      vertical-align: text-bottom; }
    .site-biz-card__price-discount {
      color: #fff;
      font-size: 0.75rem;
      line-height: 1.25rem;
      display: inline-block;
      position: absolute;
      right: 0.75rem;
      bottom: 1rem;
      margin-left: 0.5rem;
      padding: 0 0.25rem;
      border-radius: 3px;
      background: #00bd84; }
      @media only screen and (min-width: 1024px) {
        .site-biz-card__price-discount {
          right: 1rem; } }
  .site-biz-card__interested {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    line-height: 1.25rem;
    position: absolute;
    right: 0.75rem;
    bottom: 1rem; }
    @media only screen and (min-width: 1024px) {
      .site-biz-card__interested {
        right: 1rem;
        bottom: 1.25rem; } }

.site-horizon-scroll__scroll-bg {
  position: relative;
  width: 5.625rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: #e7e7e7; }

.site-popular__nav {
  cursor: pointer; }
  .site-popular__nav-item {
    margin-right: 1.5rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1.375rem; }
  .site-popular__nav--active {
    color: #e6b200;
    font-weight: 600; }

.site-popular__content {
  display: none;
  margin-top: 1rem; }
  .site-popular__content--block {
    display: block; }

.site-popular__list {
  display: flex;
  flex-flow: row wrap; }

.site-popular__item {
  width: 6.6%;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .site-popular__item:nth-child(12n) {
    margin-right: 0; }

.site-popular__link {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400; }

.site-detail-components__user-avatar-container {
  display: inline-block;
  position: relative; }

.site-detail-components__user-avatar__img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover; }

.site-detail-components__user-avatar__valid {
  position: absolute;
  top: -0.125rem;
  right: -0.4375rem;
  width: 1.25rem;
  height: 1.25rem; }

.site-detail-components__user-avatar__online-status {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #a6a6a6;
  box-sizing: content-box; }
  .site-detail-components__user-avatar__online-status--online {
    background-color: #2ba471; }

.site-detail-components__tag {
  display: inline-block;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem; }
  .site-detail-components__tag__real-pic {
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9); }
  .site-detail-components__tag__discount {
    background: #ffece6;
    color: #ff4500; }
  .site-detail-components__tag__instant {
    background: #ccfff4;
    color: #00bd84; }
  .site-detail-components__tag__latest {
    background: #ccf1ff;
    color: #0095cc; }
  .site-detail-components__tag-roommate {
    background: #00a8e6;
    color: #fff; }
  .site-detail-components__tag-sublet {
    background: #FFC600;
    color: #fff; }
  .site-detail-components__tag-landlord {
    background: #6454b5;
    color: #fff; }
  .site-detail-components__tag-student {
    background: #786db3;
    color: #fff; }
  .site-detail-components__tag-apt-type {
    background: #5173ed;
    color: #fff; }
  .site-detail-components__tag__leasetype {
    background: #00c7bd;
    color: rgba(255, 255, 255, 0.9); }

.site-mobile-avatar-stack {
  position: relative; }
  .site-mobile-avatar-stack__item {
    display: inline-block;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%; }
    .site-mobile-avatar-stack__item:nth-child(1) {
      left: 0px;
      z-index: 3; }
    .site-mobile-avatar-stack__item:nth-child(2) {
      left: 8px;
      z-index: 2; }
    .site-mobile-avatar-stack__item:nth-child(3) {
      left: 16px;
      z-index: 1; }
  .site-mobile-avatar-stack__img {
    width: 100%;
    height: 100%;
    border-radius: 50%; }

.sc-media-type-tab__container {
  padding: 6px 8px;
  border-radius: 16px;
  background-color: white;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.12); }
  @media only screen and (min-width: 1024px) {
    .sc-media-type-tab__container {
      padding: 0.375rem 1.5rem; } }

.sc-media-type-tab__item {
  margin-right: 0.25rem;
  padding-right: 0.25rem;
  border-right: 1px solid #e7e7e7;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .sc-media-type-tab__item {
      margin-right: 0.75rem;
      padding-right: 0.75rem;
      font-size: 0.875rem;
      line-height: 1.375rem; } }
  .sc-media-type-tab__item:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0; }

.scpc-affix {
  width: 56px;
  height: 56px;
  padding-top: 12px;
  border-radius: 50%;
  background: #FFC600;
  text-align: center;
  box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08); }
  .scpc-affix__title {
    color: rgba(0, 0, 0, 0.9);
    font-size: 18px;
    font-weight: bold;
    line-height: 18px; }
  .scpc-affix__count {
    margin-top: 2px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 10px;
    font-weight: 400;
    line-height: 14px; }

.sitec-tab {
  overflow: hidden; }
  .sitec-tab__list {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    overflow: auto; }
  .sitec-tab__item {
    display: inline-block;
    position: relative;
    cursor: pointer; }

@media only screen and (min-width: 768px) {
  .site-property-comparison {
    max-width: 48rem;
    margin: 0 auto; } }

@media only screen and (min-width: 1024px) {
  .site-property-comparison {
    max-width: 80rem; } }

.site-property-comparison__mobile-list--column {
  width: 12.5rem;
  border-right: 1px solid transparent;
  box-shadow: inset 1px 0 0 0 #dcdcdc; }
  .site-property-comparison__mobile-list--column:last-child {
    border-right: 0; }

.site-property-comparison__mobile-list--cell {
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #dcdcdc; }
  .site-property-comparison__mobile-list--cell-img {
    padding: 0;
    border-bottom: 0; }
  .site-property-comparison__mobile-list--cell-propertyname {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: 600;
    box-shadow: inset 1px 0 0 0 #dcdcdc; }

.site-property-comparison__mobile-list--label {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 90px;
  z-index: 2; }
  .site-property-comparison__mobile-list--label-propertyname {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #f8f8f6;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    box-shadow: none; }

.site-property-comparison__mobile-list--shadow {
  position: relative;
  margin: 16px 0;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  z-index: 2; }

.site-property-comparison__mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 0.75rem;
  background-color: #fff; }

.site-property-comparison__mobile-header__back {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px; }
  .site-property-comparison__mobile-header__back > svg {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    transform: rotate(180deg); }

.site-property-comparison__mobile-header__reset {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px; }

.site-property-comparison__mobile-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 12px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); }
  .site-property-comparison__mobile-footer__export {
    border-radius: 6px;
    background: #FFC600;
    color: rgba(0, 0, 0, 0.9);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; }

.site-property-comparison__web-list--container {
  margin: 16px 0; }

.site-property-comparison__web-list--column {
  width: 14.75rem; }

.site-property-comparison__web-list--cell {
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #EAEAEA; }
  .site-property-comparison__web-list--cell-img {
    padding: 0 1rem;
    border-bottom: 0; }

.site-property-comparison__web-list--label {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 90px;
  background-color: #fff;
  z-index: 2; }
  .site-property-comparison__web-list--label-cell {
    padding: 0;
    text-align: center; }

.site-property-comparison__web-list--watermark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"%3E%3Ctext x="200" y="10" font-size="12" transform="rotate(-45 250 250)"%3E洪玮学长(原租房君)%3C/text%3E%3C/svg%3E');
  background-repeat: repeat;
  background-size: 250px;
  opacity: 0.2;
  z-index: 4;
  pointer-events: none; }

.site-property-comparison__web-header__container {
  margin: 16px 0; }

.site-property-comparison__web-header__back {
  display: inline-block;
  width: auto;
  padding: 5px 16px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }

.site-property-comparison__web-header__export {
  width: auto;
  padding: 5px 16px;
  float: right;
  border: 1px solid rgba(220, 220, 220, 0);
  border-radius: 3px;
  background: #FFC600;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  line-height: 22px; }

.site-property-comparison__web-header__reset {
  width: auto;
  margin-left: 16px;
  padding: 5px 16px;
  float: right;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  line-height: 22px; }

.site-property-comparison__tab-container {
  margin-bottom: 16px;
  background-color: #fff; }

.site-property-comparison__tab-ul {
  padding: 0 0.5rem;
  box-shadow: inset 0 -1px 0 0 #e7e7e7; }

.site-property-comparison__tab-li {
  margin: 0.5rem 0.75rem 0;
  padding: 0 0.125rem 0.5rem;
  cursor: pointer; }
  .site-property-comparison__tab-li--active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1875rem;
    background-color: #FFC600;
    content: ''; }

.site-property-comparison__tab-item {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: inline-block; }
  @media only screen and (min-width: 1024px) {
    .site-property-comparison__tab-item--active {
      color: #e6b200;
      font-weight: 600; } }

.spc-list-web {
  --list-height: calc(100vh - 3.1875rem - 38px - 40px);
  position: relative; }
  @media only screen and (min-width: 768px) {
    .spc-list-web {
      --list-height: calc(100vh - 5rem - 48px - 64px - 32px); } }
  .spc-list-web__container {
    display: grid;
    justify-content: start;
    height: var(--all-height);
    max-height: var(--list-height);
    overflow: auto;
    grid-auto-flow: column;
    gap: 0; }
  .spc-list-web__column {
    display: grid;
    grid-row: 1;
    grid-template-rows: auto repeat(auto-fit, minmax(-webkit-min-content, -webkit-max-content));
    grid-template-rows: auto repeat(auto-fit, minmax(min-content, max-content)); }
    .spc-list-web__column:not(:first-child):hover .spc-list-web__cell--top-item::before {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: calc(var(--all-height) - 1rem);
      max-height: calc(var(---list-height) - 1rem);
      border: 1px solid #dcdcdc;
      border-radius: 6px;
      box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
      content: '';
      pointer-events: none; }
    .spc-list-web__column:not(:first-child):hover .site-property-comparison__web-list--cell-img {
      padding: 0; }
    .spc-list-web__column:not(:first-child):hover .spc-list-web__cell__image-container {
      border-radius: 6px 6px 0 0; }
  .spc-list-web__cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background-color 0.2s ease; }
    .spc-list-web__cell:last-child {
      border-bottom: 0; }
    .spc-list-web__cell__image-container {
      position: relative;
      width: 100%;
      height: 5.625rem;
      border-radius: 6px;
      overflow: hidden; }
      .spc-list-web__cell__image-container > img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%); }
    .spc-list-web__cell__image-close {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      width: 24px;
      height: 24px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(3px);
              backdrop-filter: blur(3px);
      line-height: 26px;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .spc-list-web__cell__image-close {
          border-radius: 3px; } }
      .spc-list-web__cell__image-close > svg {
        width: 16px;
        height: 16px;
        padding: 2px;
        border: 1px solid;
        border-radius: 50%; }
    .spc-list-web__cell__propertyname {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.9);
      font-size: 14px;
      font-weight: 600; }
      .spc-list-web__cell__propertyname__close {
        position: absolute;
        right: 13px;
        width: 24px;
        height: 24px;
        line-height: 28px;
        text-align: center; }
        .spc-list-web__cell__propertyname__close > svg {
          width: 16px;
          height: 16px;
          padding: 2px;
          border: 1px solid;
          border-radius: 50%; }
      .spc-list-web__cell__propertyname-shadow {
        position: absolute;
        right: 0;
        bottom: -9px;
        left: 0;
        height: 8px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
    .spc-list-web__cell-content {
      color: rgba(0, 0, 0, 0.9);
      font-size: 14px;
      line-height: 22px;
      white-space: pre-wrap;
      overflow-wrap: break-word;
      word-wrap: break-word; }
    .spc-list-web__cell--top-item {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background-color: #fff;
      z-index: 3; }

.spc-list-mobile {
  --list-height: calc(100vh - 3.1875rem - 38px - 40px - 130px);
  position: relative; }
  .spc-list-mobile__out-shadow {
    position: absolute;
    right: 0;
    left: 90px;
    border-radius: 12px 0 0 12px;
    background: transparent;
    box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
    overflow-x: auto; }
  .spc-list-mobile__container {
    display: grid;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: var(--list-height);
    margin: 0;
    overflow: auto;
    grid-auto-flow: column;
    gap: 0; }
  .spc-list-mobile__label-column {
    max-height: var(--list-height);
    float: left;
    overflow-y: auto; }
    .spc-list-mobile__label-column::-webkit-scrollbar {
      display: none; }
  .spc-list-mobile__column {
    display: grid;
    grid-row: 1;
    grid-template-rows: auto repeat(auto-fit, minmax(-webkit-min-content, -webkit-max-content));
    grid-template-rows: auto repeat(auto-fit, minmax(min-content, max-content)); }
  .spc-list-mobile__cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background-color 0.2s ease; }
    .spc-list-mobile__cell:last-child {
      border-bottom: 0; }
    .spc-list-mobile__cell__image-container {
      position: relative;
      width: 100%;
      height: 5.625rem; }
      .spc-list-mobile__cell__image-container > img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .spc-list-mobile__cell__image-close {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      width: 24px;
      height: 24px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.8);
      -webkit-backdrop-filter: blur(3px);
              backdrop-filter: blur(3px);
      line-height: 26px;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .spc-list-mobile__cell__image-close {
          border-radius: 3px; } }
      .spc-list-mobile__cell__image-close > svg {
        width: 16px;
        height: 16px;
        padding: 2px;
        border: 1px solid;
        border-radius: 50%; }
    .spc-list-mobile__cell__propertyname__close {
      position: absolute;
      right: 13px;
      width: 24px;
      height: 24px;
      background-color: #fff;
      line-height: 28px;
      text-align: center; }
      .spc-list-mobile__cell__propertyname__close > svg {
        width: 16px;
        height: 16px;
        padding: 2px;
        border: 1px solid;
        border-radius: 50%; }
    .spc-list-mobile__cell__propertyname-shadow {
      position: absolute;
      right: 0;
      bottom: -9px;
      left: 0;
      height: 8px;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
    .spc-list-mobile__cell-content {
      color: rgba(0, 0, 0, 0.9);
      font-size: 14px;
      line-height: 22px;
      white-space: pre-wrap;
      overflow-wrap: break-word;
      word-wrap: break-word; }
    .spc-list-mobile__cell--top-item {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background-color: #fff;
      z-index: 3; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0; }

.ant-upload p {
  margin: 0; }

.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none; }

.ant-upload input[type='file'] {
  cursor: pointer; }

.ant-upload.ant-upload-select {
  display: inline-block; }

.ant-upload.ant-upload-disabled {
  cursor: not-allowed; }

.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease; }

.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle; }

.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff; }

.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s; }

.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0; }

.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9; }

.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed; }

.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%; }

.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle; }

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff; }

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px; }

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px; }

.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px; }

.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s; }

.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45); }

.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block; }

.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: ''; }

.ant-upload-picture-card-wrapper::after {
  clear: both; }

.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1; }

.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: ''; }

.ant-upload-list::after {
  clear: both; }

.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px; }

.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s; }

.ant-upload-list-item-info > span {
  display: block; }

.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s; }

:root .ant-upload-list-item .anticon-close {
  font-size: 12px; }

.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65); }

.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f7ff; }

.ant-upload-list-item:hover .anticon-close {
  opacity: 1; }

.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d; }

.ant-upload-list-item-error .anticon-close {
  color: #f5222d !important;
  opacity: 1; }

.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0; }

.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent; }

.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d; }

.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0; }

.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent; }

.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed; }

.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8; }

.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%); }

.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%; }

.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden; }

.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s; }

.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px; }

.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px; }

.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1; }

.ant-upload-list-picture-card.ant-upload-list::after {
  display: none; }

.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0; }

.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden; }

.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' '; }

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1; }

.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s; }

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s; }

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff; }

.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1; }

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%; }

.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center; }

.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  display: block; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45); }

.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0; }

.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold; }

.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-upload-list .ant-upload-animate-enter {
  -webkit-animation-name: uploadAnimateIn;
  animation-name: uploadAnimateIn; }

.ant-upload-list .ant-upload-animate-leave {
  -webkit-animation-name: uploadAnimateOut;
  animation-name: uploadAnimateOut; }

.ant-upload-list .ant-upload-animate-inline-enter {
  -webkit-animation-name: uploadAnimateInlineIn;
  animation-name: uploadAnimateInlineIn; }

.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-name: uploadAnimateInlineOut;
  animation-name: uploadAnimateInlineOut; }

@-webkit-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@-webkit-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@-webkit-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@-webkit-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none; }

.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch; }

.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word; }

.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto; }

.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s; }

.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto; }

.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none; }

.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0; }

.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word; }

.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px; }

.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50); }

.ant-modal-mask-hidden {
  display: none; }

.ant-modal-open {
  overflow: hidden; }

.ant-modal-centered {
  text-align: center; }

.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: ''; }

.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto; }
  .ant-modal-centered .ant-modal {
    flex: 1; } }

.ant-modal-confirm .ant-modal-header {
  display: none; }

.ant-modal-confirm .ant-modal-close {
  display: none; }

.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px; }

.ant-modal-confirm-body-wrapper {
  zoom: 1; }

.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: ''; }

.ant-modal-confirm-body-wrapper::after {
  clear: both; }

.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4; }

.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px; }

.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px; }

.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px; }

.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px; }

.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px; }

.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d; }

.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14; }

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff; }

.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none; }

.ant-message-notice {
  padding: 8px;
  text-align: center; }

.ant-message-notice:first-child {
  margin-top: -8px; }

.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all; }

.ant-message-success .anticon {
  color: #52c41a; }

.ant-message-error .anticon {
  color: #f5222d; }

.ant-message-warning .anticon {
  color: #faad14; }

.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff; }

.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px; }

.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  -webkit-animation-name: MessageMoveOut;
  animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1; }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0; } }

@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1; }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1; }

.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: ''; }

.ant-table-wrapper::after {
  clear: both; }

.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both; }

.ant-table-body {
  transition: opacity 0.3s; }

.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important; }

.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0; }

.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease; }

.ant-table-thead > tr > th[colspan] {
  text-align: center; }

.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s; }

.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px; }

.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #1890ff; }

.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  transform: scale(0.91667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s; }

:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #1890ff; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em; }

.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65); }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45); }

.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  vertical-align: top; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: ''; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04); }

.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px; }

.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px; }

.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0; }

.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s; }

.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s; }

.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #e6f7ff; }

.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa; }

.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa; }

.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa; }

.ant-table-thead > tr:hover {
  background: none; }

.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: ''; }

.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8; }

.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0; }

.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8; }

.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0; }

.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0; }

.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0; }

.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px; }

.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa; }

.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5; }

.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01); }

.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px; }

.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center; }

.ant-table-header {
  overflow: hidden;
  background: #fafafa; }

.ant-table-header table {
  border-radius: 4px 4px 0 0; }

.ant-table-loading {
  position: relative; }

.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5; }

.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px; }

.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px; }

.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px; }

.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0; }

.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8; }

.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0; }

.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0; }

.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8; }

.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8; }

.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0; }

.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none; }

.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden; }

.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0; }

.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #1890ff;
  font-weight: bold;
  text-shadow: 0 0 2px #bae7ff; }

.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden; }

.ant-table-filter-dropdown .ant-checkbox-wrapper + span {
  padding-left: 8px; }

.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0; }

.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8; }

.ant-table-filter-dropdown-link {
  color: #1890ff; }

.ant-table-filter-dropdown-link:hover {
  color: #40a9ff; }

.ant-table-filter-dropdown-link:active {
  color: #096dd9; }

.ant-table-filter-dropdown-link.confirm {
  float: left; }

.ant-table-filter-dropdown-link.clear {
  float: right; }

.ant-table-selection {
  white-space: nowrap; }

.ant-table-selection-select-all-custom {
  margin-right: 4px !important; }

.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s; }

.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf; }

.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer; }

.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6); }

.ant-table-row-expand-icon {
  color: #1890ff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  outline: none;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #40a9ff; }

.ant-table-row-expand-icon:active {
  color: #096dd9; }

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor; }

.ant-table-row-expanded::after {
  content: '-'; }

.ant-table-row-collapsed::after {
  content: '+'; }

.ant-table-row-spaced {
  visibility: hidden; }

.ant-table-row-spaced::after {
  content: '.'; }

tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb; }

tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px; }

.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px; }

.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden; }

.ant-table-scroll table {
  width: auto;
  min-width: 100%; }

.ant-table-scroll table .ant-table-fixed-columns-in-body {
  visibility: hidden; }

.ant-table-body-inner {
  height: 100%; }

.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff; }

.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll; }

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999; }

.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0; }

.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent; }

.ant-table-hide-scrollbar::-webkit-scrollbar {
  background-color: transparent; }

.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0; }

.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent; }

.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: auto;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease; }

.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff; }

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0; }

.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }

.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden; }

.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px; }

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0; }

.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0; }

.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0; }

.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }

.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0; }

.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none; }

.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0; }

.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none; }

.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none; }

.ant-table colgroup > col.ant-table-selection-col {
  width: 60px; }

.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px; }

.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center; }

.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0; }

.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block; }

/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box; } }

.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-footer {
  padding: 12px 8px; }

.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px; }

.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px; }

.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px; }

.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-footer {
  padding: 8px 8px; }

.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8; }

.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px; }

.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01); }

.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0; }

.ant-table-small > .ant-table-content .ant-table-header {
  background-color: #fff; }

.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0; }

.ant-table-small.ant-table-bordered {
  border-right: 0; }

.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none; }

.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0; }

.ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none; }

.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8; }

.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: ''; }

.ant-popover-hidden {
  display: none; }

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px; }

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px; }

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px; }

.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px; }

.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */ }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } }

.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8; }

.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65); }

.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px; }

.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px; }

.ant-popover-message-title {
  padding-left: 22px; }

.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right; }

.ant-popover-buttons button {
  margin-left: 8px; }

.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg); }

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); }

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg); }

.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px; }

.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px; }

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); }

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg); }

.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px; }

.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px; }

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); }

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg); }

.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px; }

.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px; }

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); }

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg); }

.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px; }

.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.5;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-btn > .anticon {
  line-height: 1; }

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0; }

.ant-btn:not([disabled]):hover {
  text-decoration: none; }

.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none; }

.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed; }

.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none; }

.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px; }

.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px; }

.ant-btn > a:only-child {
  color: currentColor; }

.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff; }

.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor; }

.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9; }

.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor; }

.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff; }

.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none; }

.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); }

.ant-btn-primary > a:only-child {
  color: currentColor; }

.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff; }

.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor; }

.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9; }

.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor; }

.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff; }

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9; }

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff; }

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9; }

.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff; }

.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9; }

.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9; }

.ant-btn-ghost > a:only-child {
  color: currentColor; }

.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff; }

.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor; }

.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9; }

.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor; }

.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed; }

.ant-btn-dashed > a:only-child {
  color: currentColor; }

.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff; }

.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor; }

.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9; }

.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor; }

.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); }

.ant-btn-danger > a:only-child {
  color: currentColor; }

.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875; }

.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor; }

.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e; }

.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor; }

.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none; }

.ant-btn-link > a:only-child {
  color: currentColor; }

.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff; }

.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor; }

.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link:active,
.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9; }

.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor; }

.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent; }

.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 16px;
  border-radius: 32px; }

.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 40px; }

.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px; }

.ant-btn-circle,
.ant-btn-circle-outline {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%; }

.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%; }

.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%; }

.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none; }

.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed; }

.ant-btn.ant-btn-loading {
  position: relative;
  pointer-events: none; }

.ant-btn.ant-btn-loading::before {
  display: block; }

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px; }

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px; }

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px; }

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px; }

.ant-btn-group {
  position: relative;
  display: inline-block; }

.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative; }

.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2; }

.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0; }

.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px; }

.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px; }

.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px; }

.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px; }

.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent; }

.ant-btn-group .ant-btn {
  border-radius: 0; }

.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0; }

.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px; }

.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px; }

.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px; }

.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px; }

.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-btn-group > .ant-btn-group {
  float: left; }

.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0; }

.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-right: 8px;
  padding-left: 8px; }

.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative; }

.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px; }

.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff; }

.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
  text-shadow: none; }

.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff; }

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9; }

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none; }

.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875; }

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e; }

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff; }

.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: transparent; }

.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: transparent; }

.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em; }

.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em; }

.ant-btn-block {
  width: 100%; }

.ant-btn:empty {
  vertical-align: top; }

a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px; }

a.ant-btn-lg {
  line-height: 38px; }

a.ant-btn-sm {
  line-height: 22px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0; }

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

.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff; }

.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%; }

.ant-select-arrow > * {
  line-height: 1; }

.ant-select-arrow svg {
  display: inline-block; }

.ant-select-arrow::before {
  display: none; }

.ant-select-arrow .ant-select-arrow-icon {
  display: block; }

.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s; }

.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-select-selection:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto; }

.ant-select-selection__clear::before {
  display: block; }

.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1; }

.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0; }

.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25); }

.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed; }

.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none; }

.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none; }

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5; }

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none; }

.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer; }

.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px; }

.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px; }

.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px; }

.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none; }

.ant-select-lg {
  font-size: 16px; }

.ant-select-lg .ant-select-selection--single {
  height: 40px; }

.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px; }

.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px; }

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px; }

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px; }

.ant-select-sm .ant-select-selection--single {
  height: 24px; }

.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px; }

.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px; }

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px; }

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px; }

.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px; }

.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default; }

.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25); }

.ant-select-search__field__wrap {
  position: relative;
  display: inline-block; }

.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis; }

.ant-select-search__field__placeholder {
  left: 12px; }

.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none; }

.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%; }

.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%; }

.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0; }

.ant-select-search--inline > i {
  float: right; }

.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1; }

.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: ''; }

.ant-select-selection--multiple::after {
  clear: both; }

.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0; }

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%; }

.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px; }

.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px; }

.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px; }

.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px; }

.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg); }

.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1; }

.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block; }

.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none; }

.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block; }

:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px; }

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75); }

.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px; }

.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value {
  padding-right: 16px; }

.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px; }

.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg); }

.ant-select-open .ant-select-selection {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-select-combobox .ant-select-arrow {
  display: none; }

.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%; }

.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%; }

.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; }

.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px; }

.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-select-dropdown-hidden {
  display: none; }

.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none; }

.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0; }

.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px; }

.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px; }

.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0; }

.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease; }

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f7ff; }

.ant-select-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0; }

.ant-select-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px; }

.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa; }

.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f7ff; }

.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87); }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #1890ff; }

.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px; }

.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible; }

.ant-tooltip-hidden {
  display: none; }

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px; }

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px; }

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px; }

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px; }

.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none; }

.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto; }

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px; }

.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553px) rotate(45deg); }

.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%); }

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px; }

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px; }

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px; }

.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553px) rotate(45deg); }

.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%); }

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px; }

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px; }

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px; }

.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553px) rotate(45deg); }

.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%); }

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px; }

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px; }

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px; }

.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553px) rotate(45deg); }

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%); }

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px; }

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0; }

.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top; }

.ant-steps-item-container {
  outline: none; }

.ant-steps-item:last-child {
  flex: none; }

.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none; }

.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top; }

.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s; }

.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1; }

.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px; }

.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: ''; }

.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px; }

.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: ''; }

.ant-steps-item-subtitle {
  display: inline;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  margin-left: 8px;
  font-weight: normal; }

.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25); }

.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25); }

.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25); }

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45); }

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8; }

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45); }

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8; }

.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff; }

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff; }

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff; }

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85); }

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8; }

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65); }

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8; }

.ant-steps-item-process .ant-steps-item-icon {
  background: #1890ff; }

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff; }

.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500; }

.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff; }

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff; }

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff; }

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65); }

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff; }

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45); }

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff; }

.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d; }

.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d; }

.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d; }

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d; }

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8; }

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d; }

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8; }

.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d; }

.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer; }

.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s; }

.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff; }

.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff; }

.ant-steps:not(.ant-steps-navigation) .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal; }

.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0; }

.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px; }

.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff; }

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto; }

.ant-steps-small .ant-steps-item-container.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px; }

.ant-steps-small .ant-steps-item-container.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-title::after {
  top: 12px; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  top: 8px;
  padding: 0 8px; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0; }

.ant-steps-small .ant-steps-item-container .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none; }

.ant-steps-vertical {
  display: block; }

.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible; }

.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px; }

.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden; }

.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px; }

.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px; }

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px; }

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%; }

.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block; }

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none; }

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px; }

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px; }

@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none; }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px; }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px; } }

.ant-steps-label-vertical .ant-steps-item {
  overflow: visible; }

.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 51px;
  padding: 3.5px 24px; }

.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 104px;
  margin-top: 8px;
  text-align: center; }

.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 36px; }

.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0; }

.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none; }

.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 40px; }

.ant-steps-dot .ant-steps-item-title {
  line-height: 1.5; }

.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0; }

.ant-steps-dot .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px; }

.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px; }

.ant-steps-dot .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0; }

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */ }

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: ''; }

.ant-steps-dot .ant-steps-item-content {
  width: 140px; }

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px; }

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px; }

.ant-steps-navigation {
  padding-top: 12px; }

.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px; }

.ant-steps-navigation .ant-steps-item {
  text-align: center;
  overflow: visible; }

.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  text-align: left;
  height: 100%;
  padding-bottom: 12px;
  margin-left: -16px;
  transition: opacity 0.3s; }

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: 140px; }

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-right: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none; }

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer; }

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85; }

.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1; }

.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none; }

.ant-steps-navigation .ant-steps-item::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -14px;
  margin-left: -2px; }

.ant-steps-navigation .ant-steps-item::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 3px;
  width: 0;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out; }

.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%; }

.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff; }

.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: ''; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 32px;
  line-height: 1.5 \9;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s; }

.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-input:placeholder-shown {
  text-overflow: ellipsis; }

.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s; }

.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
  line-height: 40px;
  line-height: 1.5 \9; }

.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
  line-height: 24px;
  line-height: 1.5 \9; }

.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0; }

.ant-input-group > [class*='col-'] {
  padding-right: 8px; }

.ant-input-group > [class*='col-']:last-child {
  padding-right: 0; }

.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell; }

.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0; }

.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle; }

.ant-input-group-wrap > * {
  display: block !important; }

.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit; }

.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px; }

.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px; }

.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s; }

.ant-input-group-addon .ant-select {
  margin: -5px -11px; }

.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none; }

.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1890ff; }

.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ''; }

.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-input-group-addon:first-child {
  border-right: 0; }

.ant-input-group-addon:last-child {
  border-left: 0; }

.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
  line-height: 40px;
  line-height: 1.5 \9; }

.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
  line-height: 24px;
  line-height: 1.5 \9; }

.ant-input-group-lg .ant-select-selection--single {
  height: 40px; }

.ant-input-group-sm .ant-select-selection--single {
  height: 24px; }

.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%; }

.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1; }

.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: ''; }

.ant-input-group.ant-input-group-compact::after {
  clear: both; }

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px; }

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1; }

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1; }

.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0; }

.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px; }

.ant-input-group.ant-input-group-compact .ant-input {
  float: none; }

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-right-width: 1px;
  border-radius: 0; }

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  z-index: 1; }

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  z-index: 1; }

.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top; }

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top; }

.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start; }

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit; }

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  transform: translateY(-50%); }

.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5; }

.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px; }

.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px; }

.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px; }

.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px; }

.ant-input-affix-wrapper.ant-input-affix-wrapper-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px; }

.ant-input-affix-wrapper .ant-input {
  min-height: 100%; }

.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s; }

.ant-input-password-icon:hover {
  color: #333; }

.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: 0;
  cursor: pointer;
  transition: color 0.3s; }

.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65); }

.ant-input-clear-icon + i {
  margin-left: 6px; }

.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s; }

.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8); }

.ant-input-search-enter-button input {
  border-right: 0; }

.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0; }

.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 32px;
  line-height: 1.5 \9;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-input-number:placeholder-shown {
  text-overflow: ellipsis; }

.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input-number:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s; }

.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
  line-height: 40px;
  line-height: 1.5 \9; }

.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
  line-height: 24px;
  line-height: 1.5 \9; }

.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear; }

.ant-input-number-handler:active {
  background: #f4f4f4; }

.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #40a9ff; }

.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1; }

.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block; }

.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none; }

.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block; }

.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed; }

.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none; }

.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important; }

.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis; }

.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.ant-input-number-lg {
  padding: 0;
  font-size: 16px; }

.ant-input-number-lg input {
  height: 38px; }

.ant-input-number-sm {
  padding: 0; }

.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px; }

.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s; }

.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333) rotate(0deg);
  min-width: auto;
  margin-right: 0; }

:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px; }

.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%; }

.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1; }

.ant-input-number-handler-up {
  cursor: pointer; }

.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center; }

.ant-input-number-handler-up:hover {
  height: 60% !important; }

.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  cursor: pointer; }

.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center; }

.ant-input-number-handler-down:hover {
  height: 60% !important; }

.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed; }

.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff; }

.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  content: ''; }

.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible; }

.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s; }

.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-checkbox-disabled {
  cursor: not-allowed; }

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed; }

.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden; }

.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px; }

.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0; }

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset; }

.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer; }

.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer; }

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff; }

.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); }

.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
  animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: ''; }

.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible; }

.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s; }

.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' '; }

.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0; }

.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff; }

.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed; }

.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2); }

.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed; }

.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px; }

.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s; }

.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65); }

.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0; }

.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px; }

.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px; }

.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: ''; }

.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px; }

.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0; }

.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px; }

.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff; }

.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06); }

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none; }

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 #1890ff; }

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff !important;
  opacity: 0.1; }

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
  box-shadow: none !important; }

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
  box-shadow: -1px 0 0 0 #40a9ff; }

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
  box-shadow: -1px 0 0 0 #096dd9; }

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06); }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff; }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff; }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9; }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06); }

.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed; }

.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9; }

.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9; }

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none; }

@-webkit-keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-tag:hover {
  opacity: 0.85; }

.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65); }

.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px; }

.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

:root .ant-tag .anticon-close {
  font-size: 12px; }

.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85); }

.ant-tag-has-color {
  border-color: transparent; }

.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff; }

.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent; }

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff; }

.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff; }

.ant-tag-checkable-checked {
  background-color: #1890ff; }

.ant-tag-checkable:active {
  background-color: #096dd9; }

.ant-tag-hidden {
  display: none; }

.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2; }

.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96; }

.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2; }

.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96; }

.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e; }

.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d; }

.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96; }

.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c; }

.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591; }

.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16; }

.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f; }

.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14; }

.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f; }

.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14; }

.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de; }

.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2; }

.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f; }

.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911; }

.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f; }

.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a; }

.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff; }

.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff; }

.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff; }

.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb; }

.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7; }

.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px; }

.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' '; }

.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); }

.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px; }

.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent; }

.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65); }

.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #1890ff; }

.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-switch:focus:hover {
  box-shadow: none; }

.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px; }

.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px; }

.ant-switch-small::after {
  width: 12px;
  height: 12px; }

.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px; }

.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px; }

.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px; }

.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px; }

.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667); }

.ant-switch-checked {
  background-color: #1890ff; }

.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px; }

.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%); }

.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px; }

.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4; }

.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed; }

.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed; }

@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%; }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%; } }

@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%; }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%; } }

@media only screen and (min-width: 768px) {
  .top-filter {
    display: inline-block;
    width: 37.5rem; } }

.top-filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .top-filter__list {
      border: 0; } }

.top-filter__item {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: relative;
  width: 100%;
  padding: 0.75rem;
  outline: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .top-filter__item {
      margin-right: 1.875rem;
      border: 1px solid #eeeeee; } }
  .top-filter__item:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #9e9e9e transparent transparent;
    content: ''; }
  .top-filter__item--filtered {
    font-weight: 600;
    color: #64a338; }
  .top-filter__item--active {
    background-color: #e7e7e7; }
    .top-filter__item--active:after {
      border-width: 0 4px 4px;
      border-color: transparent transparent #64a338; }

.top-filter__detail {
  position: absolute;
  top: 5.8125rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(200, 201, 203, 0.8);
  z-index: 1000; }
  @media only screen and (min-width: 768px) {
    .top-filter__detail {
      top: 8.0625rem; } }

.top-filter__detail-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.top-filter__detail-item {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  position: relative;
  padding: 0.75rem 1rem 0.75rem 2rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }
  .top-filter__detail-item--active {
    font-weight: 600;
    color: #64a338; }
    .top-filter__detail-item--active:before {
      display: block;
      position: absolute;
      top: 50%;
      left: 1rem;
      width: 0.375rem;
      height: 0.375rem;
      transform: translateY(-50%);
      border-radius: 0.375rem;
      background-color: #64a338;
      content: ''; }

.top-filter__city-letter {
  display: none;
  position: fixed;
  top: 7.25rem;
  right: 1rem;
  text-align: center;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .top-filter__city-letter {
      top: 16%;
      right: 1.5rem; } }
  .top-filter__city-letter--visible {
    display: block; }

.asl__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 0.5rem; }

.asl__item {
  position: relative;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }

.asl__card__link {
  display: block; }

.asl__card__header {
  position: relative;
  padding: 0.5rem 1rem 0; }

.asl__card__heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: inline-block;
  margin: 0; }

.asl__card__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  padding: 0rem 0.25rem;
  border-radius: 4px;
  background-color: #9e9e9e; }
  .asl__card__status--new, .asl__card__status--submitted, .asl__card__status--awaiting-payment, .asl__card__status--opp-pay-through-scom {
    background-color: #5687bb; }
  .asl__card__status--paid, .asl__card__status--opp-new {
    background-color: #ffcc00; }
  .asl__card__status--payment-failed, .asl__card__status--refund {
    background-color: #e03b24; }
  .asl__card__status--processing, .asl__card__status--in-consulted, .asl__card__status--opp-application-processing {
    background-color: #3865a3; }
  .asl__card__status--completed, .asl__card__status--created {
    background-color: #64a338; }
  .asl__card__status--success, .asl__card__status--opp-completed {
    background-color: #74b3e8; }
  .asl__card__status--on-air {
    background-color: #ffcc00; }
  .asl__card__status--demand-processing {
    background-color: #3865a3; }
  .asl__card__status--demand-booking-completed {
    background-color: #74b3e8; }
  .asl__card__status--demand-deposit-completed {
    background-color: #ffcc00; }
  .asl__card__status--demand-awaiting-payment {
    background-color: #5687bb; }
  .asl__card__status--demand-completed {
    background-color: #64a338; }
  .asl__card__status--promotion-again {
    background-color: #6454b5; }
  .asl__card__status--opp-in-consultation {
    background-color: #87CEEB; }
  .asl__card__status--opp-cancellation {
    background-color: #cccccc; }

.asl__card__body {
  padding: 0.5rem 1rem; }

.asl__card__body-item {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem; }
  .asl__card__body-item:last-child {
    margin-bottom: 0; }
  .asl__card__body-item--green {
    color: #64a338; }
  .asl__card__body-item--red {
    color: #ff3d46; }

.asl__card__service-container {
  border-top: 1px solid #e7e7e7; }
  .asl__card__service-container::after {
    display: table;
    clear: both;
    content: ''; }

.asl__card__service {
  width: 50%;
  float: left; }
  .asl__card__service:last-child {
    padding: 0.5rem 1rem 0.5rem 0.5rem; }
  .asl__card__service:first-child {
    padding: 0.5rem 0.5rem 0.5rem 1rem; }

.asl__card__service-label {
  color: #9e9e9e;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  padding: 0 0.25rem 0 0; }

.asl__card__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 2px;
  vertical-align: middle; }
  .asl__card__icon--desktop {
    width: 0.875rem;
    margin-right: 0;
    fill: #5687bb; }
  .asl__card__icon--weibo {
    margin-right: 0;
    fill: #df2029; }
  .asl__card__icon--wechat {
    width: 1.0625rem;
    fill: #7bb32e; }
  .asl__card__icon--subscription {
    width: 0.75rem;
    fill: #7bb32e; }
  .asl__card__icon--vip {
    width: 1.125rem; }

.asl__card__avatar {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  text-align: center; }
  .asl__card__avatar__image {
    width: 1.5625rem;
    border-radius: 1.5625rem; }
  .asl__card__avatar__text {
    margin-top: 0.375rem;
    color: #000;
    font-size: 0.75rem; }

.asl__card__button {
  position: absolute;
  top: 0;
  right: 0.5rem;
  text-align: right; }
  .asl__card__button-assign {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    display: block;
    padding: 0.5rem 1rem;
    border: 0;
    background-color: #f4efe1;
    z-index: 10; }

.asl__no-result {
  color: #c8c9cb;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%); }

.asl__pagination {
  text-align: center; }

.asl__filter-date {
  min-width: 18.75rem;
  z-index: 1; }
  .asl__filter-date > .date-picker__result {
    padding: 0.75rem 0;
    border: 1px solid #eeeeee; }
    .asl__filter-date > .date-picker__result > .date-picker__selector
> .date-picker__icon {
      fill: #9e9e9e; }

.asl__button {
  width: 6.25rem;
  height: 2.5rem;
  margin-left: 1.25rem; }

.aso {
  position: relative; }
  .aso__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.96);
    z-index: 1000; }
    .aso__overlay__content {
      position: absolute;
      top: 8rem;
      left: 50%;
      transform: translateX(-50%); }
  .aso__section {
    margin: 1rem;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(76, 76, 76, 0.2);
    overflow: hidden; }
  .aso__title-container {
    position: relative;
    padding: 0.75rem 1rem 0;
    border-top: 4px solid #c8c9cb; }
    .aso__title-container--new {
      border-color: #3865a3; }
    .aso__title-container--pending-approval {
      border-color: #ffcc00; }
    .aso__title-container--rejected {
      border-color: #e03b24; }
    .aso__title-container--approved {
      border-color: #64a338; }
  .aso__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600; }
  .aso__title-status {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.75rem;
    right: 1rem; }
  .aso__content {
    padding: 1rem; }
    .aso__content__note {
      color: #9e9e9e;
      font-size: 0.75rem;
      line-height: 1rem;
      margin: 1rem 0 0.25rem; }
      .aso__content__note--title {
        font-weight: 600;
        margin: 0; }
      .aso__content__note--all-approved {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
        margin: 0 0 1rem; }
  .aso__buttons {
    display: flex;
    justify-content: space-between; }
    .aso__buttons .button {
      margin-right: 1rem; }
      .aso__buttons .button:last-child {
        margin-right: 0; }
  .aso__refund {
    margin-top: 0.5rem; }
  .aso__preview {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 0; }
    .aso__preview--link {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block;
      margin: 0 0 0.75rem;
      padding: 0.75rem;
      border-radius: 2px;
      background-color: #e7e7e7;
      text-decoration: underline; }
  .aso__preview-image {
    width: 100%;
    padding-bottom: 1rem; }

.asa {
  min-height: 100%;
  padding: 1rem; }
  .asa__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .asa__item {
    padding-bottom: 1rem; }
    .asa__item::after {
      display: table;
      clear: both;
      content: ''; }
  .asa__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 40%;
    float: left; }
  .asa__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
    width: 60%;
    float: left; }
    .asa__content-customer, .asa__content-disable {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 2rem;
      font-weight: 600;
      display: inline-block;
      width: 100%;
      height: 2rem;
      margin-top: 0.5rem;
      text-align: center; }
    .asa__content-customer {
      background-color: #ffcc00; }
    .asa__content-disable {
      background-color: #c8c9cb;
      pointer-events: none; }
  .asa__text-button {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    display: inline-block;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    text-align: left;
    text-decoration: underline; }
    .asa__text-button:disabled {
      color: #c8c9cb; }
  .asa__image {
    width: 100%;
    padding-bottom: 1rem; }
  .asa__explain {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block; }
  .asa .input-field__input-container {
    margin-bottom: 0; }
  .asa .radio-field {
    margin-bottom: 0; }
  .asa__input-container {
    margin-bottom: 0.9375rem; }
  .asa__file-modal__content {
    bottom: 1.5rem; }
    .asa__file-modal__content > button {
      background-color: rgba(158, 158, 158, 0.4);
      line-height: 0.625rem; }
  .asa__file-modal__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.asv {
  padding: 1rem;
  background-color: #fff; }

.asd__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #9e9e9e; }
  .asd__status-panel--new, .asd__status-panel--submitted, .asd__status-panel--awaiting-payment, .asd__status-panel--opp-pay-through-scom {
    background-color: #5687bb; }
  .asd__status-panel--paid, .asd__status-panel--opp-new {
    background-color: #ffcc00; }
  .asd__status-panel--payment-failed, .asd__status-panel--refund {
    background-color: #e03b24; }
  .asd__status-panel--processing, .asd__status-panel--opp-application-processing {
    background-color: #3865a3; }
  .asd__status-panel--completed {
    background-color: #64a338; }
  .asd__status-panel--success, .asd__status-panel--opp-completed {
    background-color: #74b3e8; }
  .asd__status-panel--promotion-again {
    background-color: #6454b5; }
  .asd__status-panel--opp-in-consultation {
    background-color: #87CEEB; }
  .asd__status-panel--opp-cancellation {
    background-color: #cccccc; }

.asd__status-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.asd__status-icon-back {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(180deg);
  fill: #fff; }

.asd__status {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  display: block;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); }

.asd__status-user {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block; }

.asd__status-avatar {
  position: absolute;
  top: 2.1875rem;
  right: 1rem;
  width: 2.5rem;
  border: 2px solid #fff;
  border-radius: 2.5rem; }

.asd__status-assign {
  position: absolute;
  top: 2.1875rem;
  right: 1rem;
  width: 5rem; }

.atdl__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 0.5rem; }

.atdl__item {
  position: relative;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }
  .atdl__item__expander {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: block;
    padding: 0.5rem 0;
    border-top: 1px solid #e7e7e7;
    text-align: center; }
  .atdl__item__input-hidden {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .atdl__item__input-hidden:checked + .atdl__item__expander {
      display: none; }
    .atdl__item__input-hidden:checked ~ .atdl__item__buttons {
      display: flex; }
    .atdl__item__input-hidden ~ .atdl__item__buttons {
      display: none; }
  .atdl__item__buttons {
    display: flex;
    justify-content: space-between;
    padding: 1rem; }
  .atdl__item__button {
    width: 100%;
    padding-right: 0.5rem; }
    .atdl__item__button:last-of-type {
      padding-right: 0; }

.atdl__card__header {
  position: relative;
  padding: 0.5rem 1rem 0; }

.atdl__card__heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: inline-block;
  margin: 0; }

.atdl__card__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  padding: 0rem 0.25rem;
  border-radius: 4px;
  background-color: #9e9e9e; }
  .atdl__card__status--active {
    background-color: #3865a3; }
  .atdl__card__status--inactive {
    background-color: #b4a078; }
  .atdl__card__status--sold {
    background-color: #64a338; }
  .atdl__card__status--blocked {
    background-color: #e03b24; }

.atdl__card__body {
  padding: 0.5rem 1rem; }

.atdl__card__body-item {
  color: #9e9e9e;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0.25rem; }
  .atdl__card__body-item:last-child {
    margin-bottom: 0; }

.atdl__no-result {
  color: #c8c9cb;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%); }

.atdl__pagination {
  text-align: center; }

.addn {
  padding: 1rem; }
  .addn__form {
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .addn__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 1rem; }
  .addn__item {
    color: #5687bb;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e7e7e7; }
    .addn__item__time {
      display: block;
      color: #4c4c4c; }

.adoc__container {
  display: flex; }

.adoc__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 2.5rem;
  flex: 0.1;
  font-weight: 600; }
  @media only screen and (max-width: 768px) {
    .adoc__title {
      flex: 0.4; } }

.adoc__confirmed {
  background-color: #3865a3; }

.adoc__footer {
  display: flex; }
  .adoc__footer > div {
    margin-right: 1.25rem; }

.adod__container {
  display: flex; }
  @media only screen and (max-width: 768px) {
    .adod__container {
      flex-direction: column; } }

.adod__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 2rem;
  flex: 0.1;
  margin-right: 1rem;
  margin-bottom: 0.625rem;
  font-weight: 600; }

.adod__btn-group {
  flex: 0.9; }

.adod__footer {
  display: inline-block;
  position: relative;
  width: 25.875rem;
  height: 17.8125rem;
  margin-top: 0.625rem;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .adod__footer {
      width: 10.1875rem;
      height: 6.5625rem; } }
  .adod__footer__images {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }

.adod__confirmed {
  background-color: #3865a3; }

.adod__button {
  display: inline-block;
  width: auto;
  margin-right: 0.625rem; }

.adci__container {
  display: flex;
  margin-bottom: 0.9375rem; }
  @media only screen and (max-width: 768px) {
    .adci__container {
      flex-direction: column; } }

.adci__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 2.5rem;
  flex: 0.1;
  margin-right: 1rem;
  font-weight: 600; }

.adci__btn-group {
  flex: 0.9; }

.adci__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.adci__item {
  display: inline-block;
  position: relative;
  width: 25.875rem;
  height: 17.8125rem;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .adci__item {
      width: 10.1875rem;
      height: 6.5625rem; } }

.adci__images {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%); }

.adci__confirmed {
  background-color: #3865a3; }

.adci__button {
  display: inline-block;
  width: auto;
  margin-right: 0.625rem; }

.ados__container {
  display: flex; }

.ados__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 2.5rem;
  flex: 0.1;
  margin-right: 1rem;
  font-weight: 600; }
  @media only screen and (max-width: 768px) {
    .ados__title {
      flex: 0.4; } }

.ados__status {
  flex: 0.9; }

.ados__button {
  width: auto;
  background-color: #3865a3; }
  .ados__button-wait {
    width: auto; }

.addoa__status {
  display: inline-block;
  width: auto;
  margin-right: 0.625rem; }
  .addoa__status--agree {
    background-color: #3865a3; }
  .addoa__status-container {
    display: flex; }
    @media only screen and (max-width: 768px) {
      .addoa__status-container {
        flex-direction: column; } }
  .addoa__status--checked {
    background-color: #FFC600; }
  .addoa__status-label {
    flex: 0.1;
    margin-right: 1rem;
    font-weight: 600;
    line-height: 2.5rem; }
  .addoa__status-btn-group {
    flex: 0.9; }
  .addoa__status-link {
    margin-top: 0.9375rem; }

.addoa__send-btn {
  width: 10.625rem;
  margin: 0 auto; }
  .addoa__send-btn--second {
    margin: 0 0 0 0.625rem; }

.adoi__edit {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 1.875rem;
  cursor: pointer; }

.adoi__container {
  margin-bottom: 1.75rem; }
  .adoi__container__title {
    margin-right: 0.625rem;
    color: #4c4c4c; }
  .adoi__container__content {
    font-weight: 400;
    color: #9e9e9e; }

.adoi__head__box {
  display: flex;
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem; }

.adoi__head__button-hold {
  margin-right: 1.25rem;
  background-color: #3b64a6; }

.adobr__input-field {
  display: flex; }
  .adobr__input-field > div {
    flex: 0.5; }

.adobr__container__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-weight: 600; }

.adobr__container__item {
  display: flex; }
  .adobr__container__item > div {
    flex: 0.5; }
    .adobr__container__item > div:last-child {
      margin-left: 0.625rem; }
  .adobr__container__item > button {
    display: inline-block;
    width: auto;
    padding: 0.3125rem;
    background: transparent; }

.adobr__detail__list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1; }

.adobr__detail__item {
  display: flex; }
  .adobr__detail__item > div {
    flex: 0.5; }

.ador {
  display: flex; }
  .ador__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 2.5rem;
    flex: 0.1;
    margin-right: 1rem;
    font-weight: 600; }
  .ador__content {
    flex: 0.9; }
    .ador__content__input > .input-field__input-container {
      margin-bottom: 0; }
  .ador__information {
    margin-right: 1.875rem; }
    .ador__information:last-child {
      margin-right: 0; }

.adopr__show {
  margin: 1rem; }

.adopr__button-edit {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  width: 1.875rem;
  z-index: 1; }

.ado__jump {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
  background-color: #e7e7e7;
  z-index: 1000; }
  .ado__jump__bar {
    position: fixed;
    top: 0;
    right: 1.625rem;
    left: 14.0625rem;
    margin: 0; }
    @media only screen and (max-width: 768px) {
      .ado__jump__bar {
        right: 0;
        left: 0; } }

.ado__button {
  width: auto;
  padding: 1rem;
  background-color: transparent;
  color: #4c4c4c; }
  @media only screen and (max-width: 768px) {
    .ado__button {
      padding: 0; } }
  .ado__button-active {
    background-color: #FFC600; }
  .ado__button-status {
    border-bottom: 0.1875rem solid #3865a3;
    z-index: 100; }

.ado__button__close {
  margin-top: 0.9375rem; }

.ado__section {
  margin-top: 0.625rem;
  background-color: #fff; }

.ado__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  margin: 0.625rem 0 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #EBEBEB; }

.ado__content {
  position: relative;
  padding: 0.625rem;
  border: 1px solid #EBEBEB; }

.ado__booker {
  display: flex;
  flex-direction: row; }
  @media only screen and (max-width: 768px) {
    .ado__booker {
      flex-direction: column; } }
  .ado__booker__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 600;
    margin: 0.625rem 0 1.25rem; }
  .ado__booker__box {
    flex: 0.5; }
  .ado__booker__item {
    padding: 0.625rem;
    border: 1px solid #EBEBEB; }
  .ado__booker__send-template {
    display: inline-block;
    width: auto;
    margin-left: 0.625rem; }
  .ado__booker__send-email {
    display: flex;
    justify-content: flex-end; }
    .ado__booker__send-email__button {
      display: inline-block;
      width: auto;
      margin: 0.625rem; }
  .ado__booker__again-send-email {
    background-color: #64a338; }

.ado__booking-info {
  display: flex;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .ado__booking-info {
      flex-direction: column; } }
  .ado__booking-info__info {
    display: inline-block;
    position: relative;
    width: 50%;
    padding: 0.625rem;
    border: 1px solid #EBEBEB;
    overflow: auto; }
    @media only screen and (max-width: 768px) {
      .ado__booking-info__info {
        width: auto; } }
  .ado__booking-info__result {
    display: inline-block;
    width: 50%;
    padding: 5rem 0.625rem 0;
    border: 1px solid #EBEBEB;
    overflow: auto; }
    @media only screen and (max-width: 768px) {
      .ado__booking-info__result {
        position: relative;
        width: auto;
        padding: 0.625rem; } }
    @media only screen and (min-width: 768px) {
      .ado__booking-info__result__head {
        position: absolute;
        top: 0.0625rem;
        width: 47%;
        padding-top: 0.875rem;
        background-color: #fff;
        line-height: 1.8125rem;
        z-index: 1; } }

.adob {
  position: relative;
  padding-top: 2.125rem; }
  .adob__detail {
    display: flex;
    margin: 0.625rem 0; }
    .adob__detail > label {
      flex: 0.2; }
    .adob__detail > span {
      flex: 0.8; }
  .adob__form {
    height: 31.25rem;
    overflow: auto; }
    .adob__form__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block;
      margin-bottom: 0.5rem; }
    .adob__form__image {
      width: 98%; }
    .adob__form__edit > label {
      font-weight: 400; }
    .adob__form__title-guarantor {
      margin-bottom: 1.25rem; }
    .adob__form__title-emergency {
      margin: 1.875rem 0; }
  .adob__button-edit {
    position: absolute;
    top: 0;
    right: 1.5rem;
    width: 1.875rem; }
  .adob__button-save {
    display: flex;
    position: absolute;
    top: 0;
    right: 1.5rem; }

@media only screen and (min-width: 768px) {
  .adobr {
    max-height: 11.5625rem; } }

.adobr__edit {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 1.875rem;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    .adobr__edit {
      top: 1.125rem; } }

.adobr__operator {
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    .adobr__operator {
      top: 1.125rem; } }
  .adobr__operator__button {
    margin-left: 0.625rem; }

.adobr__detail {
  display: flex;
  margin-bottom: 1.75rem; }

.aol__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 0.5rem; }

.aol__item {
  position: relative;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }

.aol__card__link {
  display: block; }

.aol__card__header {
  position: relative;
  padding: 0.5rem 1rem 0; }

.aol__card__heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: inline-block;
  margin: 0; }

.aol__card__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  padding: 0rem 0.25rem;
  border-radius: 4px;
  background-color: #9e9e9e; }
  .aol__card__status--new, .aol__card__status--awaiting-payment {
    background-color: #5687bb; }
  .aol__card__status--paid {
    background-color: #ffcc00; }
  .aol__card__status--payment-failed, .aol__card__status--refund {
    background-color: #e03b24; }
  .aol__card__status--processing {
    background-color: #3865a3; }
  .aol__card__status--completed {
    background-color: #64a338; }

.aol__card__body {
  padding: 0.5rem 1rem; }

.aol__card__body-item {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem; }
  .aol__card__body-item:last-child {
    margin-bottom: 0; }

.aol__no-result {
  color: #c8c9cb;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%); }

.aol__pagination {
  text-align: center; }

.aoa {
  min-height: 100%;
  padding: 1rem; }
  .aoa__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .aoa__item {
    padding-bottom: 1rem; }
    .aoa__item::after {
      display: table;
      clear: both;
      content: ''; }
  .aoa__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 40%;
    float: left; }
  .aoa__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
    width: 60%;
    float: left; }
  .aoa__text-button {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    display: inline-block;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    text-align: left;
    text-decoration: underline; }
    .aoa__text-button:disabled {
      color: #c8c9cb; }
  .aoa__image {
    width: 100%;
    padding-bottom: 1rem; }
  .aoa__explain {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block; }
  .aoa .input-field__input-container {
    margin-bottom: 0; }

.aoo {
  position: relative; }
  .aoo__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.96);
    z-index: 1000; }
    .aoo__overlay__content {
      position: absolute;
      top: 8rem;
      left: 50%;
      transform: translateX(-50%); }
  .aoo__section {
    margin: 1rem;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(76, 76, 76, 0.2);
    overflow: hidden; }
  .aoo__title-container {
    position: relative;
    padding: 0.75rem 1rem 0;
    border-top: 4px solid #c8c9cb; }
    .aoo__title-container--new {
      border-color: #3865a3; }
    .aoo__title-container--pending-approval {
      border-color: #ffcc00; }
    .aoo__title-container--rejected {
      border-color: #e03b24; }
    .aoo__title-container--approved {
      border-color: #64a338; }
  .aoo__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600; }
  .aoo__title-status {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.75rem;
    right: 1rem; }
  .aoo__content {
    padding: 1rem; }
    .aoo__content__note {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0 0 0.5rem; }
      .aoo__content__note--title {
        font-weight: 600;
        margin: 0; }
  .aoo__buttons {
    display: flex;
    justify-content: space-between; }
    .aoo__buttons .button {
      margin-right: 1rem; }
      .aoo__buttons .button:last-child {
        margin-right: 0; }
  .aoo__preview {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 0; }
    .aoo__preview--link {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: block;
      margin: 0 0 0.75rem;
      padding: 0.75rem;
      border-radius: 2px;
      background-color: #e7e7e7;
      text-decoration: underline; }
  .aoo__preview-image {
    width: 100%;
    padding-bottom: 1rem; }

.acdn {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.625rem; }
  .acdn__data {
    display: flex;
    justify-content: space-between; }
    .acdn__data__all {
      display: inline-block;
      flex: 1;
      font-size: 0.75rem;
      line-height: 1.625rem; }
      .acdn__data__all-property {
        float: right; }
    .acdn__data__create {
      display: inline;
      width: auto;
      height: auto;
      margin-left: 0.625rem;
      padding: 0.1875rem 0.5rem;
      font-size: 0.75rem; }
  .acdn__tab {
    margin: 1rem 0 0.4375rem;
    font-size: 0.8125rem; }
    .acdn__tab-type {
      padding: 0.3125rem;
      border: 1px solid #c3c3c3;
      cursor: pointer; }
      .acdn__tab-type--active {
        box-shadow: inset 0 0 0.5rem #808080; }
  .acdn__list {
    flex: 1;
    overflow-y: auto; }
  .acdn__list-item {
    padding: 0.625rem;
    border: 1px solid #c3c3c3; }
    .acdn__list-item__info {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.375rem; }
    .acdn__list-item__time {
      font-size: 0.75rem;
      line-height: 1.5625rem; }
    .acdn__list-item__user-tag {
      display: inline-block;
      margin-right: 0.625rem;
      padding: 0.25rem;
      border-radius: 0.25rem;
      background-color: #b84145;
      color: #fff;
      font-size: 0.75rem; }
    .acdn__list-item__tag {
      display: inline-block;
      width: auto;
      min-width: 6.25rem; }
    .acdn__list-item__public {
      position: relative;
      padding: 0.625rem;
      border: 1px solid #c3c3c3; }
      .acdn__list-item__public-content, .acdn__list-item__public-comment {
        display: inline-block;
        width: 50%; }
      .acdn__list-item__public-content {
        padding-right: 0.3125rem; }
      .acdn__list-item__public-comment {
        padding-left: 0.3125rem;
        float: right; }
        .acdn__list-item__public-comment__button {
          float: right; }
          .acdn__list-item__public-comment__button-item {
            display: inline-block;
            width: auto;
            margin-left: 0.625rem;
            padding: 0.3125rem;
            font-size: 0.75rem;
            line-height: inherit; }
        .acdn__list-item__public-comment__list {
          clear: both;
          overflow-y: auto; }
        .acdn__list-item__public-comment__item {
          font-size: 0.75rem; }
          .acdn__list-item__public-comment__item-comment {
            margin: 0.625rem 0 0.625rem 0.75rem; }
      .acdn__list-item__public__upload-image, .acdn__list-item__public__upload-videos {
        display: inline-block;
        width: 50%; }
      .acdn__list-item__public__upload {
        margin-bottom: 10px; }
        .acdn__list-item__public__upload-images, .acdn__list-item__public__upload-videos {
          display: inline-block;
          width: 49%;
          font-weight: 400;
          box-shadow: inset 0 0 0 1px #c3c3c3; }
        .acdn__list-item__public__upload-images {
          margin-right: 0.125rem; }
        .acdn__list-item__public__upload-videos {
          margin-left: 0.125rem; }
        .acdn__list-item__public__upload-component {
          display: none; }
    .acdn__list-item__field {
      display: flex; }
      .acdn__list-item__field__label {
        display: inline-block;
        min-width: 5rem;
        font-size: 0.875rem;
        line-height: 2.125rem; }
      .acdn__list-item__field__comment {
        min-width: 2.25rem;
        margin-right: 0.625rem;
        font-size: 0.875rem;
        line-height: 2.125rem; }
      .acdn__list-item__field__input {
        display: inline-block;
        flex: 1; }
        .acdn__list-item__field__input > .input-field__input-container {
          margin-bottom: 0.625rem; }
        .acdn__list-item__field__input-field {
          height: auto;
          padding: 0.25rem;
          font-size: 0.875rem; }
      .acdn__list-item__field__textarea {
        min-height: auto;
        padding: 0.25rem;
        font-size: 0.875rem; }
      .acdn__list-item__field__media {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0.625rem; }
        .acdn__list-item__field__media-list {
          display: inline-block;
          position: relative;
          width: 30%; }
        .acdn__list-item__field__media-videos, .acdn__list-item__field__media-image {
          width: 100%;
          min-height: 6.25rem;
          max-height: 6.25rem; }
        .acdn__list-item__field__media-clear {
          z-index: 1; }
    .acdn__list-item__arrow {
      font-size: 1.125rem;
      text-align: center;
      cursor: pointer; }

.aod__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #9e9e9e; }
  .aod__status-panel--new, .aod__status-panel--awaiting-payment {
    background-color: #5687bb; }
  .aod__status-panel--paid {
    background-color: #ffcc00; }
  .aod__status-panel--payment-failed, .aod__status-panel--refund {
    background-color: #e03b24; }
  .aod__status-panel--processing {
    background-color: #3865a3; }
  .aod__status-panel--completed {
    background-color: #64a338; }

.aod__status-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.aod__status-icon-back {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(180deg);
  fill: #fff; }

.aod__status {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  display: block;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); }

.aod__status-user {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block; }

.aod__status-avatar {
  position: absolute;
  top: 2.1875rem;
  right: 1rem;
  width: 2.5rem;
  border: 2px solid #fff;
  border-radius: 2.5rem; }

.aod__status-assign {
  position: absolute;
  top: 2.1875rem;
  right: 1rem;
  width: 5rem; }

.adc {
  display: block;
  text-align: center; }
  .adc__primary {
    display: block;
    padding: 1rem;
    background-color: #f4efe1; }
  .adc__secondary {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
  .adc__item {
    width: 50%;
    padding: 0.5rem 1rem;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background-color: #fff; }
    .adc__item:nth-child(even) {
      border-right: 0; }
  .adc__it__item {
    flex: 0.35;
    padding: 0.5rem 1rem;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff; }
    .adc__it__item:nth-child(1) {
      border-left: 1px solid #e7e7e7; }
  .adc__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .adc__commission {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: block;
    margin: 0;
    padding: 0.5rem 0 0; }
    .adc__commission--big {
      color: #4c4c4c;
      font-size: 1.5rem;
      line-height: 2rem; }
  .adc__text {
    color: #9e9e9e;
    font-size: 0.625rem;
    line-height: 0.75rem;
    display: block;
    margin: 0; }
  .adc__summary {
    position: relative; }
    .adc__summary-icon {
      width: 0.9375rem;
      height: 0.9375rem;
      margin-left: 0.375rem;
      vertical-align: middle; }
    .adc__summary__content {
      color: #fff;
      font-size: 0.875rem;
      line-height: 1.25rem;
      position: absolute;
      top: 1.9375rem;
      left: -6.875rem;
      min-width: 14.5rem;
      min-height: 3rem;
      padding: 0.625rem;
      border-radius: 0.25rem;
      background-color: rgba(158, 158, 158, 0.9); }
      .adc__summary__content::before {
        position: absolute;
        top: -0.5rem;
        left: 50%;
        border-right: 0.5rem solid transparent;
        border-bottom: 0.5rem solid rgba(158, 158, 158, 0.9);
        border-left: 0.5rem solid transparent;
        content: ''; }

.ado {
  display: block; }
  .ado__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; }
  .ado__item {
    width: 100%;
    margin: 0 0.25rem;
    padding: 0.5rem 0.25rem;
    background-color: #4c4c4c; }
    .ado__item--paid {
      background-color: #ffcc00; }
    .ado__item--processing {
      background-color: #3865a3; }
    .ado__item--completed {
      background-color: #64a338; }
    .ado__item--payment-failed, .ado__item--refund {
      background-color: #e03b24; }
    .ado__item--reschedule, .ado__item--submitted {
      background-color: #5687bb; }
  .ado__label {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    padding: 0 0 2.5rem;
    text-align: center;
    white-space: nowrap; }
  .ado__number {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: block;
    text-align: right; }

.adco {
  background-color: #fff; }

.ade {
  margin-top: 1.25rem; }
  .ade__select {
    display: flex;
    justify-content: space-between; }
    .ade__select__type {
      display: inline-block;
      width: 9.375rem; }
  .ade__date-picker {
    display: inline-block;
    position: relative;
    width: 18.75rem;
    padding: 0.625rem 1rem;
    border: 1px solid #000; }
    .ade__date-picker__vs {
      display: inline-block;
      width: 18.75rem;
      padding: 0.625rem 1rem;
      border: 1px solid #000; }
    .ade__date-picker__default {
      text-align: center; }
    .ade__date-picker__content {
      position: absolute;
      right: -0.0625rem;
      left: -0.0625rem;
      margin-top: 0.625rem;
      padding: 0.625rem 1rem;
      border: 1px solid #000;
      border-top: 0;
      background-color: #fff;
      z-index: 1; }
      .ade__date-picker__content > .date-picker > .date-picker__picker--active {
        z-index: 1; }
    .ade__date-picker__compare {
      margin-right: 0.3125rem; }
    .ade__date-picker__period {
      display: inline-block;
      width: 50%;
      margin: 0.625rem 0 0.625rem 1rem; }
      .ade__date-picker__period--disable {
        pointer-events: none; }
      .ade__date-picker__period > .select-field__container {
        margin-bottom: 0; }
      .ade__date-picker__period-compare--disable {
        pointer-events: none; }
        .ade__date-picker__period-compare--disable > .date-picker > .date-picker__result {
          background-color: #ececec; }
      .ade__date-picker__period-compare > .date-picker > .date-picker__picker--active {
        z-index: 1; }
      .ade__date-picker__period--field {
        height: auto; }
        .ade__date-picker__period--field--disable {
          background-color: #ececec;
          pointer-events: none; }
    .ade__date-picker__apply {
      display: inline-block;
      width: 50%;
      margin-top: 0.625rem; }

.adkt {
  padding: 1.25rem; }
  .adkt__header {
    margin-bottom: 1.25rem; }
    .adkt__header__select-container {
      display: inline-block;
      width: 7.5rem; }
    .adkt__header__time {
      color: #4c4c4c;
      font-size: 0.9375rem;
      line-height: 1.5625rem;
      display: inline-block;
      margin-left: 1.25rem;
      padding: 0.8125rem;
      border: 0.1875rem solid #4c4c4c; }
  .adkt__list {
    display: flex;
    margin-bottom: 0.625rem; }
    @media only screen and (min-width: 1024px) {
      .adkt__list {
        width: calc(50vw); } }
  .adkt__item {
    display: inline-block;
    padding: 1.25rem;
    border: 0.1875rem solid #4c4c4c;
    text-align: center; }
    .adkt__item:nth-child(2) {
      border: 0;
      border-top: 0.1875rem solid #4c4c4c;
      border-bottom: 0.1875rem solid #4c4c4c; }
    .adkt__item--one {
      flex: 0.33; }
    .adkt__item--two {
      flex: 0.33; }
    .adkt__item--three {
      flex: 0.33; }
    @media only screen and (max-width: 768px) {
      .adkt__item {
        width: auto;
        height: auto;
        padding: 0.3125rem; }
        .adkt__item--one {
          flex: 0.5; }
        .adkt__item--two {
          flex: 0.3; }
        .adkt__item--three {
          flex: 0.2; } }
    @media only screen and (max-width: 768px) {
      .adkt__item__title {
        font-size: 0.875rem; } }
    .adkt__item__content__value {
      color: #4c4c4c;
      font-size: 1.5625rem;
      line-height: 2.1875rem; }
      @media only screen and (max-width: 768px) {
        .adkt__item__content__value {
          font-size: 0.9375rem; } }
    .adkt__item__content__unit {
      color: #4c4c4c;
      font-size: 0.9375rem;
      line-height: 1.875rem; }
      @media only screen and (max-width: 768px) {
        .adkt__item__content__unit {
          font-size: 0.75rem; } }
    .adkt__item__text {
      color: #9e9e9e;
      font-size: 0.625rem;
      line-height: 0.75rem;
      display: block;
      margin: 0; }

.adku {
  padding: 1.25rem; }
  .adku__select-field {
    width: 9.375rem;
    margin-top: 0.625rem; }
    .adku__select-field__select {
      border: 0.1875rem solid #4c4c4c; }
  @media only screen and (max-width: 768px) {
    .adku__list {
      display: flex; } }
  .adku__item {
    display: inline-block;
    width: 17.0625rem;
    margin: 0 0.625rem 0.625rem 0;
    padding: 1.25rem;
    border: 0.1875rem solid #4c4c4c;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .adku__item {
        flex: 1;
        width: auto;
        padding: 0.3125rem; } }
    @media only screen and (max-width: 768px) {
      .adku__item title {
        font-size: 0.875rem; } }
    .adku__item__content__value {
      color: #4c4c4c;
      font-size: 1.5625rem;
      line-height: 2.1875rem; }
      @media only screen and (max-width: 768px) {
        .adku__item__content__value {
          font-size: 0.9375rem; } }
    .adku__item__content__unit {
      color: #4c4c4c;
      font-size: 0.9375rem;
      line-height: 1.875rem; }
      @media only screen and (max-width: 768px) {
        .adku__item__content__unit {
          font-size: 0.75rem; } }

.dashboard__welcome {
  color: #4c4c4c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0;
  padding: 1rem;
  background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .dashboard__welcome {
      margin-top: 1.875rem; } }

.dashboard__section {
  margin: 0.75rem 1rem; }

.dashboard__info {
  padding: 1rem;
  background-color: #fff; }
  .dashboard__info::after {
    display: table;
    clear: both;
    content: ''; }
  .dashboard__info__image {
    width: 9.375rem;
    float: left; }
  .dashboard__info__heading {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    margin-left: 10.375rem; }

.dashboard__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem; }

.dashboard__kpi {
  margin-top: 3.75rem; }
  .dashboard__kpi__title {
    display: inline-block; }
  .dashboard__kpi__time-interval {
    display: inline-block;
    margin-left: 1.25rem; }
  .dashboard__kpi__tips {
    display: inline-block;
    margin-left: 1.25rem; }

.dashboard__it__nt {
  padding-top: 3.75rem;
  padding-bottom: 0.625rem; }
  .dashboard__it__nt__button {
    color: #4c4c4c;
    font-size: 0.625rem;
    line-height: 1rem;
    display: inline-block;
    width: 10rem;
    height: 2rem;
    border: 1px solid #eeeeee;
    background-color: #cccccc; }
    .dashboard__it__nt__button--active {
      background-color: #fff;
      box-shadow: 0 0.0625rem 0.4375rem #b3b3b3; }

.dashboard .goal {
  position: relative;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .dashboard .goal__title {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 0 0 4rem; }
  .dashboard .goal__subtitle {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 600;
    position: absolute;
    top: 0.75rem;
    left: 0;
    margin: 0 0 0.5rem; }
  .dashboard .goal__image {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 6.25rem;
    height: 6.25rem; }
  .dashboard .goal__progress-bar {
    position: relative;
    padding: 2rem 0; }
    .dashboard .goal__progress-bar__bar {
      display: block;
      width: 100%;
      height: 1rem;
      border-radius: 4px; }
      .dashboard .goal__progress-bar__bar::-webkit-progress-bar {
        border-radius: 4px;
        background-color: #e7e7e7; }
      .dashboard .goal__progress-bar__bar::-webkit-progress-value {
        border-radius: 4px;
        background: linear-gradient(90deg, #8aaaff, #fa8cff); }
    .dashboard .goal__progress-bar__value {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      position: absolute;
      top: 0.75rem;
      right: 0; }
      .dashboard .goal__progress-bar__value--right {
        top: auto;
        bottom: 0.75rem; }

.assl__box-group {
  display: flex;
  flex-wrap: wrap; }

.assl__box {
  position: relative;
  width: 33.3333333%;
  height: 7.5rem;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }

.assl__detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }

.assl__label {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  white-space: nowrap; }

.asc {
  position: relative;
  padding: 1rem; }
  @media only screen and (min-width: 768px) {
    .asc {
      padding-top: 3.75rem; } }
  .asc__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: inline-block;
    margin: 0.5rem 0; }
  .asc__month {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 6.25rem; }
    @media only screen and (min-width: 768px) {
      .asc__month {
        top: 4rem; } }
  .asc__select {
    font-weight: 600;
    padding: 0;
    background: transparent; }
  .asc__table {
    margin-top: 1.5rem; }
  .asc__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 1.5rem; }
  .asc__item {
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
    .asc__item__heading {
      color: #4c4c4c;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0; }
    .asc__item__summary {
      display: flex;
      flex-wrap: wrap;
      padding: 0.5rem 0; }
    .asc__item__piece {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1rem;
      width: 50%; }
    .asc__item__value {
      padding-left: 0.5rem; }
    .asc__item__action {
      padding: 0.5rem 0;
      border-top: 1px solid #e7e7e7; }
      .asc__item__action::after {
        display: table;
        clear: both;
        content: ''; }
    .asc__item__status {
      color: #fff;
      font-size: 0.625rem;
      line-height: 0.875rem;
      padding: 2px 1rem;
      border-radius: 1rem;
      background-color: #b84145; }
      .asc__item__status--paid {
        background-color: #64a338; }
    .asc__item__button {
      margin-left: 0.625rem;
      float: right; }
    .asc__item__detail-label {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem;
      padding: 0.5rem 0 0;
      border-top: 1px solid #e7e7e7;
      text-align: center; }
    .asc__item__detail td {
      word-break: break-all; }

.asr__summary {
  margin: 1rem;
  padding: 0 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.asr__summary-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.asr__summary-item {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e7e7e7; }
  .asr__summary-item:last-child {
    border-bottom: 0; }

.asr__summary-label {
  display: block; }

.asr__summary-value {
  font-weight: 600;
  display: block;
  text-align: right; }

.asr__detail {
  margin: 1rem; }

.asr__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.asr__item {
  position: relative;
  margin-bottom: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .asr__item__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%; }
    .asr__item__status--frequency {
      right: 1.5rem; }
    .asr__item__status--active {
      background-color: #7bb32e; }
    .asr__item__status--inactive {
      background-color: #9e9e9e; }
    .asr__item__status--rejected {
      background-color: #9e9e9e; }
    .asr__item__status--blocked {
      background-color: #b84145; }
    .asr__item__status--pending {
      background-color: #ffcc00; }
  .asr__item__heading {
    padding: 1rem; }
    .asr__item__heading::after {
      display: table;
      clear: both;
      content: ''; }
  .asr__item__avatar {
    width: 4.5rem;
    height: 4.5rem;
    float: left;
    border-radius: 3rem; }
  .asr__item__heading-content {
    margin-left: 5rem; }
  .asr__item__name {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 0.25rem; }
  .asr__item__info {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0; }
  .asr__item__info-icon {
    width: 0.75rem;
    height: 0.75rem;
    padding-right: 0.25rem;
    vertical-align: middle; }
  .asr__item__summary {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e7e7e7; }
  .asr__item__piece {
    width: 33.333333%;
    padding: 1rem;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    text-align: center; }
    .asr__item__piece:last-child {
      border-right: 0; }
    .asr__item__piece--clicked .asr__item__value {
      color: #ffcc00; }
    .asr__item__piece--completed .asr__item__value {
      color: #7bb32e; }
    .asr__item__piece--commission {
      border-right: 0; }
      .asr__item__piece--commission .asr__item__value {
        color: #e03b24; }
  .asr__item__label {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: block; }
  .asr__item__value {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    padding: 1rem 0 0; }
  .asr__item__footer {
    padding: 1rem; }
  .asr__item__row {
    display: flex;
    justify-content: space-between; }
  .asr__item__row-label {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .asr__item__row-value {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: right; }
  .asr__item__expander {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: block;
    padding: 0.5rem 0;
    border-top: 1px solid #e7e7e7;
    text-align: center; }
  .asr__item__input-hidden {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .asr__item__input-hidden:checked + .asr__item__expander {
      display: none; }
    .asr__item__input-hidden:checked ~ .asr__item__buttons {
      display: flex; }
    .asr__item__input-hidden ~ .asr__item__buttons {
      display: none; }
  .asr__item__buttons {
    display: flex;
    justify-content: space-between;
    padding: 1rem; }
  .asr__item__button {
    width: 100%;
    padding-right: 0.5rem; }
    .asr__item__button:last-of-type {
      padding-right: 0; }

.asr__pagination {
  text-align: center; }

.asu__detail {
  margin: 1rem; }

.asu__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.asu__item {
  position: relative;
  margin-bottom: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .asu__item__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    background-color: #5687bb; }
    .asu__item__status--active {
      background-color: #5687bb; }
    .asu__item__status--verified {
      background-color: #7bb32e; }
    .asu__item__status--blocked {
      background-color: #b84145; }
    .asu__item__status--pending {
      background-color: #ffcc00; }
  .asu__item__heading {
    padding: 1rem; }
    .asu__item__heading::after {
      display: table;
      clear: both;
      content: ''; }
  .asu__item__avatar {
    width: 4.5rem;
    height: 4.5rem;
    float: left;
    border-radius: 3rem; }
  .asu__item__heading-content {
    margin-left: 5rem; }
  .asu__item__name {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 0.25rem; }
  .asu__item__info {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0; }
  .asu__item__info-icon {
    width: 0.75rem;
    height: 0.75rem;
    padding-right: 0.25rem;
    vertical-align: middle; }
  .asu__item__footer {
    padding: 1rem; }
  .asu__item__row {
    display: flex;
    justify-content: space-between; }
  .asu__item__row-label {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .asu__item__row-value {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: right; }

.asu__pagination {
  text-align: center; }

.aud__email-container {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  width: 60%;
  float: left; }
  @media only screen and (min-width: 768px) {
    .aud__email-container {
      display: flex; } }

.aud__content {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.aud__link {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem; }
  @media only screen and (min-width: 768px) {
    .aud__link {
      flex: 1;
      text-align: center; } }

.aud__button {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 4.375rem;
  height: 1.625rem;
  border: 1px solid #b84145;
  border-radius: 0.3125rem;
  background: transparent;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .aud__button {
      display: block; } }

.udg__button {
  margin-top: 0.625rem; }

.udg__input {
  margin-bottom: 0.625rem; }

.asud__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #5687bb; }
  .asud__status-panel--active {
    background-color: #5687bb; }
  .asud__status-panel--verified {
    background-color: #7bb32e; }
  .asud__status-panel--blocked {
    background-color: #b84145; }
  .asud__status-panel--pending {
    background-color: #ffcc00; }

.asud__status-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.asud__status-icon-back {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(180deg);
  fill: #fff; }

.asud__status-avatar {
  width: 3.25rem;
  height: 3.25rem;
  float: left;
  border-radius: 4px; }

.asud__status-user::after {
  display: table;
  clear: both;
  content: ''; }

.asud__status-content {
  margin-left: 4rem; }

.asud__status-heading {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem; }

.asud__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  margin: 0; }

.asud__email-container {
  position: relative; }

.asud__card__avatar-tips {
  position: absolute;
  top: -0.4375rem;
  left: 2.8125rem; }

.asud__card__avatar--valid {
  width: 1rem;
  height: 1.125rem; }

.asudv {
  padding: 1rem;
  background-color: #fff; }

.asuds {
  padding: 1rem; }
  .asuds__status-container {
    padding: 1rem;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    background: #fff; }
    .asuds__status-container::after {
      display: table;
      clear: both;
      content: ''; }
  .asuds__status-icon {
    width: 3.125rem;
    height: 3.125rem;
    float: left; }
  .asuds__status-buttons {
    margin-left: 11.25rem; }
    .asuds__status-buttons .button {
      margin-bottom: 0.5rem; }
  .asuds__section {
    padding: 1rem 0 0; }
    .asuds__section__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      margin: 0 0 0.5rem; }
  .asuds__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .asuds__item {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    background: #fff; }
    .asuds__item__label {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600; }
    .asuds__item__value {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .asuds__item__text {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0 0 1rem;
      padding: 0.5rem;
      border-radius: 4px;
      background-color: #e7e7e7; }
    .asuds__item__reply {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      font-weight: 600; }
    .asuds__item__status {
      color: #fff;
      font-size: 0.75rem;
      line-height: 1rem;
      padding: 0.25rem 0.375rem;
      border-radius: 2px;
      background-color: #7bb32e; }
    .asuds__item__image {
      width: 100%;
      margin: 0 0 0.5rem; }
    .asuds__item__buttons {
      display: flex;
      justify-content: space-between; }
      .asuds__item__buttons .button {
        width: 48%; }
    .asuds__item__created {
      color: #9e9e9e;
      font-size: 0.875rem;
      line-height: 1rem;
      display: block;
      margin: 0 0 0.5rem; }

.asdb {
  padding: 1rem; }
  .asdb__form {
    padding: 1rem;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .asdb__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 1rem; }
  .asdb__item {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e7e7e7; }
    .asdb__item--bot {
      color: #b4a078; }
    .asdb__item--user {
      color: #5687bb; }
    .asdb__item__time {
      display: block;
      color: #4c4c4c; }

.asudco {
  padding: 1rem; }
  .asudco__section {
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .asudco__heading {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    text-align: center; }
  .asudco__summary {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0 0 0.5rem;
    text-align: center; }
  .asudco__link {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem;
    border-radius: 2px;
    background-color: #f8f8f6;
    text-align: center; }

.asp__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  margin-right: 1rem;
  padding-top: 0.3125rem;
  border-bottom: 0.5rem;
  border-radius: 0.125rem;
  font-size: 0.8125rem;
  text-decoration: none;
  cursor: pointer; }

.asp__btn1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem; }

.asp__import {
  margin: 1rem;
  text-align: right; }
  .asp__import .button {
    display: inline-block;
    width: auto;
    padding-right: 1rem;
    padding-left: 1rem; }

.asp__detail {
  margin: 1rem; }

.asp__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.asp__item {
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .asp__item__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    background-color: #7bb32e; }
    .asp__item__status--new {
      background-color: #5687bb; }
    .asp__item__status--published {
      background-color: #64a338; }
    .asp__item__status--unpublished, .asp__item__status--deleted {
      background-color: #9e9e9e; }
  .asp__item__name {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 3.75rem 0.25rem 0; }
  .asp__item__info {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0; }
  .asp__item__footer {
    padding-top: 1rem; }
  .asp__item__row {
    display: flex;
    justify-content: space-between; }
  .asp__item__row-label {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .asp__item__row-value {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: right; }
  .asp__item__buttons {
    margin: 1rem 0 0;
    border-top: 1px solid #e7e7e7;
    text-align: right; }
    .asp__item__buttons .button {
      display: inline-block;
      width: auto;
      margin-left: 1rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; }

.asp__pagination {
  text-align: center; }

.aspd__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #7bb32e; }
  .aspd__status-panel--new {
    background-color: #5687bb; }
  .aspd__status-panel--published {
    background-color: #64a338; }
  .aspd__status-panel--unpublished, .aspd__status-panel--deleted {
    background-color: #9e9e9e; }

.aspd__status-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.aspd__status-icon-back {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(180deg);
  fill: #fff; }

.aspd__status-heading {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.aspd__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  margin: 0; }

.aspd__rich-media {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 1rem; }
  .aspd__rich-media * {
    max-width: 100% !important;
    word-wrap: break-word !important; }
  .aspd__rich-media p {
    min-height: 1rem;
    margin: 0;
    clear: both; }

.aspt__import {
  margin: 1rem;
  text-align: right; }
  .aspt__import .button {
    display: inline-block;
    width: auto;
    padding-right: 1rem;
    padding-left: 1rem; }

.aspt__link {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  margin: 0 0 0.75rem;
  padding: 0.75rem;
  border-radius: 2px;
  background-color: #e7e7e7;
  text-decoration: underline; }
  .aspt__link-copy {
    margin-right: 1rem; }

.aspt__detail {
  margin: 1rem; }

.aspt__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.aspt__item {
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .aspt__item--room .aspt__item__content {
    margin-left: 0;
    padding: 0; }
  .aspt__item__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    background-color: #ffcc00; }
    .aspt__item__status--published {
      background-color: #7bb32e; }
    .aspt__item__status--deleted, .aspt__item__status--unpublished {
      background-color: #e7e7e7; }
    .aspt__item__status--new {
      background-color: #ffcc00; }
  .aspt__item__wrapper::after {
    display: table;
    clear: both;
    content: ''; }
  .aspt__item__image-container {
    position: relative;
    width: 6.25rem;
    height: 6.25rem;
    float: left;
    border-radius: 4px;
    overflow: hidden; }
  .aspt__item__image {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .aspt__item__default-image {
    width: 100%;
    height: 100%;
    fill: #e7e7e7; }
  .aspt__item__content {
    margin-left: 7.25rem; }
    .aspt__item__content--no-image {
      margin-left: 0; }
  .aspt__item__name {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0 0 0.25rem; }
  .aspt__item__info {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1rem;
    display: block;
    margin: 0 0 0.5rem; }
  .aspt__item__price {
    color: #b84145;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 600;
    display: block;
    margin: 0; }
    .aspt__item__price--original {
      color: #9e9e9e;
      text-decoration: line-through; }
  .aspt__item__buttons {
    margin: 1rem 0 0;
    padding: 0.5rem 0 0;
    border-top: 1px solid #e7e7e7;
    text-align: right; }
    .aspt__item__buttons .button {
      display: inline-block;
      width: auto;
      margin-left: 1rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; }

.aspt__pagination {
  text-align: center; }

.aspt__button--deleted {
  margin-top: 0.5rem; }

.asptd__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #ffcc00; }
  .asptd__status-panel--published {
    background-color: #7bb32e; }
  .asptd__status-panel--deleted, .asptd__status-panel--unpublished {
    background-color: #e7e7e7; }
  .asptd__status-panel--new {
    background-color: #ffcc00; }

.asptd__status-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .asptd__status-back--room {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1rem;
    display: block;
    position: static;
    padding: 0 0 1rem; }
    .asptd__status-back--room .asptd__status-icon-back {
      padding-left: 0.5rem;
      vertical-align: sub;
      fill: #4c4c4c; }

.asptd__status-icon-back {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(180deg);
  fill: #fff; }

.asptd__status-heading {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.asptd__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  margin: 0; }

.asptd__content {
  padding: 1rem; }

.aspta__form-contact {
  padding: 0.625rem;
  border: 1px solid #cccccc; }

.asb__import {
  margin: 1rem;
  text-align: right; }
  .asb__import .button {
    display: inline-block;
    width: auto;
    padding-right: 1rem;
    padding-left: 1rem; }

.asb__form-explain {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
  padding: 0.5rem;
  border-radius: 2px;
  background-color: #e7e7e7; }

.asb__detail {
  margin: 1rem; }

.asb__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.asb__item {
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .asb__item__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    background-color: #ffcc00; }
    .asb__item__status--verified {
      background-color: #7bb32e; }
    .asb__item__status--unverified {
      background-color: #e7e7e7; }
  .asb__item__name {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0 0 0.5rem; }
  .asb__item__info {
    color: #9e9e9e;
    font-size: 0.875rem;
    line-height: 1rem;
    display: block;
    margin: 0 0 0.5rem; }
  .asb__item__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .asb__item__item {
    margin: 0 0 0.25rem;
    padding: 0.25rem;
    background-color: #f8f8f6; }

.asb__pagination {
  text-align: center; }

.asbd__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #ffcc00; }

.asbd__status-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.asbd__status-icon-back {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(180deg);
  fill: #fff; }

.asbd__status-heading {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.asbd__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  margin: 0; }

.asbd__content {
  padding: 1rem; }

.asd__comment {
  margin: 1rem; }

.asd__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.asd__item {
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .asd__item__title {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 3.75rem 0.25rem 0; }
  .asd__item__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px; }
    .asd__item__status--highquality {
      background-color: #ffcc00;
      color: #4c4c4c; }
    .asd__item__status--visible {
      background-color: #64a338; }
    .asd__item__status--invisible {
      background-color: #9e9e9e; }
    .asd__item__status--noncompliance {
      background-color: #b84145; }
  .asd__item__type {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0.9375rem;
    right: 5rem;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px; }
    .asd__item__type-evaluate {
      background-color: #ffcc00;
      color: #4c4c4c; }
    .asd__item__type-feedback {
      background-color: #64a338; }
  .asd__item__info {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    margin: 0; }
  .asd__item__footer {
    padding-top: 1rem; }
  .asd__item__number {
    display: flex;
    justify-content: space-between; }
  .asd__item__number-label {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .asd__item__number-jump {
    color: #3865a3;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .asd__item__number-value {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: right; }
  .asd__item__buttons {
    margin: 1rem 0 0;
    padding: 0.5rem 0 0;
    border-top: 1px solid #e7e7e7;
    text-align: right; }
    .asd__item__buttons .button {
      display: inline-block;
      width: auto;
      margin-left: 0.375rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; }
  .asd__item__buttons-highquality {
    background-color: #ffcc00;
    color: #4c4c4c; }
  .asd__item__buttons-visible {
    background-color: #64a338; }
  .asd__item__buttons-invisible {
    background-color: #9e9e9e; }
  .asd__item__buttons-noncompliance {
    background-color: #b84145; }

@media only screen and (min-width: 768px) {
  .aswb {
    padding-top: 3.75rem; } }

.adminw {
  padding: 20px; }
  .adminw__settings {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 9px 20px;
    border-radius: 8px;
    background-color: #dddddd; }
  .adminw__seolinks {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding-left: 0.3rem; }
  .adminw__seosetup {
    display: flex;
    flex-direction: column; }
    .adminw__seosetup > * {
      margin-bottom: 18px; }
      .adminw__seosetup > *:last-child {
        margin-bottom: 0; }
  .adminw__blogurl {
    display: flex;
    align-items: center;
    height: 2rem;
    margin-top: 10px; }
    .adminw__blogurl > * + * {
      margin-left: 1rem; }
  .adminw__blogurlinput {
    height: 2rem;
    border: 1px solid #cccccc;
    border-top: 5rem; }
  .adminw__blogurlp {
    border-top: 20rem; }
  .adminw__seoinfo {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-radius: 8px; }
    .adminw__seoinfo > * + * {
      margin-top: 3px; }
  .adminw__smallinput {
    width: 50%;
    height: 2rem;
    padding: 5px;
    border: 1px solid #cccccc;
    font-size: 12px; }
  .adminw__h3text {
    margin-bottom: 16px;
    color: #be1a1a;
    font-size: 1.5rem; }
  .adminw__seoinfo label {
    margin-bottom: 4px;
    color: #be1a1a;
    font-weight: bold; }
  .adminw__seotextarea {
    width: 80%;
    padding: 5px;
    padding-bottom: 8px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 12px;
    box-sizing: border-box; }
  .adminw__articlefield {
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: #dddddd; }
  .adminw__articletitle {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px; }
  .adminw__articletitle label {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 5px;
    color: #be1a1a;
    font-size: 24px;
    font-weight: bold; }
  .adminw__imageupload {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 9px 20px;
    border-radius: 8px;
    background-color: #dddddd; }
  .adminw__filename {
    margin-top: 10px;
    color: #333;
    font-size: 14px; }
  .adminw__category {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 9px 20px;
    border-radius: 8px;
    background-color: #dddddd; }
  .adminw__categoryselection {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }
    .adminw__categoryselection > * {
      margin: 0.15rem; }
  .adminw__addcategory input {
    height: 2rem;
    margin-top: 1rem; }
  .adminw__addbtn {
    margin-left: 1rem;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    background-color: #1890ff;
    color: #fff;
    cursor: pointer; }
    .adminw__addbtn:hover {
      background-color: #0056b3; }
  .adminw__createtags {
    display: flex;
    flex-direction: row; }
    .adminw__createtags > *:not(:last-child) {
      margin-right: 1rem; }
  .adminw__createtags input {
    height: 2rem;
    margin-top: 1rem; }
  .adminw__publishbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem; }
  .adminw__savebutton {
    width: 8rem;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    background-color: #1890ff;
    color: #fff;
    cursor: pointer; }
    .adminw__savebutton:hover {
      background-color: #0056b3; }
  .adminw__tagbutton {
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer; }
    .adminw__tagbutton.selected {
      background-color: #1890ff;
      color: #fff; }
  .adminw__customfileupload {
    display: inline-block;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    background-color: #1890ff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer; }
  .adminw__customfileupload:hover {
    background-color: #0056b3; }
  .adminw__hiddenfileinput {
    display: none; }
  .adminw__createtagbtn {
    width: 6.7rem;
    height: 2.5rem;
    margin-top: 0.7rem;
    padding: 5px 10px;
    border: 0;
    border-radius: 4px;
    background-color: #1890ff;
    color: #fff;
    cursor: pointer; }
    .adminw__createtagbtn:hover {
      background-color: #0056b3; }
  .adminw .toolbar {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .adminw .toolbar > * + * {
      margin-left: 10px; }
    .adminw .toolbar button {
      padding: 10px 20px;
      border: 0;
      border-radius: 4px;
      background-color: #1890ff;
      color: #fff;
      cursor: pointer; }
      .adminw .toolbar button:hover {
        background-color: #0056b3; }

@media screen and (max-width: 768px) {
  .adminw__articletitle label {
    font-size: 28px; }
  .adminw__blogurlp {
    max-width: 100%;
    height: 3rem;
    font-size: 19px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word; }
  .adminw__blogurl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    overflow: hidden; }
    .adminw__blogurl > * {
      margin-right: 1rem;
      margin-bottom: 1rem; }
    .adminw__blogurl > *:last-child {
      margin-right: 0; }
  .adminw__publishbtn {
    margin-top: 8rem; } }

@media only screen and (min-width: 768px) {
  .aci__search {
    display: flex;
    padding-top: 3.75rem; } }

@media only screen and (min-width: 768px) {
  .aci__search-bar {
    display: inline-block;
    width: 15.625rem;
    margin: 0 1.875rem 0.625rem 0; } }

@media only screen and (min-width: 768px) {
  .aci__top-filters {
    display: inline-block;
    width: 26.25rem; } }

.aci__top-filters--inquiry {
  margin-bottom: 1.25rem; }

.aci__tips {
  display: none; }
  @media only screen and (min-width: 768px) {
    .aci__tips {
      display: inline-block;
      position: relative;
      padding-left: 1.25rem;
      line-height: 2.8125rem; } }
  .aci__tips__red::before {
    position: absolute;
    top: 0.875rem;
    left: 0;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 50%;
    background-color: #ff3d46;
    content: ''; }
  .aci__tips__yellow {
    margin-left: 1.25rem; }
    .aci__tips__yellow::before {
      position: absolute;
      top: 0.875rem;
      left: 0;
      width: 0.9375rem;
      height: 0.9375rem;
      border-radius: 50%;
      background-color: #faae04;
      content: ''; }

.aci__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 0.5rem; }
  @media only screen and (min-width: 768px) {
    .aci__list {
      display: flex;
      flex-wrap: wrap; } }

.aci__item {
  position: relative;
  margin: 0 0.9375rem 1rem;
  padding: 1rem;
  border-radius: 0.625rem;
  background-color: #f4efe1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 768px) {
    .aci__item {
      width: 48%;
      margin: 0 0.9375rem 1rem 0; } }
  .aci__item__tag-box {
    position: absolute;
    top: 0.3125rem; }
  .aci__item__heading {
    margin-top: 0.625rem; }
    .aci__item__heading::after {
      display: table;
      clear: both;
      content: ''; }
    .aci__item__heading__name {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 0 0 0.25rem; }
    .aci__item__heading__message {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1.25rem; }
  .aci__item__avatar {
    width: 3.625rem;
    height: 3.625rem;
    margin-top: -1.25rem;
    float: right;
    border-radius: 3rem; }
  .aci__item__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px; }
    .aci__item__status--new {
      background-color: #ffcc00; }
    .aci__item__status--processing {
      background-color: #5789bc; }
    .aci__item__status--bot {
      background-color: #64a338; }
    .aci__item__status--bot-new {
      background-color: #3b64a6; }
  .aci__item__category {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px;
    background-color: #4c4c4c; }
  .aci__item__subscribe {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px;
    background-color: #000; }
  .aci__item__bot-new {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px;
    background-color: #3b64a6; }
  .aci__item__tag {
    left: 8.75rem;
    background-color: #663399; }
  .aci__item__sublease {
    background-color: #ecad57; }
  .aci__item__to-rent {
    background-color: #5789bc; }
  .aci__item__trade {
    background-color: #a0c5db; }
  .aci__item__others {
    background-color: #3865a3; }
  .aci__item__group {
    background-color: #5e8a8d; }
  .aci__item__private {
    background-color: #faae04; }
  .aci__item__member {
    background-color: #d3b063; }
  .aci__item__refund {
    background-color: #e03b24; }
  .aci__item__content {
    padding-top: 0.5rem; }
  .aci__item__number {
    display: flex;
    justify-content: space-between; }
  .aci__item__number-label {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .aci__item__number-value {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: right; }
  .aci__item__pop {
    position: absolute;
    top: 0;
    right: -0.1875rem;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background-color: #e03b24;
    color: #fff;
    text-align: center; }
  .aci__item__pop-warn {
    position: absolute;
    top: 0;
    right: 0.4375rem;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background-color: #faae04;
    color: #fff;
    text-align: center; }
  .aci__item__callback {
    color: #4c4c4c;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    position: absolute;
    top: -0.5625rem;
    right: -1.5625rem;
    padding: 0.1875rem 0.625rem;
    border-radius: 0.3125rem;
    background-color: #00a1fa;
    z-index: 10; }
  .aci__item__order-status--new, .aci__item__order-status--awaiting-payment {
    background-color: #5687bb; }
  .aci__item__order-status--paid {
    background-color: #ffcc00; }
  .aci__item__order-status--payment-failed, .aci__item__order-status--refund {
    background-color: #e03b24; }
  .aci__item__order-status--processing {
    background-color: #3865a3; }
  .aci__item__order-status--completed {
    background-color: #64a338; }
  .aci__item__order-status--closed {
    background-color: #9e9e9e; }

.aci__button {
  color: #4c4c4c;
  font-size: 0.625rem;
  line-height: 1.25rem;
  width: 10rem;
  height: 2rem;
  border: 1px solid #eeeeee;
  background-color: #cccccc; }
  .aci__button--active {
    background-color: #fff;
    box-shadow: 0 0.0625rem 0.4375rem #b3b3b3; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1; }

.ant-menu::before,
.ant-menu::after {
  display: table;
  content: ''; }

.ant-menu::after {
  clear: both; }

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

.ant-menu-hidden {
  display: none; }

.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s; }

.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-submenu-selected {
  color: #1890ff; }

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff; }

.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65); }

.ant-menu-item > a:hover {
  color: #1890ff; }

.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: ''; }

.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #1890ff; }

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px; }

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent; }

.ant-menu-item-selected {
  color: #1890ff; }

.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #1890ff; }

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff; }

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8; }

.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8; }

.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0; }

.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0; }

.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0; }

.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0; }

.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px; }

.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px; }

.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px; }

.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' '; }

.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px; }

.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: ''; }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #1890ff, #1890ff); }

.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px); }

.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px); }

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px); }

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px); }

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px); }

.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff; }

.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #1890ff; }

.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none; }

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent; }

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #1890ff;
  border-bottom: 2px solid #1890ff; }

.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65); }

.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #1890ff; }

.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px; }

.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #1890ff; }

.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20'; }

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative; }

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: ''; }

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis; }

.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.01px; }

.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px; }

.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px; }

.ant-menu-inline {
  width: 100%; }

.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px); }

.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px; }

.ant-menu-inline-collapsed {
  width: 80px; }

.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip; }

.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none; }

.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px; }

.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0; }

.ant-menu-inline-collapsed-tooltip {
  pointer-events: none; }

.ant-menu-inline-collapsed-tooltip .anticon {
  display: none; }

.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85); }

.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-menu-item-group-list {
  margin: 0;
  padding: 0; }

.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px; }

.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none; }

.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none; }

.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc; }

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px; }

.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed; }

.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none; }

.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed; }

.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important; }

.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529; }

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s; }

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff; }

.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent; }

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; }

.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0; }

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0; }

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0; }

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65); }

.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0; }

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0; }

.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0; }

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%; }

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent; }

.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff; }

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1; }

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff; }

.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent; }

.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0; }

.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0; }

.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff; }

.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff; }

.ant-menu-dark .ant-menu-item-selected span {
  color: #fff; }

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff; }

.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8; }

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important; }

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }

.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s; }

.ant-calendar-picker-input {
  outline: none; }

.ant-calendar-picker-input.ant-input {
  line-height: 1.5; }

.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0; }

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff; }

.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none; }

.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto; }

.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1; }

.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px; }

.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8; }

.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto; }

.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis; }

.ant-calendar-week-number {
  width: 286px; }

.ant-calendar-week-number-cell {
  text-align: center; }

.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-header a:hover {
  color: #40a9ff; }

.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none; }

.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%; }

.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none; }

.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block; }

.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%; }

.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none; }

.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px; }

.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block; }

.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%; }

.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none; }

.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%; }

.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none; }

.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-body {
  padding: 8px 12px; }

.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse; }

.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0; }

.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0; }

.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center; }

.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal; }

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none; }

.ant-calendar-cell {
  height: 30px;
  padding: 3px 0; }

.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease; }

.ant-calendar-date-panel {
  position: relative;
  outline: none; }

.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-date:active {
  color: #fff;
  background: #40a9ff; }

.ant-calendar-today .ant-calendar-date {
  color: #1890ff;
  font-weight: bold;
  border-color: #1890ff; }

.ant-calendar-selected-day .ant-calendar-date {
  background: #bae7ff; }

.ant-calendar-selected-date .ant-calendar-date {
  color: #fff;
  background: #1890ff;
  border: 1px solid transparent; }

.ant-calendar-selected-date .ant-calendar-date:hover {
  background: #1890ff; }

.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent; }

.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed; }

.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5; }

.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: ''; }

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px; }

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' '; }

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8; }

.ant-calendar-footer:empty {
  border-top: 0; }

.ant-calendar-footer-btn {
  display: block;
  text-align: center; }

.ant-calendar-footer-extra {
  text-align: left; }

.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center; }

.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0; }

.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px; }

.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease; }

.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45); }

.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px; }

.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1; }

.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0; }

.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none; }

.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none; }

.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed; }

.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none; }

.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px; }

.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px; }

.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff; }

.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9; }

.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0; }

.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis; }

.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed; }

.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none; }

.ant-calendar-range {
  width: 552px;
  overflow: hidden; }

.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.'; }

.ant-calendar-range-part {
  position: relative;
  width: 50%; }

.ant-calendar-range-left {
  float: left; }

.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8; }

.ant-calendar-range-right {
  float: right; }

.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8; }

.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none; }

.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%); }

.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #1890ff;
  background: #bae7ff;
  border-color: #1890ff; }

.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #1890ff;
  border: 1px solid transparent; }

.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #1890ff; }

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0; }

.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px; }

.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 32px;
  line-height: 1.5 \9;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  box-shadow: none; }

.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis; }

.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important; }

textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s; }

.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
  line-height: 40px;
  line-height: 1.5 \9; }

.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
  line-height: 24px;
  line-height: 1.5 \9; }

.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none; }

.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none; }

.ant-calendar-range.ant-calendar-week-number {
  width: 574px; }

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px; }

.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px; }

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0; }

.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px; }

.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0; }

.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1; }

.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f7ff;
  border: 0;
  border-radius: 0;
  content: ''; }

.ant-calendar-range .ant-calendar-footer-extra {
  float: left; }

div.ant-calendar-range-quick-selector {
  text-align: left; }

div.ant-calendar-range-quick-selector > a {
  margin-right: 8px; }

.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0; }

.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%; }

.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px; }

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px; }

.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent; }

.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff; }

.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%; }

.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none; }

.ant-calendar-time-picker-combobox {
  width: 100%; }

.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%; }

.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%; }

.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%; }

.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%; }

.ant-calendar-time-picker-input-wrap {
  display: none; }

.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8; }

.ant-calendar-time-picker-select:hover {
  overflow-y: auto; }

.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0; }

.ant-calendar-time-picker-select:last-child {
  border-right: 0; }

.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: ''; }

.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff; }

.ant-calendar-time-picker-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none; }

li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5; }

li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25); }

li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed; }

.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px; }

.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto; }

.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right; }

.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0; }

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px; }

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25); }

.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none; }

.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%; }

.ant-calendar-month-panel-hidden {
  display: none; }

.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-month-panel-header a:hover {
  color: #40a9ff; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-month-panel-body {
  flex: 1; }

.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px; }

.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #1890ff; }

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #1890ff; }

.ant-calendar-month-panel-cell {
  text-align: center; }

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed; }

.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease; }

.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none; }

.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%; }

.ant-calendar-year-panel-hidden {
  display: none; }

.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-year-panel-header a:hover {
  color: #40a9ff; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-year-panel-body {
  flex: 1; }

.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px; }

.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-calendar-year-panel-cell {
  text-align: center; }

.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease; }

.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #1890ff; }

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #1890ff; }

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none; }

.ant-calendar-decade-panel-hidden {
  display: none; }

.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-decade-panel-header a:hover {
  color: #40a9ff; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: ''; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65); }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8); }

.ant-calendar-decade-panel-body {
  flex: 1; }

.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px; }

.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center; }

.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease; }

.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #1890ff; }

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #1890ff; }

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px; }

.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%; }

.ant-calendar-week-number-cell {
  opacity: 0.5; }

.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s; }

.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff; }

.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bae7ff; }

.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent; }

.acdm {
  padding: 1.25rem; }
  .acdm__hidden {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: scroll; }
  .acdm__input-field::-webkit-input-placeholder {
    color: #b1b3b6; }
  .acdm__input-field::-moz-placeholder {
    color: #b1b3b6; }
  .acdm__input-field:-ms-input-placeholder {
    color: #b1b3b6; }
  .acdm__input-field::-ms-input-placeholder {
    color: #b1b3b6; }
  .acdm__input-field::placeholder {
    color: #b1b3b6; }
  .acdm__button {
    width: 5.3125rem;
    min-width: 5.3125rem;
    height: 1.875rem;
    margin-left: 0.625rem; }
  .acdm__header {
    display: flex;
    overflow: auto; }
    .acdm__header__hidden {
      width: 100%;
      overflow: scroll; }
    .acdm__header__select {
      width: 6.875rem; }
    .acdm__header__shop {
      color: #3769ee;
      font-size: 0.875rem;
      line-height: 1.25rem;
      width: 5rem;
      height: 1.875rem; }
      .acdm__header__shop--kf {
        width: 6.5625rem; }
    .acdm__header__memorandum {
      color: #3769ee;
      font-size: 0.875rem;
      line-height: 1.875rem;
      display: block;
      width: 9.375rem;
      height: 1.875rem;
      padding-left: 0.75rem;
      border: 1px solid #c8c9cb; }
    .acdm__header__time > div > input,
    .acdm__header__month > div > input {
      color: #3769ee;
      font-size: 0.875rem;
      line-height: 1.25rem;
      width: 7.5rem;
      height: 1.875rem;
      padding: 0 0.9375rem;
      border: 1px solid #c8c9cb; }
      .acdm__header__time > div > input::-webkit-input-placeholder,
      .acdm__header__month > div > input::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: #3769ee; }
      .acdm__header__time > div > input:-moz-placeholder,
      .acdm__header__month > div > input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: #3769ee; }
      .acdm__header__time > div > input::-moz-placeholder,
      .acdm__header__month > div > input::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: #3769ee; }
      .acdm__header__time > div > input:-ms-input-placeholder,
      .acdm__header__month > div > input:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: #3769ee; }
    .acdm__header__month > div {
      position: relative; }
    .acdm__header__time > div > input {
      width: 9.375rem; }
    .acdm__header__time > div > i {
      right: 1.5625rem; }
  .acdm__container {
    position: relative; }
  .acdm__checkbox {
    position: absolute;
    top: 0.5625rem;
    right: 0.1875rem; }
  .acdm__list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: calc(40vh);
    overflow: auto; }
    @media only screen and (max-width: 768px) {
      .acdm__list {
        height: 26.25rem; } }
  .acdm__item {
    position: relative;
    margin-top: 1rem;
    padding-bottom: 0.9375rem;
    border-bottom: 0.0625rem solid #eeeeee; }
    .acdm__item:last-child {
      border: 0; }
    .acdm__item__container {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-bottom: 0.9375rem;
      color: #b1b3b6; }
      .acdm__item__container-found {
        display: inline-block;
        margin-right: 1.25rem; }
        .acdm__item__container-found__name {
          margin-right: 0.5rem; }
      .acdm__item__container-information {
        display: inline-block; }
        .acdm__item__container-information__content {
          padding: 0 0.5rem;
          border-right: 1px solid #4c4c4c; }
          .acdm__item__container-information__content:last-child {
            border: 0; }
    .acdm__item__container-box {
      display: flex; }
    .acdm__item__content {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      flex: 1;
      white-space: break-spaces; }
    .acdm__item__button {
      color: #fff;
      font-size: 0.875rem;
      line-height: 1.25rem;
      width: 5rem;
      height: 1.875rem;
      padding: 0;
      font-weight: 400; }
      .acdm__item__button--return-visit {
        background-color: #9e9e9e; }

.acdo {
  height: 93%;
  padding: 1.25rem 1.25rem 3.75rem;
  overflow: scroll; }
  @media only screen and (max-width: 768px) {
    .acdo {
      padding: 0 1.25rem 3.75rem;
      background-color: #fff; } }
  .acdo__item {
    margin: 1.25rem 0; }
    .acdo__item__title {
      color: #4c4c4c;
      font-size: 1.5625rem;
      line-height: 1.875rem;
      margin-bottom: 0.625rem;
      font-weight: 600; }
      @media only screen and (max-width: 768px) {
        .acdo__item__title {
          color: #4c4c4c;
          font-size: 1.125rem;
          line-height: 1.25rem; } }
  .acdo__box__button-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 0.25rem;
    background-color: #fff; }

.acd {
  position: relative;
  margin-bottom: -2rem;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .acd {
      width: 40%; } }
  .acd__left {
    position: absolute;
    top: 0.75rem;
    left: 1.25rem;
    outline: none;
    font-size: 1.5625rem;
    z-index: 11; }
    @media only screen and (min-width: 768px) {
      .acd__left {
        display: none; } }
  .acd__head {
    position: fixed;
    top: 0;
    width: 100%;
    height: 4.375rem;
    padding-top: 0.75rem;
    border-bottom: 1px solid #4c4c4c;
    background-color: #fff;
    text-align: center;
    z-index: 10; }
    @media only screen and (min-width: 768px) {
      .acd__head {
        position: -webkit-sticky;
        position: sticky;
        top: 3.0625rem;
        height: 3.375rem; } }
    .acd__head--ios {
      position: absolute;
      transition: top 0.2s; }
    .acd__head__name {
      position: relative; }
      @media only screen and (min-width: 768px) {
        .acd__head__name {
          display: none; } }
    .acd__head__pop {
      position: absolute;
      top: 0;
      right: -0.5rem;
      width: 0.3125rem;
      height: 0.3125rem;
      border-radius: 50%;
      background-color: #e03b24;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .acd__head__pop {
          display: none; } }
    @media only screen and (min-width: 768px) {
      .acd__head__br {
        display: none; } }
    .acd__head__tag {
      display: inline-block;
      position: relative;
      margin-left: 0.875rem; }
      .acd__head__tag__input {
        font-weight: 400;
        height: 1.5rem;
        border: 1px solid #c8c9cb;
        border-radius: 2px;
        color: #4c4c4c;
        font-size: 0.875rem; }
        .acd__head__tag__input:focus {
          outline: #4c4c4c solid 1px; }
      .acd__head__tag__button {
        color: #fff;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
        position: relative;
        right: 3px;
        height: 1.5rem;
        padding: 0.25rem;
        border: 0;
        border-radius: 0 0.125rem 0.125rem 0;
        background-color: #b84145;
        text-align: center;
        cursor: pointer;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
      .acd__head__tag-option {
        position: absolute;
        top: 2.3125rem;
        width: 100%;
        border: 1px solid #c8c9cb;
        border-radius: 2px;
        background-color: #fff;
        text-align: left;
        box-shadow: 0 2px 5px -2px #000; }
        .acd__head__tag-option > p {
          color: #4c4c4c;
          font-size: 0.875rem;
          line-height: 2rem;
          padding: 0 0.625rem;
          cursor: pointer; }
          .acd__head__tag-option > p:hover {
            background-color: #ececec; }
      @media only screen and (max-width: 768px) {
        .acd__head__tag {
          display: none; } }
    .acd__head__revisit {
      margin-right: 0.625rem;
      float: right; }
      @media only screen and (max-width: 768px) {
        .acd__head__revisit {
          display: none; } }
      .acd__head__revisit-field {
        height: auto;
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem; }
    .acd__head__status {
      margin: 0.875rem 0 0 1.25rem;
      float: left;
      color: #4c4c4c;
      font-size: 0.875rem; }
      @media only screen and (min-width: 768px) {
        .acd__head__status {
          margin: 0; } }
    .acd__head__back-at {
      min-width: 7.5rem;
      height: auto;
      margin-right: 0.625rem;
      padding: 0.5rem;
      float: right;
      border: 1px solid #c8c9cb;
      border-radius: 2px;
      background-color: #f8f8f6;
      font-size: 0.75rem; }
      .acd__head__back-at:hover > span {
        display: none; }
      .acd__head__back-at:hover {
        background-color: rgba(236, 236, 236, 0.8); }
        .acd__head__back-at:hover::after {
          content: '✖'; }
      @media only screen and (max-width: 768px) {
        .acd__head__back-at {
          display: none; } }
  .acd__end, .acd__join {
    width: 3.125rem;
    margin-right: 0.375rem;
    float: right;
    outline: none;
    z-index: 10; }
  .acd__center {
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 1;
    width: 100%;
    height: calc(95vh);
    padding: 4.375rem 0 0.625rem;
    overflow-y: scroll; }
    @media only screen and (min-width: 768px) {
      .acd__center {
        height: calc(86vh);
        margin-top: 1.5rem;
        padding-top: 0rem;
        padding-bottom: 2.6875rem; } }
    .acd__center--quick {
      width: 40%; }
      @media only screen and (min-width: 768px) {
        .acd__center--quick {
          width: 67%; } }
    .acd__center__item {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-bottom: 1.25rem; }
      .acd__center__item-time {
        color: #000;
        font-size: 0.75rem;
        line-height: 1.25rem;
        margin-right: 0.25rem;
        margin-bottom: 0.1875rem;
        font-family: PingFangSC-Regular, PingFang SC; }
      .acd__center__item--user {
        padding-left: 1.375rem; }
      .acd__center__item--bot, .acd__center__item--kf {
        padding-right: 1.375rem;
        text-align: right; }
      .acd__center__item-tips {
        font-size: 0.75rem; }
      .acd__center__item-content {
        display: inline-block;
        position: relative;
        max-width: 80%;
        padding: 0.3125rem;
        border-radius: 0.3125rem;
        background-color: #fff;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
        .acd__center__item-content--user::before {
          position: absolute;
          left: -1rem;
          width: 0;
          height: 0;
          border: 8px solid #f00283;
          border-color: transparent #fff transparent transparent;
          content: ''; }
        .acd__center__item-content--bot, .acd__center__item-content--kf {
          background-color: #a9e87a;
          text-align: left; }
          .acd__center__item-content--bot::before, .acd__center__item-content--kf::before {
            position: absolute;
            right: -1rem;
            width: 0;
            height: 0;
            border: 8px solid #f00283;
            border-color: transparent transparent transparent #a9e87a;
            content: ''; }
        .acd__center__item-content--event {
          background-color: #ececec;
          font-size: 0.625rem;
          text-align: center; }
  .acd__bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.625rem;
    background-color: #fff;
    z-index: 50; }
    @media only screen and (min-width: 768px) {
      .acd__bottom {
        position: absolute;
        width: 97%; } }
    .acd__bottom--quick {
      width: 40%; }
      @media only screen and (min-width: 768px) {
        .acd__bottom--quick {
          width: 70%; } }
    .acd__bottom__tool-container {
      max-height: 21.875rem;
      overflow-y: scroll; }
    .acd__bottom__checkbox {
      display: flex;
      width: 100%; }
      .acd__bottom__checkbox--image, .acd__bottom__checkbox--send {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 3.125rem;
        margin: 0 0.3125rem;
        padding: 0.4375rem;
        border: 0.0625rem solid #cccccc;
        outline: none;
        background-color: #fff; }
      .acd__bottom__checkbox--input {
        flex: 1;
        max-height: 6.25rem;
        padding: 0.375rem;
        border: 1px solid #cccccc;
        border-radius: 0.625rem;
        outline: medium;
        overflow-y: auto; }
  .acd__images {
    margin-top: 1.25rem; }
  .acd .sl__image {
    width: 100%; }
  .acd__box-container {
    display: flex;
    flex-wrap: wrap;
    height: 5rem; }
  .acd__box {
    position: relative;
    width: 20%;
    height: 5rem; }
    .acd__box__detail {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }
    .acd__box__detail-button {
      border: 0;
      background-color: #fff; }
    .acd__box__label {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 1rem;
      display: block;
      white-space: nowrap; }
    .acd__box--quick {
      position: absolute;
      top: 4rem;
      right: 0;
      bottom: 0;
      width: 60%;
      border-left: 1px solid #4c4c4c;
      background-color: #fff; }
      @media only screen and (min-width: 768px) {
        .acd__box--quick {
          left: 0;
          width: auto; } }
    .acd__box__quick-menu {
      height: 100%;
      overflow: scroll; }
      @media only screen and (min-width: 768px) {
        .acd__box__quick-menu {
          padding-top: 2.0625rem;
          overflow: auto; } }
      .acd__box__quick-menu--close {
        width: 3.125rem;
        margin: 0.375rem auto; }
        @media only screen and (min-width: 768px) {
          .acd__box__quick-menu--close {
            display: none; } }
      .acd__box__quick-menu--item {
        height: auto !important;
        margin-bottom: 1.25rem !important;
        white-space: pre-wrap; }
      .acd__box__quick-menu-item__image-container {
        width: 100%; }
      .acd__box__quick-menu-item__image-item {
        display: inline-block; }
      .acd__box__quick-menu-item__image {
        width: 95%;
        height: 95%;
        -o-object-fit: cover;
           object-fit: cover; }
    .acd__box__application {
      position: absolute;
      top: 4rem;
      right: 0;
      left: 0;
      width: inherit;
      height: 50%;
      transition: height 0.2s ease-in-out;
      background-color: #fff;
      box-shadow: 0 1px 1px #4c4c4c;
      overflow: hidden; }
      @media only screen and (min-width: 768px) {
        .acd__box__application {
          width: 94%; } }
      @media only screen and (min-width: 768px) {
        .acd__box__application--quick {
          width: 63%; } }
      .acd__box__application--hidden {
        height: 1.75rem; }
      .acd__box__application__header {
        margin-left: 0.25rem;
        font-size: 1.125rem;
        line-height: 1.75rem; }
      .acd__box__application__container {
        height: 86%;
        overflow: scroll; }
      .acd__box__application__button {
        display: inline-block;
        width: 4.375rem;
        padding: 0.5rem 1rem;
        background-color: #ffcc00;
        color: #4c4c4c;
        line-height: 1rem; }
        .acd__box__application__button--cancel {
          margin-left: 0.3125rem;
          background-color: #cccccc; }
      .acd__box__application__button-container {
        width: 9.5rem;
        margin: 0 auto; }
      .acd__box__application__footer {
        text-align: center; }
      .acd__box__application__footer-button {
        border: 0;
        background-color: #fff;
        overflow: hidden; }
      .acd__box__application__icon-triangle {
        position: relative;
        top: -0.875rem;
        width: 0;
        transition: transform 0.2s ease-in-out;
        border-top: 0 none;
        border-right: solid 0.375rem transparent;
        border-bottom: solid 0.625rem #9e9e9e;
        border-left: solid 0.375rem transparent; }
        .acd__box__application__icon-triangle--hidden {
          position: absolute;
          top: 0.625rem;
          right: 1.875rem;
          border-top: solid 0.625rem #9e9e9e;
          border-bottom: 0 none; }
    .acd__box__icon {
      width: 2rem;
      height: 2.25rem; }
  .acd__mask__content {
    margin-top: 1.25rem; }
  .acd__mask__box {
    text-align: center; }
  .acd__mask__button {
    display: inline-block;
    width: 9.375rem; }
    .acd__mask__button--confirm {
      margin-right: 1.25rem;
      background-color: #FFC600;
      color: #4c4c4c; }
  .acd__ideal--city {
    color: #4c4c4c;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0 0.25rem;
    border-radius: 0.25rem;
    background-color: #FFC600; }
    @media only screen and (min-width: 768px) {
      .acd__ideal--city {
        margin: 0 0.25rem 0 0.625rem;
        border: 1px solid #c8c9cb;
        border-radius: 0.125rem;
        background-color: #fff;
        line-height: 1.875rem; } }
  .acd__question {
    display: none; }
  .acd__question-container {
    position: absolute;
    top: 4.4375rem;
    width: 100%;
    height: 50%;
    background-color: #fff; }
    .acd__question-container__hidden {
      height: 1.75rem;
      overflow: hidden; }
    .acd__question-container__question-hidden {
      background-color: transparent; }

.acd-chat__head {
  position: fixed;
  top: 0;
  right: 0;
  left: 12.5rem;
  height: 3.125rem;
  padding-left: 1.875rem;
  background-color: #fff;
  line-height: 3.125rem;
  box-shadow: 0 0 1.625rem 0 rgba(0, 0, 0, 0.3);
  z-index: 2; }
  @media only screen and (max-width: 768px) {
    .acd-chat__head {
      display: none; } }
  .acd-chat__head__back {
    vertical-align: middle; }
  .acd-chat__head__name {
    margin: 0.875rem; }
  .acd-chat__head__type {
    display: inline-block;
    margin-right: 0.875rem; }
    .acd-chat__head__type-field {
      height: auto; }
  .acd-chat__head__orderid {
    display: inline-block;
    height: auto;
    padding: 0 10px;
    border: 1px solid #c8c9cb;
    border-radius: 2px;
    color: #4c4c4c;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem; }
    .acd-chat__head__orderid__detail {
      color: #4c4c4c; }
    @media only screen and (min-width: 768px) {
      .acd-chat__head__orderid__pc {
        display: none; } }

.acd-chat__loading {
  position: absolute;
  top: 43%;
  left: 45%;
  width: 3.75rem;
  -webkit-animation: loading 2.5s infinite linear;
          animation: loading 2.5s infinite linear; }

@keyframes loading {
  100% {
    transform: rotate(360deg); } }
  .acd-chat__loading__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1001; }

@media only screen and (min-width: 768px) {
  .acd-display {
    position: relative; } }

.acd-display__chat-help {
  position: absolute;
  top: 1rem;
  right: 0;
  bottom: 0;
  left: 40%;
  overflow: hidden;
  z-index: 10; }
  @media only screen and (max-width: 768px) {
    .acd-display__chat-help {
      display: none; } }
  .acd-display__chat-help__tab {
    display: flex;
    position: relative;
    flex-direction: row;
    align-content: center;
    align-items: flex-end;
    height: 3.75rem; }
    .acd-display__chat-help__tab__container {
      position: relative; }
    .acd-display__chat-help__tab__svg-container {
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer; }
    .acd-display__chat-help__tab__svg {
      width: 0.8125rem;
      height: 0.8125rem; }
    .acd-display__chat-help__tab__item {
      padding: 0.625rem 0.9375rem;
      border: 1px solid #cccccc;
      background-color: #EAEAEA;
      font-size: 0.875rem; }
      .acd-display__chat-help__tab__item--active {
        background-color: #fff;
        box-shadow: 0 1px 7px #b3b3b3; }
    .acd-display__chat-help__tab--hidden {
      display: none !important; }
  .acd-display__chat-help__content {
    display: flex;
    position: relative;
    flex-direction: column;
    height: 93%;
    border: 1px solid #cccccc;
    overflow-y: auto; }
  .acd-display__chat-help__apt-search {
    margin: 0.625rem;
    padding: 0.625rem;
    border: 1px solid #cccccc; }
    .acd-display__chat-help__apt-search__filter {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .acd-display__chat-help__apt-search__filter-city, .acd-display__chat-help__apt-search__filter-property {
        flex: 0.2; }
      .acd-display__chat-help__apt-search__filter-uni {
        flex: 0.6; }
      .acd-display__chat-help__apt-search__filter-type {
        width: 20%; }
        .acd-display__chat-help__apt-search__filter-type--title {
          margin-bottom: 0.3125rem;
          font-size: 0.875rem;
          font-weight: 600; }
      .acd-display__chat-help__apt-search__filter-price {
        width: 20%; }
        .acd-display__chat-help__apt-search__filter-price--sublet {
          width: 35%; }
        .acd-display__chat-help__apt-search__filter-price--title {
          margin-bottom: 0.3125rem;
          font-size: 0.875rem;
          font-weight: 600; }
      .acd-display__chat-help__apt-search__filter-item {
        flex: 0.5; }
        .acd-display__chat-help__apt-search__filter-item > label {
          margin-bottom: 0.3125rem; }
        .acd-display__chat-help__apt-search__filter-item > div {
          margin-bottom: 0.625rem; }
      .acd-display__chat-help__apt-search__filter-room {
        height: 2.5rem;
        margin-bottom: 0.625rem; }
        .acd-display__chat-help__apt-search__filter-room > .ant-select-selection {
          height: 2.5rem; }
      .acd-display__chat-help__apt-search__filter-title {
        display: inline-block;
        flex: 1;
        margin-bottom: 0.3125rem;
        font-size: 0.875rem;
        font-weight: 600; }
        .acd-display__chat-help__apt-search__filter-title--active {
          width: 33%; }
      .acd-display__chat-help__apt-search__filter-date {
        flex: 0.5;
        height: 2.5rem; }
      .acd-display__chat-help__apt-search__filter-city {
        position: initial; }
      .acd-display__chat-help__apt-search__filter-city--box {
        position: absolute;
        top: 5.5625rem;
        right: 1.25rem;
        bottom: 0;
        left: 1.25rem;
        z-index: 999; }
    .acd-display__chat-help__apt-search__button {
      width: 40%;
      margin-left: 58%; }
  .acd-display__chat-help__apt-result {
    flex: 1;
    height: 52%;
    margin: 0.625rem;
    padding: 0.625rem;
    border: 1px solid #cccccc; }
    .acd-display__chat-help__apt-result__list {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 87%;
      margin-bottom: 0.625rem;
      overflow-y: scroll; }
      .acd-display__chat-help__apt-result__list > li {
        padding: 1.1875rem;
        border: 1px solid #cccccc; }
      .acd-display__chat-help__apt-result__list-head {
        color: #4c4c4c;
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: underline; }
      .acd-display__chat-help__apt-result__list-check {
        float: right; }
      .acd-display__chat-help__apt-result__list-date {
        margin: 0.1875rem 0;
        color: #6D7278;
        font-size: 0.75rem; }
      .acd-display__chat-help__apt-result__list-price {
        color: #C50505;
        font-size: 0.875rem;
        font-weight: 600; }
      .acd-display__chat-help__apt-result__list-unit {
        color: #4c4c4c;
        font-size: 0.625rem; }
      .acd-display__chat-help__apt-result__list-type {
        margin-right: 0.3125rem;
        border: 1px solid #cccccc;
        background-color: #eeeeee;
        color: #6D7278;
        font-size: 0.75rem; }
    .acd-display__chat-help__apt-result__price-check {
      margin-right: 0.625rem;
      float: right;
      color: #ff3d46;
      font-size: 0.8125rem; }
  .acd-display__chat-help__svg-container {
    position: absolute;
    top: 1.75rem;
    right: 0; }
  .acd-display__chat-help__svg {
    width: 1.5rem;
    height: 1.5rem; }
  .acd-display__chat-help__modular-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 3.4375rem;
    right: 0;
    z-index: 99999; }
  .acd-display__chat-help__modular-item {
    width: 7.9375rem;
    padding: 0.3125rem 0.1875rem;
    border-bottom: 0.0625rem solid #fff;
    background-color: #cccccc; }
    .acd-display__chat-help__modular-item__active {
      background-color: #e1eaf3; }
    .acd-display__chat-help__modular-item__checkbox {
      width: 0;
      height: 0;
      visibility: hidden;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .acd-display__chat-help__modular-item__checkbox:checked + .acd-display__chat-help__modular-item__text:before {
        border-color: #FFC600;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFC600' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
        background-size: 0.75rem; }
    .acd-display__chat-help__modular-item__text {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; }
      .acd-display__chat-help__modular-item__text:before {
        display: inline-block;
        width: 0.9375rem;
        height: 0.9375rem;
        margin: 0 0.3125rem 0 0;
        border: 1px solid #c8c9cb;
        border-radius: 2px;
        background: #fff;
        content: '';
        vertical-align: middle; }

.acd-user-info {
  height: 92%;
  padding: 1rem;
  border-left: 1px solid #000;
  overflow-y: auto; }
  .acd-user-info__edit {
    display: flex; }
    .acd-user-info__edit > label {
      flex: 0.1;
      line-height: 2.5rem; }
    .acd-user-info__edit > div {
      flex: 0.9; }
  .acd-user-info__content {
    display: flex; }
    .acd-user-info__content__label {
      flex: 0.1;
      margin-top: 1.25rem;
      color: #4c4c4c;
      font-size: 0.875rem;
      font-weight: 600; }
    .acd-user-info__content__value {
      flex: 0.9;
      margin-top: 1.25rem; }
  .acd-user-info__button-save {
    display: flex;
    margin-bottom: 1.25rem; }
  .acd-user-info__button-edit {
    display: inline-block;
    position: absolute;
    right: 1.25rem;
    width: 1.875rem;
    margin-top: 1.25rem; }

.acd-notepad {
  height: 93%; }

.acddf {
  position: relative;
  height: 93%;
  overflow-y: auto; }
  .acddf__demand-status {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1; }
  .acddf__demand-label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    width: 40%;
    float: left; }
  .acddf__demand-content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem; }
  .acddf__demand-form {
    margin-top: 1.25rem; }
  .acddf__send-link {
    width: auto;
    background-color: #3b64a6; }

.acda-question {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 93%;
  padding: 1rem;
  background-color: #fff; }
  .acda-question--hidden {
    height: 1.75rem;
    padding: 0; }
  .acda-question__reload {
    width: auto;
    background-color: #ecad57; }
  .acda-question__hidden {
    display: none; }
  .acda-question__create {
    position: relative;
    min-height: 1.75rem; }
    .acda-question__create--hidden {
      position: absolute;
      top: 12px;
      left: 90px;
      width: 50%; }
    .acda-question__create__button {
      width: auto;
      float: right;
      background-color: #ecad57; }
    .acda-question__create__title {
      margin-bottom: 0.625rem; }
      .acda-question__create__title-name {
        color: #000;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 600;
        margin-right: 0.625rem; }
      .acda-question__create__title-time {
        color: #000;
        font-size: 0.875rem;
        line-height: 1.25rem; }
    .acda-question__create__field {
      display: flex; }
      @media only screen and (max-width: 768px) {
        .acda-question__create__field {
          width: 100%; } }
      .acda-question__create__field__search {
        width: 9.375rem; }
        .acda-question__create__field__search > .search-field__input-container {
          margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          .acda-question__create__field__search {
            width: 4.375rem; } }
      .acda-question__create__field__select {
        width: 9.375rem; }
        .acda-question__create__field__select-field {
          height: auto; }
        .acda-question__create__field__select > .select-field__container {
          margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          .acda-question__create__field__select {
            width: 6.25rem; } }
      .acda-question__create__field__property {
        flex: 0.8; }
        .acda-question__create__field__property > .search-field__input-container {
          margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          .acda-question__create__field__property {
            flex: auto; } }
    .acda-question__create__question {
      display: flex;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid #D8D8D8; }
      .acda-question__create__question__content {
        flex: 1; }
        .acda-question__create__question__content-input > .input-field__input-container {
          margin-bottom: 0; }
        .acda-question__create__question__content-field {
          height: auto;
          padding: 0 0.3125rem;
          line-height: 1.75rem; }
      .acda-question__create__question__image {
        color: #000;
        font-size: 0.875rem;
        line-height: 2.5rem;
        height: 2.5rem;
        margin-left: 0.625rem;
        padding: 0 0.625rem;
        border: solid 1px #c3c3c3;
        border-radius: 2px; }
  .acda-question__list {
    flex: 1;
    overflow-y: auto; }
    .acda-question__list__status {
      width: auto;
      margin-top: 0.375rem;
      float: right; }
      .acda-question__list__status--change {
        color: #be3322;
        font-size: 0.75rem;
        line-height: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.625rem 0.3125rem 0;
        border: 1px solid #cccccc;
        background-color: #fff;
        z-index: 1; }
      .acda-question__list__status--replied {
        background-color: #86c45d; }
      .acda-question__list__status--to-be-replied {
        background-color: #be3322; }
      .acda-question__list__status--telephone-consultation, .acda-question__list__status--landiord-mail {
        background-color: #bc63ea; }
      .acda-question__list__status--processed {
        background-color: #9e9e9e; }
      .acda-question__list__status__confirm {
        display: flex;
        padding: 0.5rem; }
        .acda-question__list__status__confirm--hover:hover {
          background-color: #b84145;
          color: #fff; }
  .acda-question__item {
    margin-top: 0.625rem; }
    .acda-question__item__headline {
      position: relative; }
    .acda-question__item__info {
      margin: 0.625rem 0 0.3125rem;
      font-size: 0.75rem; }
      .acda-question__item__info__user {
        margin-right: 0.625rem; }
      .acda-question__item__info__border {
        padding: 0.25rem 0.375rem;
        border: 1px solid #c3c3c3; }
    .acda-question__item__content {
      padding: 0.25rem 0.375rem;
      border: 1px solid #c3c3c3;
      font-size: 12px; }
      .acda-question__item__content--hidden {
        margin-top: 0.375rem; }
    .acda-question__item__reply {
      display: flex;
      margin: 0.3125rem 0;
      font-size: 0.875rem; }
      .acda-question__item__reply__content {
        flex: 1;
        margin: 0 0.625rem; }
      .acda-question__item__reply__copy {
        width: auto;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        background-color: #ecad57; }
  .acda-question__image {
    display: inline-block;
    position: relative; }
    .acda-question__image-item {
      width: 6.25rem;
      height: 6.25rem;
      margin: 0.3125rem;
      -o-object-fit: cover;
         object-fit: cover; }
    .acda-question__image-remove {
      z-index: 1; }
  .acda-question__enlarge {
    position: absolute;
    top: 1.5rem;
    right: 18rem;
    left: 18rem;
    padding: 0.5rem;
    border-radius: 2px;
    background-color: #fff; }

.ac-callback__title .ant-table-thead {
  background-color: #EAEAEA; }

.ac-callback__list {
  margin-top: 2.75rem; }

.acmi__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 1.25rem; }

.acmi__item {
  margin-bottom: 2.5rem; }
  .acmi__item__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-right: 0.625rem;
    padding: 0.3125rem;
    border-radius: 0.375rem;
    background-color: #bc63ea; }
    .acmi__item__status--replied {
      background-color: #86c45d; }
    .acmi__item__status--to-be-replied {
      background-color: #be3322; }
  .acmi__item__time {
    vertical-align: bottom; }
  .acmi__item__box {
    margin-top: 1.25rem; }
  .acmi__item__title {
    margin-right: 1.25rem; }
  .acmi__item__content {
    padding: 0.3125rem;
    border-top: 0.0625rem solid #eeeeee;
    border-bottom: 0.0625rem solid #eeeeee;
    border-left: 0.0625rem solid #eeeeee;
    font-size: 1rem; }
    .acmi__item__content:last-child {
      border-right: 0.0625rem solid #eeeeee; }

.acq__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 0.5rem;
  border: 0.0625rem solid #eeeeee; }

.acq__item {
  padding: 1.25rem;
  border-bottom: 1px solid #eeeeee; }
  .acq__item:last-child {
    border-bottom: 0; }

.acq__head__title {
  color: #4c4c4c;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-right: 0.5rem; }

.acq__head__time {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  vertical-align: bottom; }

.acq__head__status {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-right: 0.625rem;
  padding: 0.3125rem;
  float: right;
  border-radius: 0.25rem;
  background-color: #bc63ea; }
  .acq__head__status--replied {
    background-color: #86c45d; }
  .acq__head__status--to-be-replied {
    background-color: #be3322; }
  .acq__head__status--processed {
    background-color: #afadad; }

.acq__box {
  margin-top: 1.25rem; }
  .acq__box__title {
    margin-right: 1.25rem; }
    @media only screen and (max-width: 768px) {
      .acq__box__title {
        display: block;
        margin: 0 0 0.9375rem; } }
  .acq__box__content {
    display: inline-block;
    margin-bottom: 0.125rem;
    padding: 0.3125rem;
    border: 1px solid #c3c3c3;
    font-size: 1rem; }
  .acq__box__property-pc {
    display: none; }
    @media only screen and (min-width: 768px) {
      .acq__box__property-pc {
        display: inline-block; } }
  .acq__box__property-phone {
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .acq__box__property-phone {
        display: none; } }

.acq__container {
  margin-top: 1.25rem; }
  .acq__container__substance {
    display: flex;
    margin-bottom: 0.9375rem; }
    .acq__container__substance:last-child {
      margin-bottom: 1.875rem; }
    .acq__container__substance-content {
      width: 90%; }
      @media only screen and (max-width: 768px) {
        .acq__container__substance-content {
          width: 80%; } }
    @media only screen and (max-width: 768px) {
      .acq__container__substance > div {
        flex: 3; }
      .acq__container__substance > p {
        flex: 7; } }
  .acq__container__describe {
    margin-bottom: 0.5rem;
    padding: 0.9375rem 0;
    border: 0.0625rem solid #c3c3c3; }
  .acq__container__content {
    margin-top: 0.5rem; }
  .acq__container__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .acq__container__item {
    position: relative;
    width: 48%;
    margin-bottom: 1rem; }
  .acq__container__image-wrapper {
    position: relative;
    width: 100%;
    height: 8rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new -0.891 -22.184 141.732 141.732' height='141.732' viewBox='-.891 -22.184 141.732 141.732' width='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.909 24.472c0-5.621-4.535-10.181-10.129-10.181s-10.127 4.56-10.127 10.181 4.533 10.178 10.127 10.178 10.129-4.556 10.129-10.178m-23.192 63.497s-.098.134-.239.354h120.996c-.011-.013-.019-.021-.027-.037l-41.296-56.217s-4.896-6.664-9.789 0l-25.555 34.791-9.4-12.805s-4.895-6.662-9.787 0zm124.85 3.987h-129.185v-86.547h129.186v86.547zm5.384 2.704v-91.955c0-1.494-1.205-2.705-2.69-2.705h-134.569c-1.486 0-2.692 1.211-2.692 2.705v91.955c0 1.494 1.205 2.705 2.691 2.705h134.57c1.485 0 2.69-1.211 2.69-2.705' fill='%23c8c9cb' /%3E%3C/svg%3E") no-repeat center;
    background-color: #f8f8f6;
    background-size: 4rem;
    overflow: hidden; }
  .acq__container__image {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }

.acq__footer {
  display: flex; }
  @media only screen and (max-width: 768px) {
    .acq__footer {
      display: block;
      position: relative; } }

.acq__type-field {
  flex: 0.1; }
  @media only screen and (max-width: 768px) {
    .acq__type-field {
      width: 50%; } }

.acq__input {
  flex: 0.9;
  height: 2.5rem;
  margin: 0 0.1875rem;
  border: 1px solid #eeeeee;
  outline: none; }
  @media only screen and (max-width: 768px) {
    .acq__input {
      margin-bottom: 1.875rem; } }
  .acq__input-item {
    height: 3.125rem;
    min-height: 3.125rem;
    line-height: 0.9375rem; }

.acq__button {
  flex: 0.1;
  height: 2.5rem;
  border: 1px solid #c8c9cb;
  background-color: #fff;
  color: #4c4c4c;
  font-weight: 400; }
  @media only screen and (max-width: 768px) {
    .acq__button {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%; } }

.acq__images-display {
  display: none; }

.acq__images {
  display: block; }

.acq__modal-close {
  right: 3.125rem; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

.ant-tree.ant-tree-directory {
  position: relative; }

.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none; }

.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: ''; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1890ff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1890ff; }

.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  content: ''; }

.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible; }

.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s; }

.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-tree-checkbox-disabled {
  cursor: not-allowed; }

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden; }

.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px; }

.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-tree-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0; }

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0; }

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%; }

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

.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0; }

.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element; }

.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8; }

.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1890ff; }

.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1890ff; }

.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important; }

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none; }

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0; }

.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s; }

.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff; }

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff; }

.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0; }

.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer; }

.ant-tree li span.ant-tree-switcher {
  position: relative; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg); }

.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none; }

.ant-tree > li:first-child {
  padding-top: 7px; }

.ant-tree > li:last-child {
  padding-bottom: 7px; }

.ant-tree-child-tree > li:first-child {
  padding-top: 8px; }

.ant-tree-child-tree > li:last-child {
  padding-bottom: 0; }

li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top; }

.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top; }

.ant-tree.ant-tree-show-line li {
  position: relative; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' '; }

.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none; }

.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px); }

.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5; }
  100% {
    transform: scale(1.6);
    opacity: 0; } }

.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  content: ''; }

.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible; }

.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s; }

.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-select-tree-checkbox-disabled {
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden; }

.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px; }

.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0; }

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px; }

.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0; }

.ant-select-tree li.filter-node > span {
  font-weight: 500; }

.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s; }

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6f7ff; }

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff; }

.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0; }

.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px); }

.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer; }

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #1890ff;
  font-size: 14px;
  transform: none; }

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-select-tree li span.ant-select-tree-switcher {
  position: relative; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg); }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none; }

.ant-select-tree-child-tree {
  display: none; }

.ant-select-tree-child-tree-open {
  display: block; }

li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top; }

.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top; }

.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum'; }

.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff; }

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%; }

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none; }

.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none; }

.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.crsc__head {
  position: relative;
  margin-bottom: 1.25rem; }
  .crsc__head__title {
    display: inline-block; }
  .crsc__head__box {
    display: flex;
    float: right; }
    .crsc__head__box__button {
      width: 3.75rem; }
      .crsc__head__box__button-storage {
        margin-right: 1.25rem;
        background-color: #3b64a6; }

.crsc__content {
  margin-bottom: 0.625rem;
  line-height: 2rem; }
  .crsc__content__input {
    display: inline-block; }

.crsc__edit {
  display: flex; }
  .crsc__edit-text {
    margin-bottom: 1.25rem; }
  .crsc__edit__title {
    width: 20%; }
  .crsc__edit__index {
    margin-right: 0.625rem;
    font-size: 1.125rem;
    line-height: 2.5rem; }
  .crsc__edit__delete {
    margin-left: 0.625rem;
    font-size: 1.125rem;
    line-height: 2.5rem;
    cursor: pointer; }
  .crsc__edit__input {
    flex: 1; }
    .crsc__edit__input-text {
      padding: 0.5rem 2.25rem 0.5rem 0.75rem;
      border: 1px solid #c8c9cb;
      border-radius: 0.1875rem;
      outline: none; }
  .crsc__edit__add {
    flex: 1;
    padding: 0;
    border: 1px solid #c8c9cb;
    background-color: #fff;
    text-align: center; }
  .crsc__edit__invisible {
    width: 1.5rem; }

.ac-reply-detail__head {
  position: relative;
  margin-bottom: 1.25rem; }
  .ac-reply-detail__head__edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem; }
  .ac-reply-detail__head__back {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.625rem; }

.ac-reply-detail__content {
  margin-bottom: 0.625rem;
  line-height: 2rem; }
  .ac-reply-detail__content__input {
    display: inline-block; }
  .ac-reply-detail__content__image-container {
    width: 100%; }
  .ac-reply-detail__content__image-item {
    display: inline-block;
    width: 9.375rem;
    height: 9.375rem; }
  .ac-reply-detail__content__image {
    width: 95%;
    height: 95%;
    -o-object-fit: cover;
       object-fit: cover; }

.ac-reply-detail__edit {
  display: flex; }
  .ac-reply-detail__edit__title {
    width: 20%; }
  .ac-reply-detail__edit__index {
    margin-right: 0.625rem;
    font-size: 1.125rem;
    line-height: 2.5rem; }
  .ac-reply-detail__edit__delete {
    margin-left: 0.625rem;
    font-size: 1.125rem;
    line-height: 2.5rem;
    cursor: pointer; }
  .ac-reply-detail__edit__input {
    flex: 1; }
  .ac-reply-detail__edit__add {
    flex: 1;
    padding: 0;
    border: 1px solid #c8c9cb;
    background-color: #fff;
    text-align: center; }
  .ac-reply-detail__edit__invisible {
    width: 1.5rem; }

.atrc {
  margin: 0 0 1.25rem 0.6875rem;
  padding: 0.8125rem;
  border: 0.0625rem solid #c3c3c3;
  vertical-align: top; }
  .atrc__input {
    width: 12.0625rem; }
  .atrc__list {
    display: flex; }
    .atrc__list__item {
      flex-wrap: wrap;
      margin-right: 0.3125rem; }
    .atrc__list__time {
      width: 11.875rem; }
    .atrc__list__operation {
      display: flex;
      width: 6.9375rem;
      margin-top: 1.5625rem; }
    .atrc__list-button {
      width: 1.875rem !important;
      margin-top: 1.5625rem; }
  .atrc__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 2.5rem;
    width: 8.75rem; }
    .atrc__title-important::after {
      content: '*'; }
  .atrc__field {
    width: 31.25rem;
    min-width: 31.25rem;
    height: 9.25rem;
    min-height: 9.25rem; }
  .atrc__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 0.875rem;
    display: inline-block;
    width: 13.375rem;
    height: 2.875rem;
    border: 0.0625rem solid #e5e5e5;
    background-color: transparent; }
  .atrc__release {
    margin: 0 10.0625rem 0 8.4375rem; }
  .atrc__images {
    margin: 0 1.875rem; }

.aprtd {
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #c3c3c3; }
  .aprtd__input {
    width: calc(100% - 120px); }
  .aprtd__head {
    display: flex; }
    .aprtd__head__title {
      flex: 1; }
    .aprtd__head__edit {
      width: 1.375rem;
      float: right;
      cursor: pointer; }
  .aprtd__operate {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    z-index: 1; }
    .aprtd__operate__button {
      display: inline-block;
      width: 48%; }
      .aprtd__operate__button-hold {
        background-color: #3b64a6; }
  .aprtd__content__item {
    display: flex;
    margin-top: 1rem; }
    .aprtd__content__item-name {
      flex: 0.1;
      min-width: 5rem;
      color: #4c4c4c;
      font-weight: 600; }
    .aprtd__content__item-value {
      flex: 0.9; }
    .aprtd__content__item-empty {
      padding-top: 1.25rem;
      text-align: center; }
  .aprtd__content__image-box {
    display: flex;
    flex: 0.9;
    flex-wrap: wrap; }
  .aprtd__edit {
    display: flex;
    width: 48%; }
    .aprtd__edit > label {
      width: 5rem;
      line-height: 2.5rem; }
    .aprtd__edit > div {
      flex: 1; }
  .aprtd__footer {
    margin-top: 1.25rem; }
    .aprtd__footer-button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 0.875rem;
      display: inline-block;
      width: 13.375rem;
      height: 2.875rem;
      padding: 0;
      border: 0.0625rem solid #e5e5e5;
      background-color: transparent;
      font-weight: 400; }
      .aprtd__footer-button__unpublished {
        background-color: #cccccc; }
      .aprtd__footer-button__published {
        background-color: #b84145;
        color: #fff; }
    .aprtd__footer-release {
      margin: 0 10.0625rem 0 8.4375rem; }
  .aprtd__image {
    width: 40%;
    margin: 1.25rem 0 1.25rem 3.125rem; }

.alpra__info-field > label {
  display: inline-block;
  width: 23%;
  margin-bottom: 1.5rem;
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.alpra__info-field > div {
  display: inline-block;
  width: 76%; }

.alpra__detail-content {
  color: #9e9e9e; }

.alpra__info-list {
  display: inline-block;
  width: 48%;
  vertical-align: top; }

.alpra__list-highlight {
  background-color: #e6f7ff; }

.alpra__field-title {
  margin-bottom: 0.5rem;
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.tat {
  margin: 0 0 1.25rem 0.6875rem;
  padding: 0.8125rem;
  border: 0.0625rem solid #c3c3c3;
  vertical-align: top; }
  .tat__input {
    width: 12.0625rem; }
  .tat__list {
    display: flex; }
  .tat__title {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 2.5rem;
    width: 8.125rem; }
    .tat__title-important::after {
      content: '*'; }
  .tat__label {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 2.5rem; }
  .tat__field {
    width: 43.0625rem;
    min-width: 43.0625rem;
    height: 9.25rem;
    min-height: 9.25rem; }
  .tat__field__number {
    width: 43.0625rem;
    min-width: 43.0625rem; }
  .tat__button {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 0.875rem;
    display: inline-block;
    width: 13.375rem;
    height: 2.875rem;
    border: 0.0625rem solid #e5e5e5;
    background-color: transparent; }
  .tat__release {
    margin: 0 10.0625rem 0 8.4375rem; }
  .tat__group {
    width: 100%;
    margin-left: 1.25rem; }

.property-application {
  position: relative;
  padding: 1.25rem;
  border: 1px solid #c3c3c3; }
  .property-application__headimage {
    width: 1.875rem;
    height: 1.875rem;
    margin-left: 1.25rem;
    border-radius: 50%;
    vertical-align: text-bottom; }
  .property-application__head__name {
    display: inline-block; }
  .property-application__head__edit {
    position: absolute;
    right: 1.25rem;
    width: 1.625rem;
    vertical-align: middle; }
  .property-application__head__save {
    display: flex;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem; }
    .property-application__head__save > button {
      margin-left: 0.625rem; }
  .property-application__content {
    display: flex; }
    .property-application__content__label {
      flex: 0.1;
      margin-top: 1.25rem;
      color: #4c4c4c;
      font-size: 0.875rem;
      font-weight: 600; }
    .property-application__content__value {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.375rem;
      flex: 0.9;
      margin-top: 1.25rem; }
      .property-application__content__value-active {
        height: 15rem;
        overflow: scroll;
        overflow-x: hidden; }
      .property-application__content__value__apt-build {
        display: inline-block;
        margin-right: 1.25rem; }
      .property-application__content__value-wrap {
        white-space: break-spaces;
        word-break: break-all; }
    .property-application__content__check {
      display: inline-block;
      width: 0.5rem;
      height: 0.5rem;
      margin-left: 0.625rem;
      border-radius: 50%;
      background-color: #faae04; }
    .property-application__content__image-box {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      flex: 0.9;
      flex-wrap: wrap; }
      .property-application__content__image-box__item {
        width: 40%;
        margin: 1.25rem 0 1.25rem 3.125rem; }
        .property-application__content__image-box__item-container {
          position: relative;
          height: 17.99125rem;
          background-color: #c8c9cb;
          overflow: hidden; }
    .property-application__content__img {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%); }
    .property-application__content__box-type {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      margin-top: 0.1875rem;
      text-align: center; }
    .property-application__content__video {
      width: 100%; }
    .property-application__content__faq {
      max-height: 28.125rem;
      margin-top: 0.3125rem;
      margin-bottom: 0.625rem;
      padding: 0.75rem;
      border: 1px solid #000;
      list-style: none;
      overflow-y: auto; }
      .property-application__content__faq__tag {
        padding: 0.25rem 0.375rem;
        border: 1px solid #000;
        font-size: 0.875rem;
        cursor: pointer; }
        .property-application__content__faq__tag--active {
          background-color: #FFC600;
          color: #fff; }
      .property-application__content__faq__item {
        display: flex;
        font-size: 0.875rem;
        line-height: 1.5rem; }
      .property-application__content__faq__wait {
        margin-top: 0.3125rem;
        padding: 0.75rem;
        border: 1px solid #000; }
  .property-application__edit {
    display: flex; }
    .property-application__edit > label {
      flex: 0.1;
      line-height: 2.5rem; }
    .property-application__edit > div {
      flex: 0.9; }
    .property-application__edit__contact-info {
      display: flex; }
      .property-application__edit__contact-info__name {
        flex: 2; }
      .property-application__edit__contact-info__phone {
        flex: 3; }
      .property-application__edit__contact-info__email {
        flex: 4; }
      .property-application__edit__contact-info__delete {
        flex: 1;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content; }
    .property-application__edit__faq {
      display: flex;
      margin-bottom: 1.25rem; }
    .property-application__edit__apt-build {
      display: inline-block;
      width: 12%;
      margin-right: 0.75rem; }
    .property-application__edit__facility-list > li {
      display: inline-block;
      width: auto;
      margin-right: 1rem; }
  .property-application__map {
    display: flex;
    flex-wrap: wrap; }
    .property-application__map__box {
      margin-top: 1.25rem; }
    .property-application__map > label {
      flex: 0.1; }
    .property-application__map > .map-field__search {
      flex: 0.9; }
    .property-application__map > .map-field__map {
      width: 100%; }
    .property-application__map__search > .map-field__search {
      display: none; }
  .property-application__rooms {
    position: relative;
    padding: 0.625rem;
    border: 1px solid #9e9e9e;
    font-size: 14px;
    line-height: 22px; }
    .property-application__rooms__label {
      margin-bottom: 1.5rem;
      color: #4c4c4c;
      font-size: 0.875rem;
      font-weight: 600; }
    .property-application__rooms__empty {
      margin: 0.625rem;
      text-align: center; }
    .property-application__rooms__box {
      max-height: 34.375rem;
      margin-bottom: 1.5rem;
      overflow-y: auto; }
    .property-application__rooms__price {
      position: absolute;
      top: 0.625rem;
      right: 0.625rem; }
    .property-application__rooms__button {
      display: flex;
      justify-content: flex-end; }
      .property-application__rooms__button > button {
        width: 15%;
        margin-left: 0.625rem; }
    .property-application__rooms__update-time {
      float: right; }
  .property-application__footer {
    display: flex;
    justify-content: space-evenly; }
    .property-application__footer > button {
      width: 20%;
      margin-bottom: 1.25rem; }
  .property-application__group-container {
    flex: 0.9;
    margin-top: 0.9375rem; }
    .property-application__group-container__button {
      padding: 0.25rem 0.375rem;
      border: 1px solid #000;
      background-color: #fff;
      font-size: 0.875rem;
      cursor: pointer; }
      .property-application__group-container__button--active {
        background-color: #FFC600;
        color: #fff;
        box-shadow: 0 0.125rem 0.375rem 0 #4c4c4c; }
    .property-application__group-container__list {
      margin: 0;
      padding: 0;
      list-style: none;
      padding: 0.9375rem;
      border: 1px solid #000; }
    .property-application__group-container__item {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 0.8125rem;
      display: flex;
      margin-bottom: 0.3125rem; }
      .property-application__group-container__item > p {
        flex: 1; }

.palp-tree__node {
  width: 90%;
  max-width: 90%; }

.palp-tree__box {
  width: 100%; }
  .palp-tree__box--search {
    background-color: #FFC600; }

.palp-tree__property-tree-container {
  display: none; }

.al-map__box {
  position: relative;
  margin: 1.25rem 0; }
  .al-map__box__fold {
    position: absolute;
    top: 0;
    right: 0.625rem;
    width: auto; }
    .al-map__box__fold__arrow {
      width: 0.625rem; }
      .al-map__box__fold__arrow--show {
        transform: rotate(90deg); }
  .al-map__box--hidden {
    display: none; }
  .al-map__box__border {
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #e7e7e7; }

.al-map__university {
  position: relative;
  padding: 0.75rem 0;
  border-bottom: 1px solid #9e9e9e; }
  .al-map__university-box {
    max-height: 21.875rem;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #e7e7e7;
    overflow: auto; }
  .al-map__university__campus {
    margin-top: 0.4375rem;
    font-size: 0.875rem; }
  .al-map__university__checkbox {
    margin-top: 0.75rem; }

.al-map__edit {
  display: flex;
  margin: 0.625rem 0;
  clear: right; }
  .al-map__edit__input {
    flex: 0.8;
    margin-right: 0.3125rem; }
    .al-map__edit__input > .input-field__input-container {
      margin-bottom: 0; }
  .al-map__edit__search {
    flex: 0.8;
    width: 35%;
    margin-right: 0.3125rem; }
    .al-map__edit__search > .search-field__input-container {
      margin-bottom: 0; }
  .al-map__edit__select {
    flex: 0.8;
    margin-right: 0.3125rem; }
    .al-map__edit__select > .select-field__container {
      margin-bottom: 0; }
  .al-map__edit__action {
    flex: 0.2;
    line-height: 2.5rem;
    text-align: center;
    cursor: pointer; }
    .al-map__edit__action-deleted {
      color: #fff;
      font-size: 1rem;
      line-height: 1.5rem;
      display: inline-block;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      background-color: #000; }
    .al-map__edit__action-add {
      font-size: 1.75rem; }
  .al-map__edit__button {
    margin: 0.625rem 1.25rem;
    float: right; }
    .al-map__edit__button-item {
      display: inline-block;
      width: auto;
      padding: 0.625rem; }

.al-map__map {
  margin-top: 0.625rem;
  clear: right; }

.al-map__button {
  position: absolute;
  top: 0.75rem;
  right: 0; }
  .al-map__button__item {
    width: auto;
    margin-right: 0.625rem; }

.alpg-commission__edit {
  height: 31.25rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: auto; }
  .alpg-commission__edit__list {
    display: flex;
    width: 75rem;
    padding: 0.625rem;
    border-bottom: 1px solid #ececec; }
    .alpg-commission__edit__list-head {
      background-color: #EAEAEA; }
    .alpg-commission__edit__list > span {
      margin-right: 1rem; }
  .alpg-commission__edit__width80 {
    display: inline-block;
    width: 5rem; }
  .alpg-commission__edit__width100 {
    display: inline-block;
    width: 6.25rem;
    white-space: normal; }
  .alpg-commission__edit__width120 {
    display: inline-block;
    width: 7.5rem;
    white-space: normal; }
  .alpg-commission__edit__width130 {
    display: inline-block;
    width: 8.125rem;
    white-space: normal; }
  .alpg-commission__edit__width150 {
    display: inline-block;
    width: 9.375rem;
    white-space: normal; }
  .alpg-commission__edit__width250 {
    display: inline-block;
    width: 15.625rem; }
  .alpg-commission__edit__inline {
    display: inline-block;
    flex: 1;
    margin-right: 1rem;
    white-space: normal; }

.apgd-policy__dialog-content {
  min-width: 480px;
  height: calc(100vh - 50px - 40px - 10px);
  margin-top: 40px;
  overflow-y: auto; }

.apgd-fee__dialog-content {
  min-width: 480px;
  height: calc(100vh - 50px - 40px - 10px);
  margin-top: 40px;
  overflow-y: auto; }

.apgd {
  position: relative;
  padding: 1.25rem; }
  .apgd__images--display {
    display: none; }
  .apgd__images--active {
    display: block; }
  .apgd__hender {
    position: relative;
    margin-bottom: 0.9375rem; }
    .apgd__hender__title {
      display: inline-block; }
    .apgd__hender__edit {
      position: absolute;
      top: 0;
      right: 0;
      width: 1.5rem;
      height: 1.5rem;
      vertical-align: middle; }
    .apgd__hender__images {
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 1.25rem;
      border-radius: 50%;
      vertical-align: text-bottom; }
    .apgd__hender__svg {
      width: 1.25rem;
      height: 1.25rem;
      margin-left: 0.9375rem;
      vertical-align: sub; }
    .apgd__hender__svg-container {
      display: inline-block; }
  .apgd__content {
    position: relative;
    min-height: 9.71875rem;
    padding: 0.625rem 0 1.875rem;
    border-bottom: 1px solid #c8c9cb; }
    .apgd__content__title {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1.25rem; }
    .apgd__content__container {
      margin: 0.3125rem 0 0.375rem 6.875rem; }
      .apgd__content__container__list {
        display: flex;
        margin-bottom: 0.875rem; }
        .apgd__content__container__list-title {
          flex: 0.11; }
        .apgd__content__container__list-content {
          flex: 0.89;
          overflow: hidden; }
    .apgd__content__container-edit {
      display: flex;
      margin: 0 0 0.9375rem 6.875rem; }
      .apgd__content__container-edit > span {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1rem; }
      .apgd__content__container-edit > textarea {
        flex: 1;
        height: 9.375rem;
        margin-left: 0.625rem;
        padding: 0.3125rem 0 0 0.3125rem;
        border: 1px solid #c8c9cb;
        outline: none;
        resize: none; }
      .apgd__content__container-edit > button {
        color: #fff;
        font-size: 0.75rem;
        line-height: 1rem;
        display: inline-block;
        width: 3.3125rem;
        height: 1.875rem;
        margin-top: 0.5rem;
        margin-left: 0.625rem;
        padding: 0;
        background-color: #f20000;
        font-weight: 400;
        vertical-align: bottom; }
    .apgd__content__container-policy {
      display: flex;
      margin: 0 0 0.9375rem 5.3125rem; }
      .apgd__content__container-policy > textarea {
        height: 9.375rem; }
  .apgd__button-container {
    margin-top: 1.25rem;
    text-align: center; }
  .apgd__button {
    color: #fff;
    font-size: 0.75rem;
    line-height: 0.875rem;
    display: inline-block;
    width: 4.5rem;
    height: 1.75rem;
    border-radius: 0.25rem;
    background-color: #f20000;
    font-weight: 400; }
    .apgd__button:last-child {
      margin-left: 1.6875rem;
      background-color: #5677fc; }
    .apgd__button-batch__edit {
      display: inline-block;
      position: absolute;
      top: 0.375rem;
      right: 0;
      width: 5.875rem;
      height: 2.25rem;
      padding: 0;
      background-color: #5677fc;
      font-weight: 400; }
  .apgd__icon-container {
    position: absolute;
    right: 0;
    cursor: pointer; }
  .apgd__icon {
    width: 0.9375rem;
    height: 0.9375rem;
    margin-right: 1.1875rem; }
  .apgd__property-container {
    position: relative;
    margin-top: 1.5625rem; }
    .apgd__property-container__edit {
      top: 0; }
    .apgd__property-container__button {
      color: #fff;
      font-size: 0.75rem;
      line-height: 1rem;
      display: inline-block;
      width: 3.4375rem;
      height: 0.9375rem;
      padding: 0;
      background-color: #f20000;
      font-weight: 400; }
    .apgd__property-container__content {
      margin-right: 0.3125rem; }
      .apgd__property-container__content:last-child {
        margin: 0; }
  .apgd__batch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 50; }
    .apgd__batch__main {
      display: flex;
      align-items: flex-start; }
    .apgd__batch-container {
      display: inline-block;
      flex: 0.2;
      width: 8.0625rem; }
    .apgd__batch__title {
      padding: 1.125rem 0.375rem;
      border-right: 0.0625rem solid #fff;
      background-color: #e5e5e5;
      font-size: 0.875rem;
      font-weight: 400; }
    .apgd__batch__content {
      height: 18.75rem;
      padding: 0.875rem 0.625rem;
      border: 1px solid #e0e3ea;
      font-size: 0.75rem;
      overflow: scroll; }
      .apgd__batch__content__list {
        color: #4c4c4c;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin: 0 0 0.75rem; }
    .apgd__batch__button-container {
      padding: 0.375rem 0.5rem 0.625rem 0.6875rem;
      border: 1px solid #dce0e7; }
    .apgd__batch__button {
      color: #4c4c4c;
      font-size: 0.875rem;
      line-height: 1rem;
      display: inline-block;
      width: 1.75rem;
      padding: 0;
      background: transparent;
      font-weight: 400; }
      .apgd__batch__button-disabled {
        color: #c8c9cb; }
      .apgd__batch__button:last-child {
        margin-top: 0.125rem;
        float: right; }
  .apgd__search {
    display: inline-block;
    margin-left: 0.625rem; }
  .apgd__notice__content {
    margin-left: 0.625rem; }

.alpgl-multiple-select__title {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600; }

.alpgl-multiple-select__title-arrow {
  position: relative;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  margin-left: 0.625rem;
  transform: rotate(90deg); }
  .alpgl-multiple-select__title-arrow--up {
    transform: rotate(-90deg); }
  .alpgl-multiple-select__title-arrow--filter {
    fill: #5687bb; }

.alpgl-multiple-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  min-width: 10rem;
  max-height: 12.5rem;
  padding: 0.625rem 0 0 0.625rem;
  border-radius: 0.25rem;
  background-color: #fff;
  box-shadow: 0 0 0.5rem 0 #9e9e9e;
  z-index: 2;
  overflow-y: auto; }

.alpgl-multiple-select__item {
  margin: 0 0 0.75rem; }

.alpgl-multiple-select__checkbox {
  width: 0;
  height: 0;
  visibility: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .alpgl-multiple-select__checkbox:checked + .alpgl-multiple-select__label:before {
    border-color: #FFC600;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%235687bb' d='M2.64 4.9a1.27 1.27 0 0 0-1.8.02l-.47.47a1.27 1.27 0 0 0 0 1.8l4.46 4.45c.25.25.57.37.9.37a1.3 1.3 0 0 0 .9-.38l9-9c.5-.5.5-1.3 0-1.8l-.48-.47a1.28 1.28 0 0 0-1.8 0L5.73 8l-3.1-3.1z'/%3E%3C/svg%3E") no-repeat center;
    background-size: 0.75rem; }

.alpgl-multiple-select__label {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  width: 98%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .alpgl-multiple-select__label:before {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0.5rem 0 0;
    float: right;
    background: #fff;
    content: '';
    vertical-align: middle; }

.alpgl-upload {
  padding: 0.625rem 0;
  float: right; }
  .alpgl-upload__button {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    width: 6.25rem;
    padding: 0.625rem 1.25rem;
    border: 0;
    border-radius: 2px;
    background-color: #60acf8;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .alpgl-upload__button--disabled {
      background-color: #c8c9cb;
      color: #4c4c4c; }
  .alpgl-upload__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }

.alpg-list {
  position: relative; }
  .alpg-list__selected-filter__container {
    display: inline-block;
    margin: 0.625rem; }
  .alpg-list__selected-filter__tag:hover {
    background-color: #FFC600; }
  .alpg-list__header-scroll {
    width: 100%;
    padding-right: 1rem;
    background-color: #e7e7e7;
    font-size: 0;
    white-space: nowrap;
    overflow-x: scroll; }
  .alpg-list__header--fixed {
    position: absolute;
    background-color: #f8f8f6;
    z-index: 1; }
  .alpg-list__table {
    position: relative; }
    .alpg-list__table--fixed {
      background: #f8f8f6; }
  .alpg-list__field-filter {
    display: inline-block;
    padding: 0 0.625rem;
    border-radius: 0.125rem;
    background-color: #ecad57; }
    .alpg-list__field-filter-label {
      padding: 0.625rem; }
  .alpg-list__edit {
    width: 1.5rem; }
  .alpg-list__pagination {
    text-align: center; }

.alpg-tree__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden; }

.alpg-tree__list {
  flex: 1;
  padding-left: 20px;
  overflow-y: auto; }
  .alpg-tree__list-item {
    width: 100%;
    line-height: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden; }
    .alpg-tree__list-item:hover {
      background-color: #f3f3f3; }

.alpg-tree__pagination {
  scale: 0.8; }

.library {
  display: flex;
  padding-top: 3.75rem; }
  .library__tree {
    float: left; }
  .library__customer {
    display: flex; }
  .library__content {
    flex: 1;
    height: calc(86vh);
    margin-left: 0.75rem;
    overflow: auto; }

.tr__icon {
  margin-left: 0.1875rem; }

.trd__personal-photo {
  width: 49%;
  margin-right: 0.3125rem; }

.adca {
  position: relative;
  min-height: 100%;
  padding: 1rem; }
  @media only screen and (min-width: 768px) {
    .adca__top-filter {
      display: inline-block;
      width: 37.5rem; } }
  .adca__button {
    text-align: right; }
    .adca__button__edit {
      width: 2.125rem; }
    .adca__button__back {
      width: auto;
      margin-bottom: 1.25rem; }
  .adca__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .adca__item {
    padding-bottom: 1rem; }
    .adca__item::after {
      display: table;
      clear: both;
      content: ''; }
  .adca__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: block;
    width: 40%;
    float: left; }
  .adca__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
    width: 60%;
    float: left; }
    .adca__content-customer, .adca__content-disable {
      color: #4c4c4c;
      font-size: 0.75rem;
      line-height: 2rem;
      font-weight: 600;
      display: inline-block;
      width: 100%;
      height: 2rem;
      margin-top: 0.5rem;
      text-align: center; }
    .adca__content-customer {
      background-color: #ffcc00; }
    .adca__content-disable {
      background-color: #c8c9cb;
      pointer-events: none; }
  .adca__term {
    margin: 1.5rem 0; }
    .adca__term > .date-picker > .date-picker__picker--active {
      z-index: 1; }
  .adca__booker {
    margin-top: 0.625rem;
    padding: 0.625rem;
    border: 1px solid #EBEBEB; }
    .adca__booker__row {
      display: flex;
      flex-direction: row; }
      @media only screen and (max-width: 768px) {
        .adca__booker__row {
          flex-direction: column; } }
    .adca__booker__column {
      display: flex;
      flex-direction: column; }
    .adca__booker__box {
      flex: 0.5; }
  .adca__collapse {
    margin-top: 0.9375rem;
    cursor: pointer; }
    .adca__collapse__arrow {
      width: 0.5rem;
      margin-right: 0.9375rem;
      vertical-align: middle; }
      .adca__collapse__arrow--show {
        transform: rotate(90deg); }
    .adca__collapse__panel {
      display: none; }

.arda__room__select > .select-field__container {
  margin-bottom: 0; }

.ard__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #9e9e9e; }
  .ard__status-panel--awaiting-payment {
    background-color: #5687bb; }
  .ard__status-panel--paid {
    background-color: #ffcc00; }
  .ard__status-panel--payment-failed, .ard__status-panel--refund {
    background-color: #e03b24; }
  .ard__status-panel--processing {
    background-color: #3865a3; }
  .ard__status-panel--completed {
    background-color: #64a338; }
  .ard__status-panel--success {
    background-color: #74b3e8; }
  .ard__status-panel--promotion-again {
    background-color: #6454b5; }

.arl__service__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 2px;
  vertical-align: middle; }
  .arl__service__icon--desktop {
    width: 0.875rem;
    margin-right: 0;
    fill: #5687bb; }
  .arl__service__icon--weibo {
    margin-right: 0;
    fill: #df2029; }
  .arl__service__icon--wechat {
    width: 1.0625rem;
    fill: #7bb32e; }
  .arl__service__icon--feed {
    width: 0.75rem;
    fill: #7bb32e; }
  .arl__service__icon--redbook {
    fill: #ff3d46; }
  .arl__service__icon--vip {
    width: 1.125rem; }

@media only screen and (min-width: 768px) {
  .admin-srl-top-filter {
    flex: 1; } }

.login {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgba(255, 198, 0, 0.7); }
  .login__board {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    width: 50rem;
    height: 31.25rem;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: #4c4c4c 0 0 0.4375rem 0; }
    @media only screen and (max-width: 768px) {
      .login__board {
        flex-direction: column;
        border-radius: 0; } }
    .login__board__left {
      flex: 0.3;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .login__board__left {
          margin-top: 3.125rem; } }
      .login__board__left__img {
        width: 18.75rem; }
        @media only screen and (max-width: 768px) {
          .login__board__left__img {
            width: 6.25rem; } }
    .login__board__right {
      flex: 0.5; }
      @media only screen and (max-width: 768px) {
        .login__board__right {
          flex: 0.8;
          width: 18.75rem; } }
      .login__board__right__title {
        margin-bottom: 1.25rem; }
      .login__board__right__button {
        background-color: #ffcc00;
        font-weight: 400; }
    .login__board__form__label {
      color: #cccccc;
      font-size: 0.875rem; }
    .login__board__form__input {
      padding: 0;
      border-top-width: 0;
      border-right-width: 0;
      border-bottom-width: 0.125rem;
      border-left-width: 0; }

@media only screen and (max-width: 768px) {
  .asrl__invisible--small-only {
    display: none; } }

.asrl__loading {
  width: 3.25rem;
  -webkit-animation: loading 0.8s infinite linear;
          animation: loading 0.8s infinite linear; }

@keyframes loading {
  100% {
    transform: rotate(360deg); } }
  .asrl__loading__bg {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1.25rem;
    left: 0;
    justify-content: center;
    border-radius: 0.625rem;
    background-color: rgba(0, 0, 0, 0.18);
    z-index: 11; }

@media only screen and (min-width: 768px) {
  .asrl__filter {
    display: flex;
    padding-top: 3.75rem; } }

@media only screen and (min-width: 768px) {
  .asrl__search {
    display: inline-block;
    width: 15.625rem;
    margin: 0 1.875rem 0.625rem 0; } }

.asrl__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 0.5rem; }
  .asrl__list__item {
    position: relative;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff; }

.asrl__card__link {
  display: block; }

.asrl__card__header {
  position: relative;
  padding: 0.5rem 1rem 0; }

.asrl__card__heading {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: middle; }

.asrl__card__status {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  padding: 0rem 0.25rem;
  border-radius: 4px;
  background-color: #9e9e9e; }
  .asrl__card__status--0 {
    background-color: #5687bb; }
  .asrl__card__status--2, .asrl__card__status--203, .asrl__card__status--refund {
    background-color: #e03b24; }
  .asrl__card__status--3, .asrl__card__status--from-flat {
    background-color: #ffcc00; }
  .asrl__card__status--1 {
    background-color: #3865a3; }
  .asrl__card__status--150, .asrl__card__status--204 {
    background-color: #64a338; }
  .asrl__card__status--120 {
    background-color: #5687bb; }
  .asrl__card__status--torent-success {
    background-color: #74b3e8; }
  .asrl__card__status--from-consult {
    background-color: #7a44bf; }
  .asrl__card__status--from-ro {
    background-color: #faae04; }

.asrl__card__body {
  padding: 0.5rem 1rem; }

.asrl__card__body-item {
  color: #9e9e9e;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem; }
  .asrl__card__body-item:last-child {
    margin-bottom: 0; }
  .asrl__card__body-item--green {
    color: #64a338; }
  .asrl__card__body-item--red {
    color: #ff3d46; }
  .asrl__card__body-item--memo {
    font-weight: 600; }

.asrl__service {
  display: inline-block;
  margin-right: 3.625rem; }
  @media only screen and (max-width: 768px) {
    .asrl__service {
      display: block; } }
  .asrl__service-container {
    padding: 0.5rem 1rem;
    border-top: 1px solid #e7e7e7; }
  .asrl__service-label {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    padding: 0 0.25rem 0 0; }
  .asrl__service-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.3125rem;
    vertical-align: middle; }
    .asrl__service-icon--desktop {
      width: 0.875rem;
      fill: #5687bb; }
    .asrl__service-icon--vip {
      width: 1.125rem; }

@media only screen and (min-width: 768px) {
  .adsrl-top-filter {
    display: inline-block;
    flex: 1; } }

.adsrl-top-filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .adsrl-top-filter__list {
      border: 0; } }

.adsrl-top-filter__item {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: relative;
  width: 100%;
  padding: 0.75rem;
  outline: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .adsrl-top-filter__item {
      margin-right: 1.875rem;
      border: 1px solid #eeeeee; } }
  .adsrl-top-filter__item:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #9e9e9e transparent transparent;
    content: ''; }
  .adsrl-top-filter__item--filtered {
    font-weight: 600;
    color: #64a338; }
  .adsrl-top-filter__item--active {
    background-color: #e7e7e7; }
    .adsrl-top-filter__item--active:after {
      border-width: 0 4px 4px;
      border-color: transparent transparent #64a338; }

.adsrl-top-filter__detail {
  position: absolute;
  top: 5.8125rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(200, 201, 203, 0.8);
  z-index: 1000; }
  @media only screen and (min-width: 768px) {
    .adsrl-top-filter__detail {
      top: 7.9375rem; } }

.adsrl-top-filter__detail-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.adsrl-top-filter__detail-item {
  color: #4c4c4c;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  position: relative;
  padding: 0.75rem 1rem 0.75rem 2rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff; }
  .adsrl-top-filter__detail-item--active {
    font-weight: 600;
    color: #64a338; }
    .adsrl-top-filter__detail-item--active:before {
      display: block;
      position: absolute;
      top: 50%;
      left: 1rem;
      width: 0.375rem;
      height: 0.375rem;
      transform: translateY(-50%);
      border-radius: 0.375rem;
      background-color: #64a338;
      content: ''; }

.asrdg {
  min-height: 100%;
  padding: 1rem; }
  .asrdg__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .asrdg__item {
    padding-bottom: 1rem; }
    .asrdg__item::after {
      display: table;
      clear: both;
      content: ''; }
  .asrdg__label {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: inline-block;
    width: 6.25rem; }
    .asrdg__label--top {
      vertical-align: top; }
  .asrdg__content {
    color: #4c4c4c;
    font-size: 0.875rem;
    line-height: 1.25rem; }
    .asrdg__content--package {
      display: inline-block;
      width: 90%; }
  .asrdg__refund {
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(76, 76, 76, 0.2); }
  .asrdg__text-button {
    color: #b84145;
    font-size: 0.75rem;
    line-height: 1rem;
    display: inline-block;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    text-align: left;
    text-decoration: underline; }
    .asrdg__text-button:disabled {
      color: #c8c9cb; }

.asrda {
  position: relative; }
  .asrda__step {
    margin: 1rem; }
    .asrda__step--scroll-fixed {
      position: fixed;
      top: 0;
      right: 0;
      left: 12.5rem;
      padding: 0.625rem;
      background-color: #fff;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        .asrda__step--scroll-fixed {
          left: 0; } }
    .asrda__step--small {
      display: flex !important; }
      .asrda__step--small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
        display: none !important; }
  .asrda__head {
    line-height: 3.75rem;
    text-align: center; }
  .asrda__part {
    margin-top: 2.625rem;
    margin-left: 14%; }
    @media only screen and (max-width: 768px) {
      .asrda__part {
        margin-left: 0; } }
  .asrda__distance {
    margin-top: 1.25rem; }
  .asrda__text-top {
    vertical-align: top; }
  .asrda__text-left {
    text-align: left; }
  .asrda__form {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media only screen and (max-width: 768px) {
      .asrda__form {
        left: 0; } }
    .asrda__form__label {
      display: inline-block;
      width: 10%;
      margin-right: 1.25rem;
      text-align: right; }
      @media only screen and (max-width: 768px) {
        .asrda__form__label {
          width: 20%; } }
    .asrda__form__field {
      display: inline-block;
      width: 63%; }
      @media only screen and (max-width: 768px) {
        .asrda__form__field {
          width: 70%; } }
    .asrda__form__date {
      z-index: 1; }
    .asrda__form__text-label {
      margin-top: 1.25rem; }
  .asrda__wechat-code > .file-uploader > .file-uploader__modal > .file-uploader__modal-content {
    height: calc(90vh);
    text-align: center; }
    .asrda__wechat-code > .file-uploader > .file-uploader__modal > .file-uploader__modal-content > .file-uploader__modal-close {
      padding: 0.5rem;
      background-color: #000; }
    .asrda__wechat-code > .file-uploader > .file-uploader__modal > .file-uploader__modal-content > .file-uploader__modal-image {
      width: auto;
      height: 100%; }

.asrdc__table .ant-table-thead {
  background-color: #eeeeee; }

.a-seek-rent-d__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #9e9e9e; }
  .a-seek-rent-d__status-panel--0 {
    background-color: #5687bb; }
  .a-seek-rent-d__status-panel--4, .a-seek-rent-d__status-panel--2, .a-seek-rent-d__status-panel--203 {
    background-color: #e03b24; }
  .a-seek-rent-d__status-panel--3 {
    background-color: #ffcc00; }
  .a-seek-rent-d__status-panel--5 {
    background-color: #3865a3; }
  .a-seek-rent-d__status-panel--6, .a-seek-rent-d__status-panel--7, .a-seek-rent-d__status-panel--150, .a-seek-rent-d__status-panel--204 {
    background-color: #64a338; }

.apcdcd {
  position: relative; }
  .apcdcd__float-add__container {
    position: fixed;
    right: 0;
    bottom: 5rem;
    left: 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .apcdcd__float-add__container {
        left: 14rem; } }
  .apcdcd__edit-container {
    position: fixed;
    top: 11.875rem;
    right: 0;
    bottom: 3.125rem;
    left: 0;
    background-color: #fff;
    z-index: 2;
    overflow-y: auto; }
    @media only screen and (min-width: 768px) {
      .apcdcd__edit-container {
        top: 13.75rem;
        left: 14rem; } }
    @media only screen and (min-width: 1024px) {
      .apcdcd__edit-container {
        position: relative;
        top: 0;
        left: 0;
        margin: 1rem 0;
        padding: 0.375rem 1rem 1rem;
        border: 1px solid #dcdcdc;
        border-radius: 0.375rem;
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.05); } }
  .apcdcd__edit__form-container {
    padding: 0 1.25rem 5.25rem; }
    @media only screen and (min-width: 1024px) {
      .apcdcd__edit__form-container {
        padding: 0 0 1rem; } }
  .apcdcd__edit__footer {
    position: fixed;
    right: 1.25rem;
    bottom: 3.125rem;
    left: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
    border-top: 1px solid #e7e7e7;
    background-color: #fff; }
    @media only screen and (min-width: 768px) {
      .apcdcd__edit__footer {
        left: 14rem; } }
    @media only screen and (min-width: 1024px) {
      .apcdcd__edit__footer {
        position: relative;
        right: 0;
        bottom: 0;
        left: 0; } }
  .apcdcd__qna-page__container {
    background-color: #f7f7f5;
    overflow-y: auto; }
  .apcdcd__qna-list-hidden {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .apcdcd__qna-list-hidden {
        display: block; } }

.apcd__list-tab > .select-field__container {
  margin-bottom: 0; }

.apcd__list-tab__field {
  width: 5.25rem;
  height: 2.1875rem;
  border: 0;
  background: transparent;
  font-size: 12px; }
  .apcd__list-tab__field--active {
    font-weight: 600; }

.apcd__page {
  display: none; }
  .apcd__page--active {
    display: block; }

.apcd__rc-qna__consult-info-tip {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .apcd__rc-qna__consult-info-tip {
      display: block;
      opacity: 0; } }

.apcl__card__avatar__image {
  width: 1.5625rem;
  border-radius: 50%; }
  @media only screen and (min-width: 1024px) {
    .apcl__card__avatar__image {
      width: 3rem; } }

.arod__status-panel {
  position: relative;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  background-color: #9e9e9e; }
  .arod__status-panel--10 {
    background-color: #5687bb; }
  .arod__status-panel--15 {
    background-color: #87CEEB; }
  .arod__status-panel--20 {
    background-color: #7a44bf; }
  .arod__status-panel--30, .arod__status-panel--40 {
    background-color: #87CEEB; }
  .arod__status-panel--50 {
    background-color: #ffcc00; }
  .arod__status-panel--60 {
    background-color: #64a338; }
  .arod__status-panel--70 {
    background-color: #faae04; }
  .arod__status-panel--80, .arod__status-panel--90 {
    background-color: #e03b24; }
  .arod__status-panel--100, .arod__status-panel--110, .arod__status-panel--120 {
    background-color: #40caec; }

.arod-operations {
  position: relative; }
  .arod-operations__nav {
    display: flex;
    justify-content: space-around;
    background: #e7e7e7;
    z-index: 1; }
    .arod-operations__nav-item {
      width: 100%;
      padding: 0.625rem;
      font-weight: 500;
      text-align: center; }
    .arod-operations__nav-fixed {
      position: fixed;
      top: 0; }
      @media only screen and (min-width: 768px) {
        .arod-operations__nav-fixed {
          right: 1.625rem;
          left: 14.0625rem; } }
    .arod-operations__nav--active {
      background: #FFC600; }
  .arod-operations__property-info__edit {
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem; }
  @media only screen and (min-width: 768px) {
    .arod-operations__installment__container {
      height: 31.25rem; } }
  @media only screen and (min-width: 768px) {
    .arod-operations__installment__content {
      max-height: 18.75rem;
      overflow-y: auto; } }
  .arod-operations__part-title {
    margin-bottom: 1rem;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem; }
  .arod-operations__title-line {
    border-bottom: 1px solid #EBEBEB;
    line-height: 40px; }

.arod-operations-attach-certificate__list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }

.arod-operations-attach-certificate__list-item {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .arod-operations-attach-certificate__list-item {
      width: calc((100% - 32px) / 3); } }

.arod-operations-attach-certificate__list__delete {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  font-weight: 100;
  line-height: 22px;
  text-align: center;
  cursor: pointer; }

.arod-operations-attach-certificate__list__media-item {
  height: 300px;
  background-color: #e7e7e7; }

.arod-operations-attach-certificate__list-img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover; }

.arod-operations-attach-certificate__list-document {
  display: inline-block;
  width: 100%;
  line-height: 300px;
  text-align: center; }

.arod-operations-attach-certificate__list-pdf {
  width: 100%;
  height: 300px;
  overflow: hidden; }

.arod-operations-attach-certificate__list-type-select {
  width: 100%; }

.arod-related__qrcodev2 {
  width: 100%;
  max-width: 400px; }

.arod-operations-note__item__edit-btn {
  display: inline-block;
  width: auto;
  margin-left: 16px; }

.aro-list {
  position: relative; }
  .aro-list__layout {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px); }
  .aro-list__create-order-dialog {
    bottom: 32px;
    overflow: auto; }
    @media screen and (max-height: 850px) {
      .aro-list__create-order-dialog {
        bottom: 66px; } }
  .aro-list__list {
    min-width: 1420px;
    margin: 0;
    padding: 0;
    padding-top: 0.5rem;
    list-style: none; }
    .aro-list__list-container {
      position: relative;
      flex: 1;
      width: 100%;
      overflow: auto; }
  @media only screen and (min-width: 768px) {
    .aro-list__search {
      padding-top: 2.75rem; } }
  @media only screen and (min-width: 768px) {
    .aro-list__search-bar {
      display: inline-block;
      width: 15.625rem;
      margin: 0 1.875rem; } }
  .aro-list__item {
    position: relative;
    margin-left: 2px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    background-color: #fff; }
    .aro-list__item:hover {
      background-color: #e7e7e7; }
  .aro-list__head-container {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    border-bottom: 1px solid #e7e7e7;
    z-index: 2; }
  .aro-list__create-btn {
    width: 100%;
    margin-top: 4px; }
    @media only screen and (min-width: 768px) {
      .aro-list__create-btn {
        width: auto; } }
  .aro-list__filter-container {
    align-items: center;
    background: #fff;
    z-index: 1; }
  @media only screen and (min-width: 768px) {
    .aro-list__filter-fixed {
      position: fixed;
      top: 50px; } }
  .aro-list__filter-date {
    position: fixed; }
    .aro-list__filter-date__caption {
      margin-bottom: 6px; }
    .aro-list__filter-date__label {
      display: none; }
    .aro-list__filter-date__select {
      top: 10px;
      min-width: 310px;
      padding: 0;
      z-index: 1; }
      @media only screen and (min-width: 1024px) {
        .aro-list__filter-date__select {
          min-width: 500px; }
          .aro-list__filter-date__select > .new-date-picker__tab {
            height: 30px;
            margin-top: 6px;
            scale: 0.8; }
          .aro-list__filter-date__select > .new-date-picker__buttons {
            margin: 0 5px 16px 0; } }
    .aro-list__filter-date__calendar-tile {
      padding: 16px !important; }
  .aro-list__filter-checkindate {
    top: -10px; }
    .aro-list__filter-checkindate__select {
      top: 10px;
      min-width: 310px;
      padding: 0;
      box-shadow: none;
      z-index: 1; }
      @media only screen and (min-width: 1024px) {
        .aro-list__filter-checkindate__select {
          min-width: 500px; }
          .aro-list__filter-checkindate__select > .new-date-picker__tab {
            height: 30px;
            margin-top: 6px;
            scale: 0.8; }
          .aro-list__filter-checkindate__select > .new-date-picker__buttons {
            margin: 0 5px 16px 0; } }
  .aro-list__filter-city__field {
    top: 32px;
    width: 300px;
    text-align: left; }
  .aro-list__filter-city__select {
    display: none; }
  .aro-list__filter-city__label {
    width: auto;
    max-width: 160px;
    line-height: 32px;
    cursor: pointer;
    overflow-x: hidden; }
  .aro-list__filter-assignee, .aro-list__filter-status {
    height: calc(40vh);
    overflow-y: auto; }
  .aro-list__filter-select {
    width: auto;
    max-width: 160px; }
    .aro-list__filter-select > .ant-select-selection {
      border: 0;
      background-color: transparent; }
  .aro-list__filter--active {
    color: #64a338;
    font-weight: 600; }
  .aro-list__column-container {
    display: flex;
    position: relative;
    padding: 0.875rem 0;
    font-size: 14px;
    text-align: center; }
    .aro-list__column-container--active {
      background-color: rgba(227, 77, 89, 0.1); }
  .aro-list__column-item {
    padding-left: 1rem;
    color: rgba(0, 0, 0, 0.7);
    line-height: 34px; }
    .aro-list__column-item:first-child {
      padding-left: 0; }
  .aro-list__column--createdtime {
    width: 120px;
    max-width: 120px;
    cursor: pointer; }
  .aro-list__column--city {
    width: 100px;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .aro-list__column--order-type {
    width: 100px;
    max-width: 100px;
    cursor: pointer; }
  .aro-list__column--name {
    width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden; }
  .aro-list__column--assignee {
    width: 80px;
    max-width: 80px;
    cursor: pointer; }
  .aro-list__column--order {
    flex: 1;
    max-width: 160px;
    text-align: left;
    white-space: nowrap; }
  .aro-list__column--country {
    width: 100px;
    max-width: 100px; }
  .aro-list__column--status {
    width: 220px;
    max-width: 220px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer; }
  .aro-list__column--checkintime {
    width: 120px;
    max-width: 120px;
    cursor: pointer; }
  .aro-list__column--log {
    display: -webkit-box;
    flex: 1;
    width: 240px;
    min-width: 240px;
    max-height: 2.5rem;
    line-height: 1.375rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    cursor: pointer;
    overflow: hidden;
    word-break: break-all; }
  .aro-list__card__createdtime > div > .ant-calendar-picker-input {
    border: 0;
    background: transparent; }
  .aro-list__card__city {
    overflow: hidden; }
  .aro-list__card__slave-order {
    padding: 0rem 0.25rem;
    border: 1px solid #c8c9cb;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap; }
  .aro-list__card__slave-name {
    padding: 0rem 0.25rem;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap; }
  .aro-list__card__property-type > .ant-select-selection {
    border: 0;
    background-color: transparent; }
  .aro-list__card__status-container {
    width: auto; }
  .aro-list__card__status-field {
    width: auto; }
  .aro-list__card__status-icon {
    display: none; }
  .aro-list__card__status {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 4px;
    background-color: #9e9e9e; }
    .aro-list__card__status > .ant-select-selection {
      border: 0;
      background-color: transparent; }
    .aro-list__card__status--10 {
      background-color: #5687bb; }
    .aro-list__card__status--15 {
      background-color: #87CEEB; }
    .aro-list__card__status--20 {
      background-color: #7a44bf; }
    .aro-list__card__status--30, .aro-list__card__status--40 {
      background-color: #87CEEB; }
    .aro-list__card__status--50 {
      background-color: #ffcc00; }
    .aro-list__card__status--60 {
      background-color: #64a338; }
    .aro-list__card__status--70 {
      background-color: #faae04; }
    .aro-list__card__status--80, .aro-list__card__status--90 {
      background-color: #e03b24; }
    .aro-list__card__status--100, .aro-list__card__status--110, .aro-list__card__status--120 {
      background-color: #40caec; }
  .aro-list__card__sp-button {
    display: unset;
    width: auto;
    padding: 6px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle; }
    .aro-list__card__sp-button--active {
      background-color: #E34D59;
      color: #fff; }
  .aro-list__card__sp-icon {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 56px;
    height: 56px;
    z-index: 1; }
  @media only screen and (min-width: 768px) {
    .aro-list__memo-dialog {
      width: 600px; } }
  .aro-list__memo-list {
    height: auto;
    max-height: calc(60vh); }

.aol-flat-log__adminuser-select {
  right: 0;
  left: auto !important;
  max-width: 200px; }

.awxwork-rental-order__list-item {
  display: flex;
  justify-content: space-between;
  line-height: 2rem; }

.awxwork-rental-order__list-label {
  min-width: 6.25rem;
  white-space: nowrap; }

.awxwork-rental-order__list-content {
  flex: 1;
  text-align: right; }

.awxwork-rental-order__list-edit {
  flex: 1; }

.awxwork-rental-order__history-item {
  display: flex;
  line-height: 2rem; }

.awxwork-rental-order__custom-message {
  top: 3.75rem; }

.ac-top-city-filter__country {
  color: #4c4c4c;
  font-size: 0.875rem;
  line-height: 1rem;
  display: block;
  position: relative;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff;
  font-weight: 800;
  cursor: pointer; }

.ac-top-city-filter__arrow-right, .ac-top-city-filter__arrow-down {
  width: 0.875rem;
  margin-right: 1rem; }

.ac-top-city-filter__arrow-right {
  transform: rotate(270deg); }

.ac-file-uploader__input {
  border: 1px solid;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.admin {
  background-color: #fff; }
  .admin__body {
    padding-bottom: 4.125rem;
    background-color: #f8f8f6;
    overflow: auto; }
  .admin__tab {
    display: block; }
    @media only screen and (min-width: 768px) {
      .admin__tab {
        display: none; } }
  .admin__unauthorized {
    text-align: center; }
    .admin__unauthorized__img {
      width: 7.5rem;
      margin: 5rem 0 2.5rem; }
    .admin__unauthorized__tip {
      margin: 1.25rem 0;
      color: #6D7278;
      font-size: 0.75rem; }
    .admin__unauthorized__button {
      width: 8.125rem;
      margin: 0 auto; }
  .admin__icon {
    vertical-align: middle; }
  .admin__layout {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .admin__logo {
    font-weight: 600;
    text-align: center; }
  .admin__logout {
    font-weight: 600;
    text-align: center; }
  .admin__link {
    display: inline-block !important; }
    .admin__link--dashboard {
      color: #fff;
      font-size: 1.25rem;
      line-height: 2rem; }
  .admin__header {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 3.125rem;
    font-weight: 600;
    position: fixed;
    top: 0;
    right: 0;
    left: 12.5rem;
    min-height: 3.125rem;
    margin-bottom: 1.875rem;
    padding: 0;
    padding-left: 1.875rem;
    background-color: #fff;
    box-shadow: 0 0 1.625rem 0 rgba(0, 0, 0, 0.3);
    z-index: 1000; }
    @media only screen and (max-width: 768px) {
      .admin__header {
        display: none; } }
  .admin__menu__link {
    float: left; }
    .admin__menu__link-tip {
      position: absolute;
      top: 0.625rem;
      right: 0.625rem;
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 50%;
      background-color: #ff3d46;
      line-height: 1.25rem;
      text-align: center; }
    .admin__menu__link-yellow {
      right: 2.1875rem;
      background-color: #faae04; }
    .admin__menu__link__sublease-yellow {
      right: 1.5625rem;
      background-color: #faae04; }